*{box-sizing:border-box;margin:0;padding:0}body,body[data-variant="vault"]{--ground:#0a0b0e;--ink:#fff;--muted:#8d95ab;--surface:#14161f;--line:#262b3d;--accent:#c8ff00;--accent-ink:#000;--font-body:'Space Grotesk',system-ui,sans-serif;--radius-card:12px;--radius-btn:10px;--border-w:1px;--shadow-card:0 10px 30px rgba(0,0,0,0.5);--card-blur:0px;--stack-top:auto;--stack-bottom:2rem;--stack-left:auto;--stack-right:2rem;--stack-x:0;--stack-direction:column-reverse}body[data-variant="glass"]{--ground:linear-gradient(135deg,#1b2a6b 0%,#6a3fa0 50%,#e56b8a 100%);--ink:#fff;--muted:rgba(255,255,255,0.72);--surface:rgba(255,255,255,0.14);--line:rgba(255,255,255,0.35);--accent:#fff;--accent-ink:#2b1f5c;--font-body:'Space Grotesk',system-ui,sans-serif;--radius-card:18px;--radius-btn:9999px;--border-w:1px;--shadow-card:0 12px 40px rgba(20,10,60,0.35);--card-blur:16px;--stack-top:auto;--stack-bottom:2rem;--stack-left:50%;--stack-right:auto;--stack-x:-50%;--stack-direction:column-reverse}body[data-variant="corporate"]{--ground:#ffffff;--ink:#111827;--muted:#6b7280;--surface:#ffffff;--line:#e5e7eb;--accent:#2563eb;--accent-ink:#ffffff;--font-body:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;--radius-card:6px;--radius-btn:6px;--border-w:1px;--shadow-card:0 4px 16px rgba(17,24,39,0.10);--card-blur:0px;--stack-top:3.5rem;--stack-bottom:auto;--stack-left:auto;--stack-right:2rem;--stack-x:0;--stack-direction:column}body{background:var(--ground);color:var(--ink);font-family:var(--font-body);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.btn{background:var(--surface);border:var(--border-w) solid var(--line);color:var(--ink);font-family:var(--font-body);padding:0.75rem 1.5rem;border-radius:var(--radius-btn);font-weight:600;cursor:pointer;backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur))}body[data-variant="corporate"] .btn{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.toast-stack{position:fixed;top:var(--stack-top);bottom:var(--stack-bottom);left:var(--stack-left);right:var(--stack-right);transform:translateX(var(--stack-x));display:flex;flex-direction:var(--stack-direction);gap:0.75rem;width:320px;max-width:calc(100vw - 2rem);pointer-events:none}.toast-card{pointer-events:auto;background:var(--surface);border:var(--border-w) solid var(--line);border-radius:var(--radius-card);padding:1rem;position:relative;overflow:hidden;box-shadow:var(--shadow-card);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));color:var(--ink)}.toast-title{font-weight:700;font-size:0.9rem;margin-bottom:2px}.toast-message{font-size:0.8rem;color:var(--muted)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--accent);width:100%;transform-origin:left}body[data-variant="corporate"] .toast-card{border-left:3px solid var(--accent)}.showcase-toolbar{position:fixed;top:0.75rem;right:0.75rem;z-index:1000;display:flex;gap:0.25rem;padding:0.25rem;border-radius:var(--radius-btn);background:var(--surface);border:var(--border-w) solid var(--line);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:0.7rem}.showcase-toolbar button{background:transparent;border:0;color:var(--muted);padding:0.3rem 0.55rem;border-radius:calc(var(--radius-btn) - 2px);cursor:pointer;font:inherit;letter-spacing:0.04em}.showcase-toolbar button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink)}body[data-variant="glass"] .showcase-toolbar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}