*{box-sizing:border-box;margin:0;padding:0}body,body[data-variant="vault"]{--ground:#0a0b0e;--ink:#ffffff;--muted:#8d95ab;--font-body:'Space Grotesk',system-ui,sans-serif;--btn-bg:#14161f;--btn-line:#262b3d;--btn-fg:#b9c0d4;--btn-radius:999px;--btn-pad:0.8rem 1.35rem;--btn-gap:0.62rem;--btn-border-w:1px;--btn-shadow:none;--btn-on-bg:#191c28;--btn-on-line:currentColor;--btn-on-shadow:none;--name-size:0.98rem;--name-weight:600;--name-transform:none;--name-spacing:0.01em;--rx-heart:#ff4d6d;--rx-star:#ffc531;--rx-clap:#43dca0;--particle-size:6px;--particle-radius:999px;--focus:#c8ff00;--toolbar-bg:#14161f;--toolbar-line:#262b3d;--toolbar-active-bg:#c8ff00;--toolbar-active-fg:#05070a;--ctl-bg:transparent;--ctl-fg:#8d95ab;--ctl-line:#262b3d;--ctl-on-bg:#262b3d;--ctl-on-fg:#ffffff}body[data-variant="brutal"]{--ground:#f4ec3f;--ink:#0d0d0d;--muted:#3b3b30;--font-body:'Space Grotesk','Arial Black',system-ui,sans-serif;--btn-bg:#ffffff;--btn-line:#0d0d0d;--btn-fg:#0d0d0d;--btn-radius:0px;--btn-pad:0.86rem 1.35rem;--btn-gap:0.62rem;--btn-border-w:3px;--btn-shadow:5px 5px 0 #0d0d0d;--btn-on-bg:#0d0d0d;--btn-on-line:#0d0d0d;--btn-on-shadow:2px 2px 0 #0d0d0d;--name-size:0.94rem;--name-weight:700;--name-transform:uppercase;--name-spacing:0.07em;--rx-heart:#ff2d55;--rx-star:#ff8a00;--rx-clap:#00c2ff;--particle-size:7px;--particle-radius:0px;--focus:#2a2aff;--toolbar-bg:#ffffff;--toolbar-line:#0d0d0d;--toolbar-active-bg:#0d0d0d;--toolbar-active-fg:#f4ec3f;--ctl-bg:#ffffff;--ctl-fg:#0d0d0d;--ctl-line:#0d0d0d;--ctl-on-bg:#0d0d0d;--ctl-on-fg:#f4ec3f}body[data-variant="corporate"]{--ground:#ffffff;--ink:#111827;--muted:#6b7280;--font-body:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;--btn-bg:#ffffff;--btn-line:#d8dce4;--btn-fg:#374151;--btn-radius:8px;--btn-pad:0.72rem 1.25rem;--btn-gap:0.58rem;--btn-border-w:1px;--btn-shadow:0 1px 2px rgba(17,24,39,0.07);--btn-on-bg:#f6f8fc;--btn-on-line:currentColor;--btn-on-shadow:0 1px 2px rgba(17,24,39,0.07);--name-size:0.96rem;--name-weight:600;--name-transform:none;--name-spacing:0em;--rx-heart:#dc2626;--rx-star:#b45309;--rx-clap:#2563eb;--particle-size:5px;--particle-radius:999px;--focus:#2563eb;--toolbar-bg:#ffffff;--toolbar-line:#e5e7eb;--toolbar-active-bg:#2563eb;--toolbar-active-fg:#ffffff;--ctl-bg:#ffffff;--ctl-fg:#374151;--ctl-line:#d1d5db;--ctl-on-bg:#2563eb;--ctl-on-fg:#ffffff}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:1.1rem;padding:1.5rem}.rx-row{display:flex;flex-wrap:wrap;justify-content:center;gap:0.85rem}.rx-row.is-solo .rx-btn:not([data-reaction="heart"]){display:none}.rx-btn[data-reaction="heart"]{--rx-accent:var(--rx-heart)}.rx-btn[data-reaction="star"]{--rx-accent:var(--rx-star)}.rx-btn[data-reaction="clap"]{--rx-accent:var(--rx-clap)}.rx-btn{position:relative;display:inline-flex;align-items:center;gap:var(--btn-gap);padding:var(--btn-pad);background:var(--btn-bg);color:var(--btn-fg);border:var(--btn-border-w) solid var(--btn-line);border-radius:var(--btn-radius);box-shadow:var(--btn-shadow);font-family:var(--font-body);cursor:pointer}.rx-btn:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.rx-btn.is-on{color:var(--rx-accent);background:var(--btn-on-bg);border-color:var(--btn-on-line);box-shadow:var(--btn-on-shadow)}.rx-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:inherit}.rx-glyph{overflow:visible}.rx-glyph path,.rx-glyph rect{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.rx-btn.is-on .rx-glyph path,.rx-btn.is-on .rx-glyph rect{fill:currentColor}.rx-glyph .rx-spark,.rx-btn.is-on .rx-glyph .rx-spark{fill:none;stroke:currentColor}.rx-burst{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}.rx-particle{position:absolute;left:calc(var(--particle-size) / -2);top:calc(var(--particle-size) / -2);width:var(--particle-size);height:var(--particle-size);border-radius:var(--particle-radius);background:currentColor;pointer-events:none}.rx-ring{position:absolute;left:50%;top:50%;width:40px;height:40px;margin-left:-20px;margin-top:-20px;border:2px solid currentColor;border-radius:999px;pointer-events:none}.has-js .rx-ring{opacity:0}.rx-name{font-size:var(--name-size);font-weight:var(--name-weight);letter-spacing:var(--name-spacing);text-transform:var(--name-transform);line-height:1}.rx-count{position:relative;display:inline-block;overflow:hidden;min-width:1.5ch;height:1.15em;font-size:var(--name-size);font-weight:var(--name-weight);font-variant-numeric:tabular-nums;line-height:1.15;text-align:right;color:var(--muted)}.rx-btn.is-on .rx-count{color:inherit}.rx-count-now,.rx-count-next{display:block;width:100%}.rx-count-next{position:absolute;left:0;top:0;opacity:0}.rx-status{min-height:1.2em;font-size:0.78rem;font-weight:500;color:var(--muted);text-align:center}.demo-controls{display:flex;gap:0.4rem}.demo-controls button{font:500 0.72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:0.04em;padding:0.5rem 0.8rem;background:var(--ctl-bg);color:var(--ctl-fg);border:1px solid var(--ctl-line);border-radius:7px;cursor:pointer}.demo-controls button[aria-pressed="true"]{background:var(--ctl-on-bg);color:var(--ctl-on-fg);border-color:var(--ctl-on-bg)}.demo-controls button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.showcase-toolbar{position:fixed;top:0.75rem;right:0.75rem;z-index:1000;display:flex;gap:0.25rem;padding:0.25rem;border-radius:8px;background:var(--toolbar-bg);border:1px solid var(--toolbar-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:6px;cursor:pointer;font:inherit;letter-spacing:0.04em}.showcase-toolbar button[aria-pressed="true"]{background:var(--toolbar-active-bg);color:var(--toolbar-active-fg)}.showcase-toolbar button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none !important}}