:root{--bg:#0f1115;--panel:#171a21;--border:#262a33;--text:#e6e8ec;--muted:#8a909c;--accent:#ff6a3d;--accent-hover:#ff8059;--stranger:#4da3ff;--danger:#ff6b6b;--online:#3ddc84;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body,html{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}button,input{font:inherit;color:inherit}button{border:1px solid var(--border);cursor:pointer;background:#222631;border-radius:10px;padding:10px 16px;font-weight:600}button:hover:not(:disabled){background:#2b303c}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-hover)}.online-dot{background:var(--online);width:8px;height:8px;box-shadow:0 0 8px var(--online)}.online-dot,.spinner{border-radius:50%;display:inline-block}.spinner{border:2px solid var(--border);border-top-color:var(--accent);width:18px;height:18px;animation:.8s linear infinite spin}.spinner.small{vertical-align:-1px;width:12px;height:12px;margin-right:8px}@keyframes spin{to{transform:rotate(1turn)}}