.card{width:100%;min-height:100vh;height:100vh;padding:10px;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;display:flex;flex-direction:column;gap:18px;text-align:center;overflow:hidden}.page-body{display:flex;flex-direction:column;gap:18px;flex:1;min-height:0;overflow:auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;text-align:left;width:100%}.page-heading{display:flex;flex-direction:column;gap:6px;width:100%}.page-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.page-title{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0}.page-kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}:root{--ink: #e2e8f0;--muted: #94a3b8;--cloud: #181D20;--sky: #0e1a33;--glow: rgba(99, 171, 255, .25);--glow-cool: rgba(88, 124, 255, .18);--glow-strong: rgba(131, 205, 255, .3);--glow-strong-cool: rgba(112, 143, 255, .24);--track: #0f172a;--track-border: rgba(148, 163, 184, .2);--track-shadow: inset 0 0 0 1px rgba(15, 23, 42, .7);--pill: #131c2d;--toggle-thumb-bg: linear-gradient(135deg, #1f2937, #0f172a);--toggle-thumb-active-bg: linear-gradient(135deg, #7b6cff, #6aa8ff);--toggle-thumb-shadow: 0 8px 16px rgba(2, 6, 23, .5), inset 0 0 0 1px rgba(148, 163, 184, .1);--accent-on: #6aa8ff;--accent-off: #64748b;--accent-strong: #7b6cff;--accent-soft: rgba(106, 168, 255, .35);--accent-glow: rgba(106, 168, 255, .55);--accent-border: rgba(123, 108, 255, .45);--accent-text: #e9f3ff;--surface-card: rgba(59, 66, 72, .86);--surface-panel: rgba(59, 66, 72, .7);--surface-panel-strong: rgba(59, 66, 72, .6);--surface-nav: rgba(59, 66, 72, .8);--surface-chip: rgba(148, 163, 184, .12);--surface-button: rgba(59, 66, 72, .6);--bg-shift: #13254d;--bg-after-start: #081022;--bg-after-mid: #0f1c3a;--bg-after-end: #1a3270;--border-muted: rgba(148, 163, 184, .12);--border-strong: rgba(123, 108, 255, .45);--shadow-card: 0 24px 60px rgba(5, 8, 18, .55), inset 0 1px 0 rgba(255, 255, 255, .05), 0 0 0 1px var(--border-muted);--shadow-accent: 0 18px 30px rgba(71, 105, 204, .35);--shadow-accent-soft: 0 10px 24px rgba(106, 168, 255, .2);--shadow-glow: 0 0 10px var(--accent-glow);--success: #22c55e;--success-soft: rgba(34, 197, 94, .18);--success-text: #bbf7d0;--radius-10: 10px;--radius-6: 6px;--radius-lg: 22px;--radius-md: var(--radius-6);--radius-sm: var(--radius-6);--card: var(--surface-card);--card-outline: var(--border-muted);--card-glow: var(--accent-soft);--accent-gradient: linear-gradient(135deg, var(--accent-strong), var(--accent-on))}*{box-sizing:border-box}html,body{margin:0;min-height:100vh;font-family:Manrope,sans-serif;color:var(--ink);background-color:var(--cloud)}body{display:grid;place-items:center;position:relative}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;transition:opacity .35s ease;will-change:opacity;transform:translateZ(0);backface-visibility:hidden}body:before{opacity:1;background:radial-gradient(900px 500px at 12% -10%,var(--glow),transparent 60%),radial-gradient(700px 420px at 110% 10%,var(--glow-cool),transparent 60%),linear-gradient(135deg,var(--cloud),var(--sky) 55%,var(--bg-shift))}body:after{opacity:0;background:radial-gradient(900px 500px at 15% -10%,var(--glow-strong),transparent 60%),radial-gradient(700px 420px at 110% 10%,var(--glow-strong-cool),transparent 60%),linear-gradient(135deg,var(--bg-after-start),var(--bg-after-mid) 55%,var(--bg-after-end))}body[data-state=on]:before{opacity:0}body[data-state=on]:after{opacity:1}body[data-tg="1"]:before,body[data-tg="1"]:after{transition:none}#root{width:100%;display:grid;place-items:center}