:root{--bg:#fafaf9;--fg:#1c1917;--muted:#78716c;--line:#e7e5e4;--surface:#fff;--accent:#4338ca;--accent-fg:#fff;--mine:#eef2ff;--warning-bg:#fffbeb;--warning-line:#f59e0b;--danger:#b91c1c;--danger-bg:#fef2f2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1c1917;--fg:#f5f5f4;--muted:#a8a29e;--line:#44403c;--surface:#292524;--accent:#818cf8;--accent-fg:#1c1917;--mine:#312e81;--warning-bg:#422006;--warning-line:#d97706;--danger:#f87171;--danger-bg:#450a0a}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0}main{max-width:48rem;margin:0 auto;padding:1rem}h1{margin:.5rem 0 1rem;font-size:1.5rem}h2{font-size:1.1rem}a{color:var(--accent)}code{font-family:ui-monospace,monospace}.topbar{border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.5rem 1rem;display:flex}.brand{margin-right:auto;font-weight:600;text-decoration:none}.handle{font-family:ui-monospace,monospace}.me{align-items:center;gap:.5rem;display:inline-flex}.section-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.section-header h1{margin:.5rem 0}.settings section{margin-bottom:1.5rem}.success{color:var(--fg);background:var(--surface);border-left:3px solid var(--accent);margin:0;padding:.4rem .75rem}.invitations{margin-bottom:1.5rem}.invitations li p{margin:0 0 .4rem}.invitations li button{margin-right:.5rem}.rooms li button.small{margin-left:.5rem}button.small.danger{background:var(--danger);border-color:var(--danger);color:#fff}select{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:.5rem}form{flex-direction:column;gap:.5rem;display:flex}label{flex-direction:column;gap:.25rem;font-weight:500;display:flex}label.check{flex-direction:row;align-items:center;gap:.5rem;margin:1rem 0}input,textarea{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:.5rem}button{font:inherit;cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:var(--accent-fg);border-radius:6px;padding:.45rem .9rem}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{color:var(--accent);background:0 0}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}button.small{color:var(--accent);background:0 0;padding:.1rem .5rem;font-size:.85rem}button.link{color:var(--accent);background:0 0;border:none;padding:0;text-decoration:underline}.auth{max-width:26rem;margin:2rem auto}.hint,.muted{color:var(--muted);margin:0;font-size:.9rem}.error{color:var(--danger);margin:0}.notice{border:1px solid var(--line);background:var(--surface);border-radius:8px;margin:.75rem 0;padding:.75rem 1rem}.notice p{margin:.25rem 0}.notice.warning{background:var(--warning-bg);border-color:var(--warning-line)}.notice.danger{background:var(--danger-bg);border-color:var(--danger)}.notice button{margin:.5rem .5rem 0 0}.room-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.badge{border:1px solid var(--line);border-radius:999px;margin-left:.5rem;padding:0 .5rem;font-size:.75rem}.big-handle{align-items:center;gap:.75rem;font-size:1.5rem;display:flex}.codes{columns:2;font-size:1.05rem}.rooms{padding:0;list-style:none}.rooms li{border-bottom:1px solid var(--line);padding:.5rem 0}.room{flex-direction:column;height:calc(100vh - 5rem);display:flex}.room-header{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.members ul{margin:.5rem 0;padding:0;list-style:none}.messages{border:1px solid var(--line);background:var(--surface);border-radius:8px;flex:1;margin:0;padding:.5rem;list-style:none;overflow-y:auto}.messages-top{text-align:center;padding:.5rem}.message{border-radius:6px;margin:.25rem 0;padding:.4rem .6rem}.message.mine{background:var(--mine)}.message .meta{color:var(--muted);gap:.5rem;font-size:.8rem;display:flex}.message .body{white-space:pre-wrap;overflow-wrap:anywhere;margin:.1rem 0 0}.composer{flex-flow:wrap;align-items:flex-end;margin-top:.5rem}.composer textarea{resize:vertical;flex:1}.composer .error{flex-basis:100%}