:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4f5f7;--surface:#fff;--text:#1c1e21;--muted:#5f6672;--accent:#2f6fed;--danger:#c4314b;--border:#d5d9e0;font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14161a;--surface:#1e2127;--text:#e8eaee;--muted:#9aa3b2;--accent:#6c9bff;--danger:#ff7a90;--border:#343a45}}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;color:var(--text);margin:0}.center{place-items:center;min-height:100dvh;padding:16px;display:grid}.card{border:1px solid var(--border);background:var(--surface);border-radius:12px;width:min(100%,24rem);padding:24px}.notice{color:var(--muted)}h1{margin-top:0;font-size:1.4rem}form{gap:12px;display:grid}label{color:var(--muted);gap:4px;font-size:.9rem;display:grid}input{border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;border-radius:8px;padding:10px}button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:8px;padding:10px 14px}button:disabled{opacity:.6;cursor:progress}button.link{color:var(--accent);background:0 0;margin-top:12px;padding:0}[role=alert]{color:var(--danger);margin:0}[data-status=connected]{color:#2e9e5b}[data-status=disconnected]{color:var(--danger)}code{overflow-wrap:anywhere}button.secondary{border:1px solid var(--border);background:var(--surface);color:var(--text)}button.link.inline{margin:0;display:inline}.muted{color:var(--muted);font-size:.85rem}.chat{grid-template-columns:minmax(16rem,22rem) 1fr;height:100dvh;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;min-height:0;display:flex}.sidebar-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.sidebar-header .muted{display:block}.header-actions{gap:8px;display:flex}[data-status=connected].muted{color:#2e9e5b}.conversation-list{margin:0;padding:0;list-style:none;overflow-y:auto}.conversation{width:100%;color:var(--text);text-align:left;background:0 0;border-radius:0;gap:4px;padding:12px 16px;display:grid}.conversation[aria-current=true]{background:var(--bg)}.conversation-top,.conversation-bottom{justify-content:space-between;gap:8px;display:flex}.conversation time{color:var(--muted);font-size:.8rem}.preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.badge{background:var(--accent);color:#fff;text-align:center;border-radius:999px;min-width:1.4rem;padding:0 6px;font-size:.8rem}.main{min-width:0;min-height:0;display:flex}.empty-main{margin:auto}.thread{flex-direction:column;flex:1;min-width:0;display:flex}.thread-header{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:12px;padding:12px 16px;display:flex}.back{display:none}.peer-status{display:block}.messages{flex-direction:column;flex:1;gap:6px;min-height:0;padding:16px;display:flex;overflow-y:auto}.load-earlier{align-self:center}.message{background:var(--surface);border:1px solid var(--border);border-radius:14px;max-width:min(32rem,85%);padding:8px 12px}.message p{overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.message.mine{background:var(--accent);color:#fff;border-color:#0000;align-self:flex-end}.message.pending{opacity:.7}.message .meta{opacity:.75;margin-top:2px;font-size:.75rem;display:block}.message.mine button.link{color:#fff;text-decoration:underline}.message.deleted p{opacity:.7;font-style:italic}.message button.link.more{vertical-align:middle;margin-left:2px;padding:2px 10px;font-size:1.1rem;line-height:1;text-decoration:none}.message .actions{flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:4px;font-size:.85rem;display:flex}.quote{opacity:.8;border-left:3px solid;margin:0 0 4px;padding-left:8px;font-size:.85rem;display:grid}.quote span{overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.composer-area{border-top:1px solid var(--border);background:var(--surface)}.composer-area>[role=alert]{padding:8px 16px 0}.composer-banner{justify-content:space-between;align-items:center;gap:8px;padding:8px 16px 0;display:flex}.banner-text{min-width:0;display:grid}.banner-text span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.composer{align-items:flex-end;gap:8px;padding:12px 16px;display:flex}.composer textarea{border:1px solid var(--border);background:var(--bg);max-height:10rem;color:var(--text);font:inherit;field-sizing:content;resize:none;border-radius:8px;flex:1;padding:10px}.dialog{border:1px solid var(--border);background:var(--surface);width:min(100% - 32px,22rem);color:var(--text);border-radius:12px;padding:24px}.dialog::backdrop{background:#00000080}.dialog h2{margin-top:0}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}@media (width<=720px){.chat{grid-template-columns:1fr}.chat[data-view=list] .main,.chat[data-view=thread] .sidebar{display:none}.back{display:inline-block}}.notifications{border-bottom:1px solid var(--border);gap:8px;padding:12px 16px;display:grid}.notifications p{margin:0}