:root{--bg:#16181d;--panel:#1f2229;--panel-2:#262a33;--panel-3:#303540;--line:#ffffff12;--text:#e9ecf1;--muted:#8d95a3;--accent:#2dd4bf;--accent-soft:#2dd4bf24;--accent-ink:#052e2a;--danger:#f87171;--danger-soft:#f8717124;--radius:14px;--radius-sm:9px;--gap:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Manrope,system-ui,-apple-system,sans-serif;font-size:15px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;margin:0}a{color:var(--accent);text-decoration:none}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:800}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);outline:none;width:100%;padding:10px 12px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);gap:6px;font-size:12px;font-weight:700;display:grid}button{cursor:pointer;border-radius:var(--radius-sm);background:var(--panel-3);border:0;padding:10px 16px;font-weight:700;transition:background .15s,transform 50ms,opacity .15s}button:hover{background:#3a404c}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:var(--accent-ink)}button.primary:hover{background:#5eead4}button.danger{background:var(--danger-soft);color:var(--danger)}button.ghost{color:var(--muted);background:0 0}button.ghost:hover{background:var(--panel-2);color:var(--text)}button.icon{color:var(--muted);background:0 0;place-items:center;padding:7px;display:inline-grid}button.icon:hover{background:var(--panel-3);color:var(--text)}button.icon.off{color:var(--danger)}button.icon.on{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.panel{background:var(--panel);border-radius:var(--radius);border:1px solid var(--line);min-height:0;overflow:hidden}.muted{color:var(--muted)}.error{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-sm);margin:0;padding:8px 12px;font-size:14px}.avatar{--hue:170;background:hsl(var(--hue) 45% 32%);width:32px;height:32px;color:hsl(var(--hue) 80% 90%);text-transform:uppercase;border-radius:10px;flex:none;place-items:center;font-size:13px;font-weight:800;display:inline-grid}.auth{background:radial-gradient(600px 400px at 20% 10%, #2dd4bf1f, transparent 70%), radial-gradient(500px 400px at 85% 90%, #6366f11a, transparent 70%), var(--bg);place-items:center;min-height:100vh;padding:16px;display:grid}.auth .card{background:var(--panel);border:1px solid var(--line);border-radius:20px;gap:16px;width:min(400px,100%);padding:32px;display:grid;box-shadow:0 30px 80px #00000059}.auth .brand{color:var(--accent);align-items:center;gap:10px;font-weight:800;display:flex}.auth .brand .mark{width:34px;height:34px}.auth p{margin:0}dialog{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:18px;width:min(440px,100vw - 32px);padding:24px;box-shadow:0 30px 80px #00000080}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0c0fb3}