:root{--night:#0b0508;--pale:#f5e6ee;--dim:#6e4a5c;--line:#2e1622;--strobe:#ff2d6f}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;height:100%}body{background:radial-gradient(120% 100% at 50% 20%, #170a10 0%, var(--night) 60%, #050203 100%);color:var(--pale);font-family:system-ui,Segoe UI,sans-serif;overflow:hidden}#cv{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.mark{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;top:24px;left:28px}.mark h1{letter-spacing:14px;color:var(--strobe);text-shadow:0 0 22px #ff2d6f80;font-size:28px;font-weight:900}.mark .tag{letter-spacing:3px;color:var(--dim);margin-top:4px;font-size:11px;display:block}.crosslink{letter-spacing:2px;color:var(--dim);font-size:12px;text-decoration:none;position:fixed;top:30px;right:28px}.crosslink:hover,.crosslink:focus-visible{color:var(--pale)}.deck{bottom:max(24px, env(safe-area-inset-bottom));border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none;background:#0b0508cc;border-radius:20px;align-items:flex-end;gap:clamp(16px,4vw,42px);padding:18px 26px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.fader{flex-direction:column;align-items:center;gap:10px;display:flex}.fader label{letter-spacing:3px;color:var(--dim);font-size:10px;font-weight:800}.fader input[type=range]{width:clamp(120px,20vw,220px);accent-color:var(--strobe)}.deck button{border:1px solid var(--line);color:var(--pale);letter-spacing:2px;cursor:pointer;background:0 0;border-radius:14px;padding:12px 18px;font-family:inherit;font-size:16px;font-weight:800}.deck button:hover{border-color:var(--strobe);color:var(--strobe)}.deck button:focus-visible{outline:2px solid var(--strobe);outline-offset:2px}.deck button.on{background:var(--strobe);color:var(--night);border-color:var(--strobe)}#rec{font-size:12px}#rec.rec-on{color:var(--night);background:#ff5c5c;border-color:#ff5c5c}#section{letter-spacing:clamp(8px,2vw,22px);color:#f5e6ee1a;pointer-events:none;-webkit-user-select:none;user-select:none;text-transform:uppercase;font-size:clamp(28px,7vw,64px);font-weight:900;position:fixed;top:45%;left:50%;transform:translate(-50%,-50%)}@media (width<=700px){.deck{flex-wrap:wrap;justify-content:center;max-width:94vw}}