*{box-sizing:border-box;margin:0;padding:0}body,body[data-variant="vault"]{--ground:#0a0b0e;--ink:#fff;--muted:#8d95ab;--surface:#14161f;--surface-2:#1c1f2c;--line:#262b3d;--accent:#c8ff00;--accent-ink:#000;--font-body:'Space Grotesk',system-ui,sans-serif;--font-display:'Syne',system-ui,sans-serif;--radius-card:24px;--radius-btn:10px;--radius-trigger:9999px;--border-w:1px;--shadow-card:0 30px 60px rgba(0,0,0,0.6);--shadow-trigger:0 10px 25px rgba(200,255,0,0.25);--backdrop:rgba(8,9,12,0.75);--backdrop-blur:12px}body[data-variant="paper"]{--ground:#f4efe6;--ink:#1a1714;--muted:#6b635a;--surface:#fffdf8;--surface-2:#efe8db;--line:#d9d0c1;--accent:#b5412a;--accent-ink:#fffdf8;--font-body:Georgia,'Times New Roman',serif;--font-display:Georgia,'Times New Roman',serif;--radius-card:4px;--radius-btn:2px;--radius-trigger:2px;--border-w:1px;--shadow-card:0 24px 48px rgba(60,40,20,0.18);--shadow-trigger:none;--backdrop:rgba(244,239,230,0.7);--backdrop-blur:6px}body[data-variant="brutal"]{--ground:#ffe94a;--ink:#000;--muted:#000;--surface:#fff;--surface-2:#ffe94a;--line:#000;--accent:#000;--accent-ink:#ffe94a;--font-body:'Space Grotesk','Arial Black',system-ui,sans-serif;--font-display:'Space Grotesk','Arial Black',system-ui,sans-serif;--radius-card:0;--radius-btn:0;--radius-trigger:0;--border-w:3px;--shadow-card:12px 12px 0 #000;--shadow-trigger:6px 6px 0 #000;--backdrop:rgba(0,0,0,0.55);--backdrop-blur:0px}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}.morph-trigger-btn{background:var(--accent);color:var(--accent-ink);font-family:var(--font-body);font-size:1rem;font-weight:700;padding:0.9rem 2rem;border-radius:var(--radius-trigger);border:var(--border-w) solid var(--accent);cursor:pointer;box-shadow:var(--shadow-trigger);transition:transform 0.2s ease}.morph-trigger-btn:hover{transform:translateY(-2px)}body[data-variant="brutal"] .morph-trigger-btn{border-color:#000}.modal-overlay{position:fixed;inset:0;background:var(--backdrop);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));z-index:999;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;visibility:hidden;pointer-events:none}.modal-overlay.is-active{opacity:1;visibility:visible;pointer-events:auto}.morph-modal-box{width:100%;max-width:460px;background:var(--surface);border:var(--border-w) solid var(--line);border-radius:var(--radius-card);padding:2rem;box-shadow:var(--shadow-card);position:relative;color:var(--ink)}.modal-close-btn{position:absolute;top:1.25rem;right:1.25rem;background:var(--surface-2);border:var(--border-w) solid var(--line);color:var(--muted);width:32px;height:32px;border-radius:var(--radius-trigger);display:flex;align-items:center;justify-content:center;cursor:pointer}.modal-title{font-family:var(--font-display);font-size:1.5rem;font-weight:800;margin-bottom:0.5rem}body[data-variant="paper"] .modal-title{font-weight:400;font-style:italic;font-size:1.75rem}body[data-variant="brutal"] .modal-title{text-transform:uppercase;letter-spacing:0.02em}.modal-body{color:var(--muted);font-size:0.95rem;line-height:1.6;margin-bottom:1.5rem}.modal-btn-primary{background:var(--accent);color:var(--accent-ink);border:var(--border-w) solid var(--accent);font-family:var(--font-body);font-weight:700;padding:0.75rem 1.5rem;border-radius:var(--radius-btn);cursor:pointer;width:100%}body[data-variant="brutal"] .modal-btn-primary{box-shadow:4px 4px 0 #000;background:var(--accent-ink);color:#000}body[data-variant="brutal"] .modal-close-btn{color:#000}.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)}