:root{--bg-0: #0e1113;--bg-1: #15181b;--bg-2: #1c2024;--bg-3: #242930;--border: #2a3036;--text: #e8e4da;--muted: #8a9199;--accent: #e8a33d;--accent-strong: #f2b552;--accent-ink: #211703;--online: #7cc46a;--danger: #e06c5a;--radius: 8px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-0);color:var(--text);font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:5px;border:2px solid var(--bg-0)}::-webkit-scrollbar-track{background:transparent}button{font:inherit;cursor:pointer}input{font:inherit;color:var(--text);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:9px 12px;outline:none;width:100%}input::placeholder{color:var(--muted)}input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #e8a33d2e}.auth-wrap{min-height:100%;display:grid;place-items:center;background:radial-gradient(600px 320px at 50% 30%,rgba(232,163,61,.07),transparent 70%),var(--bg-0)}.auth-card{width:340px;padding:28px 26px 24px;background:var(--bg-1);border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 50px #00000073;display:flex;flex-direction:column;gap:10px}.brand{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.brand .mark{font-size:22px}.brand .name{font-size:18px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.brand .name em{color:var(--accent);font-style:normal}.auth-sub{color:var(--muted);font-size:12.5px;margin:-4px 0 8px}.btn{border:0;border-radius:var(--radius);padding:10px 14px;font-weight:600;background:var(--accent);color:var(--accent-ink)}.btn:hover{background:var(--accent-strong)}.btn:disabled{opacity:.55;cursor:default}.btn-ghost{background:transparent;color:var(--muted);border:1px solid transparent}.btn-ghost:hover{color:var(--text);background:var(--bg-3)}.auth-err{color:var(--danger);font-size:12.5px;margin:2px 0 0}.chat{display:flex;height:100vh}.sidebar{width:248px;flex:none;background:var(--bg-1);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;padding:14px 10px}.side-user{display:flex;align-items:center;gap:10px;padding:4px 6px 12px;border-bottom:1px solid var(--border);margin-bottom:10px}.side-user .who{flex:1;min-width:0}.side-user .who strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis}.conn{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:5px}.conn .dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.conn.ok .dot{background:var(--online)}.avatar{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:14px;color:#fff;text-transform:uppercase}.side-head{display:flex;justify-content:space-between;align-items:center;padding:8px 6px 4px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.side-head .actions{display:flex;gap:4px}.icon-btn{background:transparent;border:0;color:var(--muted);border-radius:6px;padding:2px 7px;font-size:13px;line-height:1.4}.icon-btn:hover{color:var(--text);background:var(--bg-3)}.row{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:var(--radius);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.row:hover{background:var(--bg-3)}.row.active{background:var(--bg-3);box-shadow:inset 2px 0 0 var(--accent)}.row .label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .tag{font-size:10.5px;color:var(--muted)}.row .hash{color:var(--muted)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.room-head{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border);background:var(--bg-1)}.room-head strong{font-size:15px}.room-head .hash{color:var(--accent);margin-right:2px}.online-list{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);overflow:hidden;white-space:nowrap}.online-list .dot{width:7px;height:7px;border-radius:50%;background:var(--online);flex:none}.msgs{flex:1;overflow-y:auto;padding:16px 18px}.load-older{display:block;margin:0 auto 14px;background:var(--bg-2);color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:5px 14px;font-size:12px}.load-older:hover{color:var(--text);border-color:var(--accent)}.msg{display:flex;gap:10px;margin-bottom:14px}.msg .body{min-width:0}.msg .meta{display:flex;align-items:baseline;gap:8px}.msg .meta .sender{font-weight:600;font-size:13.5px}.msg .meta time{font-size:11px;color:var(--muted)}.msg .content{white-space:pre-wrap;overflow-wrap:break-word}.msg .content.locked{color:var(--muted);font-style:italic}.empty{height:100%;display:grid;place-items:center;color:var(--muted)}.empty .big{font-size:34px;text-align:center;margin-bottom:8px}.composer{display:flex;gap:10px;padding:12px 18px 16px;border-top:1px solid var(--border);background:var(--bg-1)}.composer input{background:var(--bg-2)}.composer .btn{flex:none;width:84px}