:root{--bg: #f4f5f7;--card: #ffffff;--text: #1a1d21;--muted: #6b7280;--border: #e3e6ea;--accent: #2f6fed;--accent-text: #ffffff;--error: #c0392b;--ok: #1e8449;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #16181d;--card: #1e2127;--text: #e8eaed;--muted: #9aa1ab;--border: #2c3038;--accent: #5b8def;--error: #e57373;--ok: #6ac47a}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.splash{padding:48px;text-align:center;color:var(--muted)}.logo{font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.logo.small{font-size:18px}.muted{color:var(--muted)}.small{font-size:13px}.hint{display:block;font-size:12px;color:var(--muted);margin-top:4px}.error{color:var(--error);font-size:14px}.ok{color:var(--ok);font-size:14px;margin-left:12px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px}.card h2{margin:0;font-size:16px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:100%;max-width:360px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}input,select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:9px 11px;width:100%}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}button{font:inherit;background:var(--accent);color:var(--accent-text);border:none;border-radius:8px;padding:10px 16px;cursor:pointer;align-self:flex-start}button:disabled{opacity:.6;cursor:default}button.link{background:none;color:var(--accent);padding:0;text-decoration:underline}a{color:var(--accent)}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:16px;padding:12px 20px;background:var(--card);border-bottom:1px solid var(--border)}.topbar .uin{margin-left:auto;color:var(--muted);font-size:13px}.content{padding:20px;display:grid;gap:16px;max-width:760px;width:100%;margin:0 auto}.invites{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.invites li{display:flex;align-items:center;gap:12px}.invites li.spent code{text-decoration:line-through;color:var(--muted)}.invites code{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:15px;letter-spacing:1px;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:4px 8px}.placeholder{opacity:.7}.row{display:flex;align-items:center;gap:12px}.subform{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--border);border-radius:8px}.people{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.people li{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:8px}.people li:hover{background:var(--bg)}.people.found{border:1px solid var(--border);border-radius:8px;padding:4px}.people .name{font-weight:500}.people .ellipsis{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{margin-left:6px;font-size:11px;font-weight:400;color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:1px 5px}.dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto;background:var(--muted)}.dot-online{background:#2ecc71}.dot-away{background:#f1c40f}.dot-notavailable{background:#e67e22}.dot-donotdisturb{background:#e74c3c}.dot-offline,.dot-invisible{background:var(--border);border:1px solid var(--muted)}.workspace{flex:1;display:grid;grid-template-columns:280px 1fr;gap:16px;padding:16px;min-height:0}.sidebar{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px;overflow-y:auto}.main{min-height:0;display:flex}.contacts{display:flex;flex-direction:column;gap:8px}.contacts .search{margin-bottom:4px}.people li{cursor:pointer}.people li.selected{background:var(--bg);outline:1px solid var(--accent)}.people li .remove{margin-left:auto;opacity:0;font-size:18px;line-height:1}.people li:hover .remove{opacity:.6}.unread{margin-left:auto;background:var(--accent);color:var(--accent-text);font-size:12px;border-radius:10px;padding:1px 7px}.status-select{width:auto;padding:5px 8px;font-size:13px}.chat{flex:1;min-height:0;gap:0;padding:0}.chat-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.chat-head .typing{margin-left:auto;font-style:italic}.messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:6px}.bubble{max-width:70%;padding:8px 12px;border-radius:14px;display:flex;align-items:flex-end;gap:10px}.bubble .text{white-space:pre-wrap;word-break:break-word}.bubble .meta{font-size:11px;opacity:.7;white-space:nowrap;display:flex;gap:4px}.bubble.mine{align-self:flex-end;background:var(--accent);color:var(--accent-text)}.bubble.theirs{align-self:flex-start;background:var(--bg);border:1px solid var(--border)}.ticks{letter-spacing:-2px}.ticks.read{color:#bde0ff}.composer{display:flex;gap:10px;padding:12px 16px;border-top:1px solid var(--border)}.empty-chat{flex:1;align-items:center;justify-content:center}@media(max-width:720px){.workspace{grid-template-columns:1fr}.sidebar{max-height:220px}.bubble{max-width:85%}}