:root{color-scheme:dark;--bg: #0f1115;--card: #171a21;--border: #262b36;--text: #e6e9ef;--muted: #8a91a0;--accent: #4f8cff;--danger: #ff6b6b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.page{max-width:720px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:100vh}.page.narrow{max-width:440px;justify-content:center}.page.chat{max-width:720px}.brand{font-size:28px;margin:0;letter-spacing:.5px}.tagline{color:var(--muted);margin-top:-4px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.card h2{margin:0;font-size:16px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row.nowrap{flex-wrap:nowrap}.row.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:10px}.grow{flex:1}.muted{color:var(--muted)}button.wide{width:100%}.badge{font-size:12px;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:3px 10px;white-space:nowrap}input,textarea,select{background:#0c0e12;border:1px solid var(--border);color:var(--text);border-radius:8px;padding:9px 10px;font:inherit;min-width:0}textarea{width:100%;resize:vertical;font-family:ui-monospace,monospace;font-size:12px}button{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:9px 14px;font:inherit;cursor:pointer;white-space:nowrap}button:disabled{opacity:.5;cursor:default}button.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.error{background:#ff6b6b1f;border:1px solid var(--danger);border-radius:8px;padding:8px 10px;color:var(--danger)}.field{display:flex;flex-direction:column;gap:6px}.field span{color:var(--muted);font-size:13px}.topbar{display:flex;align-items:center;gap:10px}.topbar .grow{flex:1}.chatlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.chatitem{width:100%;background:transparent;border:1px solid transparent;color:var(--text);display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;text-align:left}.chatitem:hover{background:#1d212b}.dot{width:9px;height:9px;border-radius:50%;background:var(--muted)}.dot.on{background:#37c26a}.chatitem .label{font-weight:600}.invite-box{border:1px dashed var(--border);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px}.invite-box p{margin:0;color:var(--muted)}.messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:8px 2px}.bubble{max-width:75%;border-radius:14px;padding:8px 12px;display:flex;flex-direction:column;gap:2px;white-space:pre-wrap;word-break:break-word}.bubble.in{background:var(--card);border:1px solid var(--border);align-self:flex-start}.bubble.out{background:#23427a;align-self:flex-end}.bubble time{font-size:11px;color:var(--muted);align-self:flex-end}.composer{display:flex;gap:8px;padding-bottom:8px}.composer .grow{flex:1}