*{box-sizing:border-box;margin:0;padding:0}body,body[data-variant="vault"]{--page-bg:#0a0b0e;--page-fg:#fff;--font-ui:'Space Grotesk',system-ui,sans-serif;--muted:#8d95ab;--card-bg:#14161f;--card-border:1px solid #262b3d;--card-radius:20px;--card-shadow:none;--card-backdrop:none;--rule:#1f2434;--track-off:#2a3145;--track-on:#c8ff00;--track-radius:9999px;--track-border:1px solid #313a52;--track-pad:3px;--knob-bg:#ffffff;--knob-radius:9999px;--knob-shadow:0 2px 6px rgba(0,0,0,0.45);--focus:#c8ff00;--toolbar-border:#262b3d;--toolbar-active:#1d2130}body[data-variant="glass"]{--page-bg:radial-gradient(120% 120% at 12% 8%,#6d28d9 0%,#2563eb 42%,#0f172a 100%);--page-fg:#f8fafc;--font-ui:'Space Grotesk',system-ui,sans-serif;--muted:rgba(248,250,252,0.68);--card-bg:rgba(255,255,255,0.1);--card-border:1px solid rgba(255,255,255,0.28);--card-radius:24px;--card-shadow:0 24px 60px rgba(2,6,23,0.45);--card-backdrop:blur(18px) saturate(140%);--rule:rgba(255,255,255,0.16);--track-off:rgba(255,255,255,0.22);--track-on:#34d399;--track-radius:9999px;--track-border:1px solid rgba(255,255,255,0.4);--track-pad:3px;--knob-bg:#ffffff;--knob-radius:9999px;--knob-shadow:0 4px 12px rgba(2,6,23,0.35);--focus:#ffffff;--toolbar-border:rgba(255,255,255,0.4);--toolbar-active:rgba(255,255,255,0.22)}body[data-variant="corporate"]{--page-bg:#f8fafc;--page-fg:#0f172a;--font-ui:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--muted:#64748b;--card-bg:#ffffff;--card-border:1px solid #e2e8f0;--card-radius:8px;--card-shadow:0 1px 2px rgba(15,23,42,0.06),0 8px 24px rgba(15,23,42,0.06);--card-backdrop:none;--rule:#e2e8f0;--track-off:#cbd5e1;--track-on:#2563eb;--track-radius:6px;--track-border:1px solid transparent;--track-pad:3px;--knob-bg:#ffffff;--knob-radius:4px;--knob-shadow:0 1px 3px rgba(15,23,42,0.3);--focus:#2563eb;--toolbar-border:#cbd5e1;--toolbar-active:#dbeafe}body{background:var(--page-bg);color:var(--page-fg);font-family:var(--font-ui);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.switch-card{width:100%;max-width:420px;background:var(--card-bg);border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--card-backdrop);backdrop-filter:var(--card-backdrop);padding:0.4rem 1.25rem}.switch-row{display:flex;align-items:center;gap:0.9rem;padding:1.05rem 0}.switch-row + .switch-row{border-top:1px solid var(--rule)}.switch-row.is-disabled{opacity:0.45}.switch-name{flex:1 1 auto;font-size:0.95rem;font-weight:600;cursor:pointer}.switch-row.is-disabled .switch-name{cursor:not-allowed}.switch-state{font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);min-width:3ch;text-align:right}.switch{position:relative;flex:none;display:inline-block;width:62px;height:34px;background:var(--track-off);border:var(--track-border);border-radius:var(--track-radius)}.switch.is-on{background:var(--track-on)}.switch-input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:2;cursor:pointer}.switch-input:disabled{cursor:not-allowed}.switch:has(.switch-input:focus-visible){outline:2px solid var(--focus);outline-offset:3px}.switch-knob{position:absolute;top:var(--track-pad);left:var(--track-pad);width:calc(34px - 2 * var(--track-pad) - 2px);height:calc(34px - 2 * var(--track-pad) - 2px);background:var(--knob-bg);border-radius:var(--knob-radius);box-shadow:var(--knob-shadow);z-index:3;cursor:grab;touch-action:pan-y}.switch-knob:active{cursor:grabbing}.switch-input:disabled ~ .switch-knob{cursor:not-allowed}.switch-input:checked ~ .switch-knob{left:auto;right:var(--track-pad)}.switch:has(.switch-input:checked){background:var(--track-on)}.has-js .switch-input:checked ~ .switch-knob{left:var(--track-pad);right:auto}@media (prefers-reduced-motion:reduce){*{animation-duration:0.001s !important;transition-duration:0.001s !important}}