:root{--paper: #FAF9F5;--panel: #fff;--ink: #22334A;--ink2: #3A5169;--muted: #7d8a99;--accent: #3D6E99;--rule: #e3e0d8;--bubble-me: #22334A;--bubble-them: #eef1f4;--ok: #2f8f5b;--warn: #b7791f}@media(prefers-color-scheme:dark){:root{--paper: #0c1219;--panel: #131c27;--ink: #C9D6E3;--ink2: #9FB2C4;--muted: #6b7c8d;--accent: #7FB0D8;--rule: #223141;--bubble-me: #2b5a86;--bubble-them: #1b2733}}:root{--bubble-radius: 16px;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{background:var(--paper);color:var(--ink);font:15px/1.5 var(--font);-webkit-font-smoothing:antialiased}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}.login{min-height:100%;display:grid;place-items:center;padding:24px;padding-top:max(24px,env(safe-area-inset-top))}.login-card{width:100%;max-width:460px;background:var(--panel);border:1px solid var(--rule);border-radius:18px;padding:32px 28px;box-shadow:0 1px #00000005}.brand{display:flex;align-items:center;gap:12px;margin-bottom:6px}.brand svg{width:40px;height:40px;color:var(--ink)}.brand h1{font-size:1.3rem;font-weight:650;letter-spacing:-.01em}.tag{color:var(--muted);font-size:.92rem;margin-bottom:22px}.tag b{color:var(--ink2);font-weight:600}.who{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:18px 0 10px}.pick{display:grid;gap:12px}.pick button{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--paper);border:1px solid var(--rule);border-radius:14px;padding:14px 16px;cursor:pointer;color:var(--ink);font-size:1rem;transition:border-color .15s,transform .05s}.pick button:hover{border-color:var(--accent)}.pick button:active{transform:translateY(1px)}.pick .av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;flex:none}.pick small{display:block;color:var(--muted);font-size:.82rem}.hint{margin-top:20px;font-size:.82rem;color:var(--muted);line-height:1.55}.hint code{background:var(--paper);border:1px solid var(--rule);border-radius:6px;padding:1px 5px}.err{color:#c0392b;font-size:.86rem;margin-top:14px}.chat{display:flex;flex-direction:column;height:100%;max-width:780px;margin:0 auto;background:var(--panel);border-left:1px solid var(--rule);border-right:1px solid var(--rule)}.topbar{display:flex;align-items:center;gap:12px;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));border-bottom:1px solid var(--rule);position:sticky;top:0;background:var(--panel);z-index:5}.topbar .av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;flex:none}.topbar .peer{font-weight:600}.topbar .sub{font-size:.78rem;color:var(--muted)}.topbar .dot{width:8px;height:8px;border-radius:50%;background:var(--muted);display:inline-block;margin-right:5px;vertical-align:middle}.topbar .dot.on{background:var(--ok)}.topbar .spacer{flex:1}.badge-e2ee{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ok);border:1px solid var(--ok);border-radius:999px;padding:3px 9px;font-weight:600}.iconbtn{background:none;border:1px solid var(--rule);border-radius:9px;color:var(--ink2);padding:7px 11px;cursor:pointer;font-size:.82rem}.stream{flex:1;overflow-y:auto;padding:18px 16px 8px;display:flex;flex-direction:column;gap:8px}.day{text-align:center;color:var(--muted);font-size:.72rem;margin:6px 0}.row{display:flex;position:relative;padding-top:16px;margin-top:-16px}.row:first-of-type{margin-top:0}.row.me{justify-content:flex-end}.bubble{max-width:74%;padding:8px 12px 5px;border-radius:var(--bubble-radius);position:relative;overflow-wrap:anywhere;line-height:1.35;background:var(--bubble-them);border-bottom-left-radius:5px}.bubble .text{white-space:pre-wrap}.row.me .bubble{background:var(--bubble-me);color:#fff;border-bottom-left-radius:16px;border-bottom-right-radius:5px}.bubble .meta{font-size:.66rem;opacity:.55;margin-top:2px;display:flex;gap:6px;align-items:center}.row.me .bubble .meta{justify-content:flex-end}.bubble.recalled{font-style:italic;opacity:.6;background:transparent;border:1px dashed var(--rule);color:var(--muted)}.reacts{display:flex;gap:4px;margin-top:5px;flex-wrap:wrap}.react{font-size:.8rem;background:#7d8a9929;border-radius:999px;padding:1px 7px;cursor:pointer}.row.me .react{background:#ffffff2e}.tick{font-size:.74rem}.msgtools{position:absolute;top:0;display:none;gap:2px;z-index:6;white-space:nowrap;background:var(--panel);border:1px solid var(--rule);border-radius:11px;padding:3px;box-shadow:0 4px 14px #00000029}.row.me .msgtools{right:2px}.row.them .msgtools{left:2px}@media(hover:hover)and (pointer:fine){.row:hover .msgtools{display:flex}}.row.tools-open .msgtools{display:flex}.msgtools button{background:none;border:none;border-radius:8px;padding:4px 7px;font-size:1.02rem;cursor:pointer;line-height:1;min-width:30px}.msgtools button:hover{background:var(--paper)}.typing{height:20px;padding:0 20px 4px;color:var(--muted);font-size:.8rem;font-style:italic}.composer{display:flex;gap:8px;padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--rule);position:sticky;bottom:0;background:var(--panel);align-items:flex-end}.composer .emoji{display:flex;gap:2px}.composer .emoji button{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:6px 3px;border-radius:8px}.composer .emoji button:hover{background:var(--paper)}.composer textarea{flex:1;resize:none;border:1px solid var(--rule);border-radius:12px;padding:10px 12px;font:inherit;background:var(--paper);color:var(--ink);max-height:120px;min-height:42px}.composer textarea:focus{outline:none;border-color:var(--accent)}.send{background:var(--accent);color:#fff;border:none;border-radius:12px;padding:0 18px;height:42px;font-weight:600;cursor:pointer;flex:none}.send:disabled{opacity:.5;cursor:default}.plus{flex:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--rule);background:var(--paper);color:var(--ink);font-size:1.5rem;line-height:1;cursor:pointer}.plus:disabled{opacity:.4;cursor:default}.attach-sheet{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px;padding:12px;border-top:1px solid var(--rule);background:var(--panel);position:sticky;bottom:62px;z-index:8}.attach-sheet[hidden]{display:none}.attach-sheet button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border:1px solid var(--rule);border-radius:14px;background:var(--paper);color:var(--ink);font-size:1.5rem;cursor:pointer}.attach-sheet button span{font-size:.72rem;color:var(--ink2)}.attach-sheet button:hover{border-color:var(--accent)}.bubble.rich{padding:6px}.bubble .cap{padding:4px 6px 2px}.att-img{max-width:260px;border-radius:12px;overflow:hidden}.att-img img{display:block;width:100%;height:auto;cursor:zoom-in}.att-vid{max-width:280px}.att-vid video{width:100%;border-radius:12px;display:block}.att-load{padding:22px 14px;text-align:center;color:var(--muted);font-size:.85rem}.vplay{width:100%;padding:22px 10px;border:1px dashed var(--rule);border-radius:12px;background:transparent;color:var(--ink2);cursor:pointer}.att-file{display:flex;align-items:center;gap:10px;padding:8px 10px;min-width:200px}.att-file .fi{font-size:1.4rem}.att-file .fmeta{display:flex;flex-direction:column;flex:1;overflow:hidden}.att-file .fmeta b{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.att-file .fmeta small{color:var(--muted);font-size:.72rem}.att-file .dl,.card a{color:var(--accent);background:none;border:none;cursor:pointer;font-size:.82rem;font-weight:600}.row.me .att-file .dl{color:#cfe0f0}.poll{min-width:230px;padding:4px 4px 2px}.poll-q{font-weight:600;padding:4px 6px 8px}.poll-opt{position:relative;display:flex;align-items:center;width:100%;margin:4px 0;padding:9px 12px;border:1px solid var(--rule);border-radius:10px;background:transparent;color:inherit;cursor:pointer;overflow:hidden;text-align:left}.poll-bar{position:absolute;inset:0 auto 0 0;background:color-mix(in srgb,var(--accent) 22%,transparent);transition:width .3s;z-index:0}.poll-label{position:relative;z-index:1;flex:1}.poll-pct{position:relative;z-index:1;font-variant-numeric:tabular-nums;opacity:.8}.poll-opt.sel{border-color:var(--accent);font-weight:600}.poll-foot{padding:4px 6px;font-size:.74rem;color:var(--muted)}.row.me .poll-opt{border-color:#ffffff40}.card{min-width:210px;padding:8px 10px}.card-h{font-weight:650;margin-bottom:4px}.card-r{font-size:.86rem;opacity:.9;padding:2px 0}.rsvp{display:flex;gap:6px;margin-top:8px}.rsvp button{flex:1;padding:6px;border:1px solid var(--rule);border-radius:9px;background:transparent;color:inherit;cursor:pointer;font-size:.8rem}.rsvp button.sel{background:var(--accent);color:#fff;border-color:var(--accent)}.sysline{text-align:center;color:var(--muted);font-size:.76rem;padding:6px}.theme-sheet{position:absolute;top:56px;right:12px;z-index:9;background:var(--panel);border:1px solid var(--rule);border-radius:14px;padding:12px 14px;box-shadow:0 8px 28px #0000002e;width:250px}.theme-sheet[hidden]{display:none}.theme-row{display:flex;align-items:center;justify-content:space-between;margin:8px 0;font-size:.85rem;color:var(--ink2)}.swatches{display:flex;gap:6px}.sw{width:22px;height:22px;border-radius:50%;border:2px solid var(--panel);box-shadow:0 0 0 1px var(--rule);cursor:pointer}.segs{display:flex;gap:4px}.segs button{border:1px solid var(--rule);background:transparent;color:var(--ink);border-radius:8px;padding:4px 10px;font-size:.8rem;cursor:pointer}.theme-reset{width:100%;margin-top:8px;padding:7px;border:1px solid var(--rule);background:var(--paper);color:var(--ink2);border-radius:9px;cursor:pointer;font-size:.8rem}.lightbox{position:fixed;inset:0;z-index:50;background:#000000e6;display:flex;align-items:center;justify-content:center;padding:24px}.lightbox img{max-width:96vw;max-height:88vh;border-radius:8px;object-fit:contain}.lb-close{position:absolute;top:max(14px,env(safe-area-inset-top));right:16px;width:44px;height:44px;border-radius:50%;border:none;background:#ffffff26;color:#fff;font-size:1.3rem;cursor:pointer}.lb-close:hover{background:#ffffff47}.lb-dl{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);color:#fff;background:#ffffff26;padding:8px 18px;border-radius:999px;text-decoration:none;font-size:.85rem}.lb-dl:hover{background:#ffffff47}.lp{display:flex;gap:0;margin-top:6px;border-radius:12px;overflow:hidden;background:#0000002e;text-decoration:none;color:inherit;max-width:320px;cursor:pointer;flex-direction:column}.lp .lp-thumb{width:100%;aspect-ratio:16/9;background:#00000040;position:relative;overflow:hidden}.lp .lp-thumb img{width:100%;height:100%;object-fit:cover;display:block}.lp .lp-body{padding:8px 10px;display:flex;flex-direction:column;gap:2px}.lp .lp-body b{font-size:.86rem;line-height:1.25}.lp .lp-body span{font-size:.76rem;opacity:.78;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lp .lp-body small{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;opacity:.6;margin-top:2px}.lp-video .lp-play{position:absolute;inset:0;margin:auto;width:52px;height:52px;border-radius:50%;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:transform .15s ease,background .15s ease}.lp-video:hover .lp-play{transform:scale(1.08);background:#000000bf}.lp-embed{margin-top:6px;border-radius:12px;overflow:hidden;max-width:320px}.lp-embed iframe{width:320px;max-width:100%;aspect-ratio:16/9;height:auto;display:block;border:0}