*{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;--bar-bg:#14161f;--bar-border:1px solid #262b3d;--bar-radius:9999px;--bar-pad:5px;--bar-shadow:none;--ind-bg:#c8ff00;--ind-top:5px;--ind-height:calc(100% - 10px);--ind-radius:9999px;--ind-shadow:none;--btn-fg:#f0f3fa;--btn-active-fg:#000;--btn-weight:600;--toolbar-border:#262b3d;--toolbar-active:#1d2130}body[data-variant="soft"]{--page-bg:#eef2ff;--page-fg:#3730a3;--font-ui:'Space Grotesk',system-ui,sans-serif;--bar-bg:#e0e7ff;--bar-border:1px solid #c7d2fe;--bar-radius:16px;--bar-pad:6px;--bar-shadow:0 10px 30px rgba(99,102,241,0.12);--ind-bg:#fff;--ind-top:6px;--ind-height:calc(100% - 12px);--ind-radius:11px;--ind-shadow:0 2px 6px rgba(79,70,229,0.18);--btn-fg:#6366f1;--btn-active-fg:#312e81;--btn-weight:600;--toolbar-border:#c7d2fe;--toolbar-active:#fff}body[data-variant="paper"]{--page-bg:#f3efe6;--page-fg:#1b1a17;--font-ui:'Space Grotesk',Georgia,serif;--bar-bg:transparent;--bar-border:0 solid transparent;--bar-radius:0;--bar-pad:0;--bar-shadow:inset 0 -1px 0 #d9d2c3;--ind-bg:#c2461e;--ind-top:calc(100% - 3px);--ind-height:3px;--ind-radius:0;--ind-shadow:none;--btn-fg:#7a7261;--btn-active-fg:#1b1a17;--btn-weight:500;--toolbar-border:#d9d2c3;--toolbar-active:#ede6d6}body{background:var(--page-bg);color:var(--page-fg);font-family:var(--font-ui);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.switch-bar{position:relative;display:flex;background:var(--bar-bg);border:var(--bar-border);border-radius:var(--bar-radius);box-shadow:var(--bar-shadow);padding:var(--bar-pad)}.switch-indicator{position:absolute;top:var(--ind-top);left:0;height:var(--ind-height);background:var(--ind-bg);border-radius:var(--ind-radius);box-shadow:var(--ind-shadow);pointer-events:none;z-index:1;width:100px}.switch-btn{position:relative;z-index:2;background:transparent;border:none;color:var(--btn-fg);font-family:var(--font-ui);font-size:0.9rem;font-weight:var(--btn-weight);padding:0.6rem 1.4rem;border-radius:var(--ind-radius);cursor:pointer;transition:color 0.2s ease}.switch-btn.active{color:var(--btn-active-fg) !important}