:root{--ink:#ffdfe9;--ink-dim:#c98ea3;--rose:#ff2d6b;--rose-soft:#ff6f9a;--bg:#0a0308;--font-ui:"Space Grotesk", system-ui, sans-serif;--font-mono:"Space Mono", ui-monospace, "SFMono-Regular", monospace;--ease:cubic-bezier(.22, 1, .36, 1);--beat:0}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow:hidden}.stage{background:radial-gradient(130% 100% at 50% 42%,#1a0610 0%,#0b0409 46%,#060207 100%);position:fixed;inset:0;overflow:hidden}.heart{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.ui{pointer-events:none;z-index:2;position:absolute;inset:0}.brand{letter-spacing:.42em;color:var(--ink);text-indent:.42em;align-items:center;gap:.6em;font-size:clamp(.82rem,.74rem + .3vw,1rem);font-weight:700;display:flex;position:absolute;top:clamp(20px,4vh,40px);left:clamp(20px,4vw,46px)}.brand__dot{background:var(--rose);width:.62em;height:.62em;transform:scale(calc(1 + var(--beat) * .55));box-shadow:0 0 calc(6px + var(--beat) * 22px) calc(var(--beat) * 3px) var(--rose);will-change:transform;border-radius:50%}.vitals{font-family:var(--font-mono);color:var(--ink);align-items:baseline;gap:.4em;display:flex;position:absolute;top:clamp(18px,4vh,38px);right:clamp(20px,4vw,46px)}.vitals__hr{font-variant-numeric:tabular-nums;text-shadow:0 0 calc(8px + var(--beat) * 26px) rgba(255, 45, 107, calc(.35 + var(--beat) * .5));font-size:clamp(1.4rem,1.1rem + 1.4vw,2.3rem);font-weight:700;line-height:1}.vitals__unit{letter-spacing:.24em;color:var(--ink-dim);font-size:.72rem}.hint{letter-spacing:.16em;color:var(--ink-dim);text-transform:lowercase;white-space:nowrap;transition:opacity .6s var(--ease);font-size:clamp(.72rem,.66rem + .3vw,.86rem);position:absolute;bottom:clamp(16px,3.4vh,34px);left:50%;transform:translate(-50%)}.hint.is-gone{opacity:0}.sound{z-index:3;width:44px;height:44px;color:var(--ink-dim);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:color .3s var(--ease), border-color .3s var(--ease), transform .3s var(--ease), box-shadow .3s var(--ease);background:#14060e8c;border:1px solid #ff6f9a47;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:clamp(16px,3.4vh,34px);right:clamp(18px,4vw,42px)}.sound:hover{color:var(--ink);transform:translateY(-2px)}.sound:focus-visible{outline:2px solid var(--rose-soft);outline-offset:3px}.sound .sound__on{display:none}.sound[aria-pressed=true]{color:var(--rose-soft);box-shadow:0 0 20px -4px var(--rose);border-color:#ff6f9a99}.sound[aria-pressed=true] .sound__off{display:none}.sound[aria-pressed=true] .sound__on{display:block}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.brand__dot{box-shadow:0 0 8px var(--rose);transform:none}}