:root{--bg:#0b0d10;--panel:#12151a;--panel-2:#171b21;--border:#232830;--text:#e8eaed;--muted:#8b939e;--accent:#2dd4bf;--accent-ink:#052e2b;--warn:#fbbf24;--danger:#f87171;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;cursor:pointer}input,textarea{font:inherit;color:inherit}.backdrop{filter:blur(7px)brightness(.75);pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden;transform:scale(1.03)}.gate-overlay{z-index:20;background:radial-gradient(#05080a4d,#05080ab8);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.live-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;margin-right:5px;animation:2s ease-in-out infinite pulse;display:inline-block}.faux-msg{animation:.24s ease-out rise}.skel{background:#2a3038;border-radius:4px;display:inline-block}.skel-name{background:color-mix(in srgb, var(--accent) 45%, #232d33);height:12px}.skel-time{opacity:.6;width:30px;height:9px}.skel-line{height:11px;margin-top:7px;display:block}.skel-typing{width:130px;height:10px;animation:1.2s ease-in-out infinite pulse}.faux-input{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex:1;min-height:42px}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.faux-msg,.live-dot,.skel-typing{animation:none}}.gate-card{border:1px solid var(--border);text-align:center;background:#12151aeb;border-radius:16px;width:min(380px,100%);padding:32px;box-shadow:0 24px 64px #0000008c}.gate-card h1{letter-spacing:.5px;margin:0 0 4px;font-size:28px}.gate-card h1:after,.brand:after{content:"_";color:var(--accent)}.tagline{color:var(--muted);margin:0 0 24px;font-size:13px}.gate-card form{gap:10px;display:grid}.gate-card input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);text-align:center;outline:none;padding:10px 12px}.gate-card input:focus{border-color:var(--accent)}.gate-card button{background:var(--accent);color:var(--accent-ink);border-radius:var(--radius);border:0;padding:10px;font-weight:600}.gate-card button:disabled{opacity:.4;cursor:default}.hint{color:var(--muted);margin:14px 0 0;font-size:12px}.or{color:var(--muted);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:10px;margin:18px 0 12px;font-size:11px;display:flex}.or:before,.or:after{content:"";background:var(--border);flex:1;height:1px}.verify-btn{border:1px dashed color-mix(in srgb, var(--accent) 65%, transparent);width:100%;color:var(--accent);border-radius:var(--radius);background:0 0;padding:9px;font-weight:600}.verify-btn:hover{background:color-mix(in srgb, var(--accent) 8%, transparent);border-style:solid}.soon{background:var(--accent);color:var(--accent-ink);vertical-align:2px;letter-spacing:.5px;text-transform:uppercase;border-radius:999px;margin-left:8px;padding:2px 6px;font-size:9px;font-weight:700}.verify-note{color:var(--muted);text-align:left;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);margin-top:10px;padding:10px 12px;font-size:12px;line-height:1.5}.lobby{flex-direction:column;max-width:860px;height:100%;margin:0 auto;padding:0 12px;display:flex}header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 4px;display:flex}.brand{font-weight:700}.room{color:var(--muted)}.conn{color:var(--muted);margin-left:auto;font-size:12px}.conn-open{color:var(--accent)}.conn-connecting{color:var(--warn)}.conn-closed{color:var(--danger)}.leave{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:5px 12px;font-size:13px}.notice{color:var(--warn);border-radius:var(--radius);cursor:pointer;background:#33270f;margin-top:10px;padding:8px 12px;font-size:13px}.messages{flex-direction:column;flex:1;gap:14px;padding:16px 4px;display:flex;overflow-y:auto}.msg.mine{border-left:2px solid var(--accent);padding-left:10px}.msg-head{align-items:baseline;gap:8px;display:flex}.time{color:var(--muted);font-size:11px}.msg-text{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:2px}.empty{color:var(--muted);text-align:center;margin:auto}.load-older{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:999px;align-self:center;padding:6px 14px;font-size:12px}.userchip{display:inline-block;position:relative}.username{color:var(--accent);background:0 0;border:0;padding:0;font-size:14px;font-weight:600}.username:hover{text-decoration:underline}.popover{z-index:10;background:var(--panel-2);border:1px solid var(--border);border-radius:12px;width:240px;padding:14px;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 8px 24px #00000080}.pop-name{margin-bottom:8px;font-weight:700}.pop-row{color:var(--muted);justify-content:space-between;margin:4px 0;font-size:13px;display:flex}.pop-row code,.pop-row b{color:var(--text)}.pop-unlinked{color:var(--muted);font-size:13px;font-style:italic}.pop-note{border-top:1px solid var(--border);color:var(--muted);margin-top:10px;padding-top:10px;font-size:11px}.typing-line{min-height:18px;color:var(--muted);padding:2px 4px;font-size:12px}.composer{align-items:flex-end;gap:8px;padding:0 0 14px;display:flex}.composer textarea{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);resize:none;outline:none;flex:1;min-height:42px;max-height:140px;padding:10px 12px}.composer textarea:focus{border-color:var(--accent)}.composer-side{align-items:center;gap:8px;display:flex}.count{color:var(--muted);font-size:11px}.count.over{color:var(--danger)}.composer button{background:var(--accent);color:var(--accent-ink);border-radius:var(--radius);border:0;padding:10px 16px;font-weight:600}.composer button:disabled{opacity:.4;cursor:default}