:root{--ink:#f3ece2;--dim:#f3ece28c;--ember:#ffb46a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;background:#000;margin:0;font-family:IBM Plex Sans,system-ui,sans-serif;font-weight:300;overflow:hidden}#stage{width:100vw;height:100vh;display:block;position:fixed;inset:0}body.playing #stage{cursor:none}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}.start{text-align:center;z-index:5;background:#000;place-content:center;justify-items:center;gap:0;transition:opacity 1.4s;display:grid;position:fixed;inset:0}.start--gone{opacity:0;pointer-events:none}.start__ember{background:radial-gradient(circle,#fff6e8 0%,#ffc27a 28%,#ff964680 52%,#ff782800 72%);border-radius:50%;width:10px;height:10px;margin-bottom:clamp(40px,7vh,88px);animation:4.2s ease-in-out infinite ember-breathe,.9s steps(3,end) infinite ember-flicker;box-shadow:0 0 22px 8px #ff964647,0 0 90px 30px #ff78281a}@keyframes ember-breathe{0%,to{opacity:.72;transform:scale(.82)}50%{opacity:1;transform:scale(1.12)}}@keyframes ember-flicker{0%{filter:brightness()}33%{filter:brightness(1.08)}66%{filter:brightness(.95)}}.start__title{letter-spacing:.62em;text-transform:uppercase;color:var(--ink);margin:0 -.62em 0 0;font-size:clamp(20px,2.1vw,38px);font-weight:200}.start__artist{letter-spacing:.7em;color:var(--dim);margin:1.1em -.7em 0 0;font-size:clamp(11px,.85vw,15px);font-weight:300}.start__ritual{letter-spacing:.24em;color:#f3ece261;margin:clamp(48px,9vh,110px) 0 0;font-size:clamp(11px,.78vw,14px);font-weight:300}.start__go{color:var(--dim);font:inherit;letter-spacing:.34em;cursor:default;background:0 0;border:0;margin-top:clamp(22px,3.2vh,40px);padding:.9em 1.6em 1.1em;font-size:clamp(12px,.9vw,16px);transition:color .6s,text-shadow .6s}.start--ready .start__go{color:var(--ink);cursor:pointer}.start--ready .start__go:hover,.start--ready .start__go:focus-visible{color:#fff;text-shadow:0 0 18px #ffb46a8c;outline:none}.start__bar{background:#f3ece21f;width:100%;height:1px;margin-top:.8em;display:block;overflow:hidden}.start__fill{transform-origin:0;background:#ffb46acc;height:100%;transition:transform .4s;display:block;transform:scaleX(0)}.start--ready .start__bar{opacity:0;transition:opacity .8s}.start--error .start__label{color:#ff8a70}@media (prefers-reduced-motion:reduce){.start__ember{animation:none}}.endcard{text-align:center;opacity:0;pointer-events:none;z-index:4;place-content:center;justify-items:center;transition:opacity 2.4s .6s;display:grid;position:fixed;inset:0}.endcard--on{opacity:1;pointer-events:auto}.endcard__title{letter-spacing:.62em;text-transform:uppercase;margin:0 -.62em 0 0;font-size:clamp(18px,1.8vw,32px);font-weight:200}.endcard__artist{letter-spacing:.7em;color:var(--dim);margin:1.1em -.7em 0 0;font-size:clamp(11px,.8vw,14px)}.endcard__again{color:var(--dim);font:inherit;letter-spacing:.3em;cursor:pointer;background:0 0;border:0;margin-top:clamp(40px,7vh,90px);font-size:clamp(11px,.8vw,14px);transition:color .5s,text-shadow .5s}.endcard__again:hover,.endcard__again:focus-visible{color:#fff;text-shadow:0 0 16px #ffb46a80;outline:none}body.controls-on #stage{cursor:default}.controls{padding:44px clamp(16px, 3.4vw, 56px) max(clamp(12px, 2.2vh, 24px), env(safe-area-inset-bottom));color:var(--dim);letter-spacing:.12em;opacity:0;pointer-events:none;z-index:4;background:linear-gradient(#0000,#000000a8);align-items:center;gap:clamp(8px,1vw,16px);font-size:12px;transition:opacity .45s,transform .45s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(6px)}.controls--on{opacity:1;pointer-events:auto;transform:none}.controls__btn{width:34px;height:34px;color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;transition:color .3s,background .3s;display:grid}.controls__btn:hover,.controls__btn:focus-visible{color:var(--ink);background:#f3ece212;outline:none}.controls__btn svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.controls__gear[aria-expanded=true]{color:var(--ember)}.controls__time{font-variant-numeric:tabular-nums;flex:none;min-width:3.4em}.controls__total{text-align:right}.controls__seek{cursor:pointer;touch-action:none;outline:none;flex:1;height:26px;position:relative}.controls__track{background:#f3ece233;height:1px;transition:height .2s;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.controls__seek:hover .controls__track,.controls__seek:focus-visible .controls__track,.controls--drag .controls__track{height:3px}.controls__fill{background:var(--ember);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.controls__tick{background:#f3ece257;width:1px;height:7px;position:absolute;top:50%;transform:translateY(-50%)}.controls__knob{background:var(--ember);opacity:0;border-radius:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;transition:opacity .2s;position:absolute;top:50%;left:0;box-shadow:0 0 10px #ffb46a99}.controls__seek:hover .controls__knob,.controls__seek:focus-visible .controls__knob,.controls--drag .controls__knob{opacity:1}.controls__hover{color:var(--ink);font-variant-numeric:tabular-nums;opacity:0;pointer-events:none;background:#000000b3;border-radius:3px;padding:3px 7px;font-size:11px;transition:opacity .2s;position:absolute;bottom:24px;transform:translate(-50%)}.controls__seek:hover .controls__hover{opacity:1}.settings{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(300px,100vw - 32px);color:var(--ink);letter-spacing:.04em;background:#0c0a09e0;border:1px solid #f3ece217;border-radius:6px;padding:18px 20px 16px;font-size:13px;position:absolute;bottom:70px;right:clamp(16px,3.4vw,56px)}.settings[hidden]{display:none}.settings__group{border:0;margin:0 0 16px;padding:0}.settings__group legend,.settings__row>span:first-child{color:var(--dim);letter-spacing:.18em;text-transform:uppercase;font-size:11px}.settings__group legend{margin-bottom:10px;padding:0}.settings__choices{flex-wrap:wrap;gap:6px;display:flex}.settings__choice input{opacity:0;pointer-events:none;position:absolute}.settings__choice span{color:var(--dim);cursor:pointer;border:1px solid #f3ece224;border-radius:999px;padding:5px 10px;transition:color .25s,border-color .25s;display:inline-block}.settings__choice input:checked+span{color:var(--ink);border-color:var(--ember)}.settings__choice input:focus-visible+span{outline:1px solid var(--ember);outline-offset:2px}.settings__note{color:#f3ece261;margin:8px 0 0;font-size:11px}.settings__row{grid-template-columns:1fr auto;align-items:center;gap:8px 12px;margin-top:12px;display:grid}.settings__row .settings__offset{width:100%;accent-color:var(--ember);grid-column:1/-1}.settings__row>span:first-child{grid-column:1}.settings__value{color:var(--ink);font-variant-numeric:tabular-nums;grid-area:1/2;font-size:12px}.settings__check{cursor:pointer;grid-template-columns:auto 1fr}.settings__check input{accent-color:var(--ember);width:15px;height:15px;margin:0}.settings__check span{color:var(--ink)}@media (max-width:560px){.controls__total{display:none}.controls{gap:6px}}@media (prefers-reduced-motion:reduce){.controls{transition:opacity .2s;transform:none}}