.chat-page{padding-bottom:2rem}.chat-intro{padding-block:2.5rem 1.5rem}.chat-intro h1{margin:0 0 .6rem;font-size:clamp(2rem,6vw,3.2rem);font-weight:800;line-height:1.05}.chat-intro p{color:var(--ink-soft);margin:0}.characters{grid-template-columns:repeat(3,1fr);gap:1rem;margin:0 0 2rem;padding:0;list-style:none;display:grid}.character{text-align:left;width:100%;height:100%;font:inherit;color:var(--ink);background:var(--folder);border:1px solid var(--folder-edge);cursor:pointer;border-radius:2px 10px 10px;grid-template-rows:auto 1fr;grid-template-columns:4rem 1fr;column-gap:.85rem;padding:.9rem;display:grid}.character img{object-fit:cover;border-radius:50%;grid-row:1/3;width:4rem;height:4rem}.character-name{font-size:1.15rem;font-weight:700;line-height:1.2}.character-teaser{color:var(--ink-soft);margin-top:.2rem;font-size:.95rem;line-height:1.35}.character:hover .character-name{text-decoration:underline}.character[aria-pressed=true]{outline:3px double var(--stamp);outline-offset:3px}@media (width<=46rem){.characters{grid-template-columns:1fr}}.transcript{background:var(--surface);border:1px solid var(--folder-edge);border-radius:4px;max-width:44rem;padding:1.25rem}.transcript-head{border-bottom:3px double var(--folder-edge);align-items:center;gap:.85rem;padding-bottom:.9rem;display:flex}.transcript-head img{object-fit:cover;border-radius:50%;width:3rem;height:3rem}.transcript-head h2{margin:0;font-size:1.15rem}.transcript-head p{color:var(--ink-soft);margin:0;font-size:.95rem}.transcript-head div{margin-right:auto}.reset{font:inherit;color:var(--stamp);border:1px solid var(--stamp);cursor:pointer;background:0 0;border-radius:999px;padding:.15rem .75rem;font-size:.9rem}.messages{gap:.9rem;margin:0;padding:1rem 0;list-style:none;display:grid}.msg{gap:.15rem;max-width:92%;display:grid}.msg-who{color:var(--ink-soft);font-size:.85rem}.msg-text{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;padding:.6rem .85rem;line-height:1.5}.msg.user{text-align:right;justify-self:end}.msg.user .msg-text{background:var(--paper);border:1px solid var(--folder-edge);text-align:left}.msg.character .msg-text{background:var(--folder)}.msg.system .msg-text{border:2px dashed var(--seal);color:var(--seal);font-family:var(--stamp-face);background:0 0;font-size:.95rem}.empty{color:var(--ink-soft);margin:0;font-style:italic}.typing{color:var(--ink-soft);margin:0 0 .75rem;font-style:italic}.composer textarea{resize:vertical;width:100%;min-height:5.5rem;font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--folder-edge);border-radius:4px;padding:.6rem .75rem}.composer-row{justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.counter{color:var(--ink-soft);font-size:.9rem}.counter.over{color:var(--seal)}.composer button[type=submit]{font:inherit;color:#fff;background:var(--stamp);cursor:pointer;border:0;border-radius:4px;padding:.45rem 1.4rem;font-weight:700}:root[data-theme=dark] .composer button[type=submit]{color:#141827}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .composer button[type=submit]{color:#141827}}.composer button[disabled]{opacity:.55;cursor:progress}.ai-note{flex-basis:100%;max-width:40rem;margin:.5rem 0 0;font-size:.85rem}.reset{white-space:nowrap}@media (width<=30rem){.transcript{padding:.9rem}.transcript-head{flex-wrap:wrap}.transcript-head div{flex:10rem}.transcript-head h2{font-size:1.05rem}}