@layer base;@layer components{.dm-wrap{grid-template-columns:minmax(0,1fr) minmax(0,520px);align-items:start;gap:30px clamp(36px,6vw,110px);display:grid}.dm-copy{justify-items:start;gap:24px;padding-top:6px;display:grid}.dm-prompts{gap:8px;width:min(100%,460px);margin:0;padding:0;list-style:none;display:grid}.dm-prompts button{text-align:left;background:var(--card);width:100%;box-shadow:inset 0 0 0 1.5px var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:16px;font-weight:600;transition:transform .15s,box-shadow .15s,background-color .15s;display:flex}.dm-prompts button:hover:not(:disabled){box-shadow:inset 0 0 0 1.5px var(--ink), 4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.dm-prompts button:disabled{opacity:.5;cursor:not-allowed}.dm{background:var(--card);height:clamp(520px,72svh,660px);box-shadow:var(--shadow-lift), inset 0 3px 0 var(--ink);border-radius:var(--radius-card);flex-direction:column;display:flex;position:relative;overflow:hidden}.dm-h{border-bottom:2px solid var(--ink);align-items:center;gap:13px;padding:16px 18px 14px;display:flex}.dm-h b{align-items:center;gap:7px;font-size:16px;display:inline-flex}.dm-h small{font-family:var(--font-mono);color:var(--muted);font-size:11.5px;display:block}.dm-thread{background:var(--bg) url(/gj/art/paper.jpg) repeat 0 0 / 700px auto;flex-direction:column;flex:1;gap:4px;min-height:0;padding:18px 18px 8px;display:flex;overflow-y:auto}.dm-hello{text-align:center;justify-items:center;gap:8px;margin:auto 0;padding:12px 8px 20px;display:grid}.dm-hello b{font-size:20px}.dm-hello p{max-width:24em;color:var(--ink-2);margin:0;font-size:15px;line-height:1.4}.dm-hello small{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:11px}.dm-ex{max-width:24em;line-height:1.5}.dm-suggest{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:8px;display:flex}.dm-suggest button{background:var(--card);box-shadow:inset 0 0 0 1.5px var(--ink);padding:8px 12px;font-size:14px;font-weight:600;transition:background-color .15s,color .15s}.dm-suggest button:hover:not(:disabled){background:var(--ink);color:var(--paper)}.dm-bub{overflow-wrap:anywhere;white-space:pre-wrap;max-width:84%;padding:10px 14px;font-size:15.5px;line-height:1.4}.dm-bub[data-first="1"]{margin-top:10px}.dm-bub.me{background:var(--ink);color:var(--paper);align-self:flex-end}.dm-bub.idol{background:var(--card);box-shadow:inset 0 0 0 1.5px var(--ink), inset 4px 0 0 var(--red);align-self:flex-start;padding-left:18px}.dm-bub.err{background:var(--red-tint);box-shadow:inset 4px 0 0 var(--down);color:#9c2617;align-self:flex-start;padding-left:18px}.dm-typing{align-items:center;gap:5px;height:14px;display:inline-flex}.dm-typing i{background:var(--ink);border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite dm-dot}.dm-typing i:nth-child(2){animation-delay:.15s}.dm-typing i:nth-child(3){animation-delay:.3s}@keyframes dm-dot{0%,60%,to{opacity:.25;transform:none}30%{opacity:1;transform:translateY(-3px)}}.dm-input{border-top:2px solid var(--ink);background:var(--card);gap:8px;padding:12px 14px 14px;display:flex}.dm-input input{background:var(--sunk);border-radius:var(--radius-sm);min-width:0;height:48px;box-shadow:inset 0 0 0 1.5px var(--hair);border:0;outline:none;flex:1;padding:0 14px;font-size:16px}.dm-input input:focus{box-shadow:inset 0 0 0 2px var(--ink)}.dm-input button{background:var(--red);color:#fff;border-radius:var(--radius-sm);place-items:center;width:48px;height:48px;transition:background-color .15s,opacity .15s;display:grid;box-shadow:inset 0 -3px #00000024}.dm-input button:hover:not(:disabled){background:var(--red-ink)}.dm-input button:disabled{opacity:.4;cursor:not-allowed}@media (max-width:980px){.dm-wrap{grid-template-columns:minmax(0,1fr)}.dm{height:clamp(480px,70svh,620px)}}}html.idol-lenis .dm-thread[data-lenis-prevent]{overscroll-behavior:auto}