:root{--bg-edge: #080605;--bg-core: #17110b;--amber: 40, 78%, 66%;--amber-hot: 36, 90%, 72%;--ink: #f0e7d6;--ink-dim: rgba(240, 231, 214, .46);--ink-faint: rgba(240, 231, 214, .26);--serif: "Fraunces", "Iowan Old Style", Georgia, serif;--mono: "Fragment Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html,body{overscroll-behavior:none}body{background:var(--bg-edge);color:var(--ink);-webkit-font-smoothing:antialiased}.stage{--bloom: 0;--rod-len: 35vh;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:ns-resize;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:radial-gradient(120% 90% at 50% 34%,var(--bg-core) 0%,#0c0906 46%,var(--bg-edge) 100%)}.stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:radial-gradient(130% 120% at 50% 40%,transparent 52%,rgba(0,0,0,.55) 100%)}.light{position:absolute;left:50%;top:39%;width:min(82vw,760px);height:min(82vw,760px);transform:translate(-50%,-50%) scale(calc(1 + .05 * var(--bloom)));pointer-events:none;z-index:0;background:radial-gradient(circle at center,hsla(var(--amber-hot),calc(.2 + .16 * var(--bloom))) 0%,hsla(var(--amber),calc(.11 + .09 * var(--bloom))) 30%,hsla(var(--amber),.03) 58%,transparent 72%);filter:blur(2px);will-change:transform,opacity}.pivot{position:absolute;top:9vh;left:50%;z-index:1}.pivot-cap{position:absolute;top:-5px;left:-5px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#efe3cf,#6b5a44 70%,#2a2119);box-shadow:0 0 10px hsla(var(--amber),.4)}.arm{position:absolute;top:0;left:0;transform-origin:top center;will-change:transform}.rod{position:absolute;top:0;left:-1px;width:2px;height:var(--rod-len);border-radius:2px;background:linear-gradient(to bottom,hsla(var(--amber),.15),hsla(var(--amber-hot),.62) 62%,hsla(var(--amber-hot),.95));box-shadow:0 0 8px hsla(var(--amber-hot),.35)}.weight{position:absolute;top:calc(var(--rod-len) - 12px);left:-13px;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 42% 38%,#fff3dd,hsl(var(--amber-hot)) 34%,#b6832b 72%,#4a3620);box-shadow:0 0 16px hsla(var(--amber-hot),.6),0 0 42px hsla(var(--amber),.4);filter:brightness(calc(1 + .3 * var(--bloom)))}.stage.is-reduced .weight{transform:scale(calc(1 + .18 * var(--bloom)));transition:none}.grain{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3;opacity:.06;mix-blend-mode:screen}.hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(14px,3vw,36px);padding-bottom:clamp(12px,1.8vw,18px);pointer-events:none}.hud>*{pointer-events:none}.hud-top{display:flex;align-items:flex-start;justify-content:space-between}.wordmark{font-family:var(--mono);font-size:12px;letter-spacing:.42em;text-transform:lowercase;color:var(--ink-dim);padding-left:.42em}.wordmark-sep,.wordmark-tag{letter-spacing:.14em;color:var(--ink-faint)}@media (max-width: 600px){.wordmark-sep{display:none}.wordmark-tag{display:block;margin-top:5px;font-size:9px;letter-spacing:.12em}}.voice-picker{display:flex;gap:14px;pointer-events:auto}.voice{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:2px 0;font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--ink-faint);cursor:pointer;position:relative;transition:color .35s ease}.voice:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:1px;background:hsl(var(--amber-hot));transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.22,1,.36,1)}.voice:hover{color:var(--ink-dim)}.voice.is-active{color:var(--ink)}.voice.is-active:after{transform:scaleX(1)}.hud-bottom{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.tempo-word{position:relative;height:3.4em;display:grid;place-items:center}.word-layer{grid-area:1 / 1;display:flex;flex-direction:column;align-items:center;gap:6px}.word{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(1.5rem,3.4vw,2.2rem);letter-spacing:.04em;color:var(--ink)}.gloss{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--ink-dim)}@keyframes word-lift{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes word-settle{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.word-out{animation:word-lift .6s cubic-bezier(.22,1,.36,1) forwards;pointer-events:none}.word-in{animation:word-settle .6s cubic-bezier(.22,1,.36,1) both}.tempo-readout{position:relative;display:inline-flex;align-items:flex-end;pointer-events:auto}.numeral-glow{position:absolute;left:50%;top:50%;width:180%;height:300%;transform:translate(-50%,-50%);pointer-events:none;z-index:-1;background:radial-gradient(ellipse 50% 42% at center,hsla(var(--amber),calc(.13 + .05 * var(--bloom))) 0%,hsla(var(--amber),.05) 42%,transparent 68%);filter:blur(6px)}.bpm-numeral,.bpm-input{font-family:var(--serif);font-weight:400;font-size:clamp(4.2rem,13vw,9rem);line-height:.82;color:var(--ink);letter-spacing:-.01em;background:none;border:none;padding:0;margin:0;cursor:text}.bpm-numeral{display:inline-flex;cursor:pointer}.bpm-numeral:focus-visible,.voice:focus-visible,.control:focus-visible,.control-quiet:focus-visible,.dot:focus-visible,.subdiv-opt:focus-visible,.trainer-num:focus-visible,.trainer-action:focus-visible{outline:1px solid hsla(var(--amber-hot),.7);outline-offset:3px;border-radius:3px}.bpm-input{width:2.4em;text-align:center;outline:none;caret-color:hsl(var(--amber-hot))}.digit{display:inline-block;height:1em;width:.62em;overflow:hidden;vertical-align:top}.digit-strip{display:flex;flex-direction:column;transition:transform .2s cubic-bezier(.34,1.2,.4,1);will-change:transform}.tempo-readout.is-lock .digit-strip{transition:transform .5s cubic-bezier(.3,1.35,.35,1)}.digit-cell{height:1em;line-height:1;text-align:center;font-variant-numeric:tabular-nums}.bpm-unit{position:absolute;left:100%;bottom:.16em;margin-left:12px;font-family:var(--mono);font-size:13px;letter-spacing:.24em;color:var(--ink-faint);white-space:nowrap}.dots-row{display:flex;align-items:center;gap:10px;pointer-events:auto}.dots{display:flex;align-items:center;gap:14px;padding:4px 2px}.dot{--pulse: 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;margin:0;padding:0;width:9px;height:9px;border-radius:50%;cursor:pointer;background:hsla(var(--amber),.55);box-shadow:0 0 6px hsla(var(--amber),.2),0 0 calc(14px * var(--pulse)) hsla(var(--amber-hot),.8);transform:scale(calc(1 + .68 * var(--pulse)));transition:background .3s ease,opacity .3s ease}.dot-accent{width:11px;height:11px;background:hsl(var(--amber-hot));box-shadow:0 0 10px hsla(var(--amber-hot),.5),0 0 calc(16px * var(--pulse)) hsla(var(--amber-hot),.85)}.dot-silent{background:transparent;box-shadow:inset 0 0 0 1px hsla(var(--amber),.4),0 0 calc(10px * var(--pulse)) hsla(var(--amber),.4)}.dot.is-now{background:#fff3dd}.dot-silent.is-now{background:hsla(var(--amber),.3)}.dots-adj{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;font-family:var(--mono);font-size:13px;line-height:1;color:var(--ink-faint);cursor:pointer;padding:4px 6px;transition:color .3s ease}.dots-adj:hover:not(:disabled){color:var(--ink)}.dots-adj:disabled{opacity:.25;cursor:default}.dock{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(6px,1.4vw,16px);pointer-events:auto}.control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:14px 10px;font-family:var(--mono);font-size:12px;letter-spacing:.16em;color:var(--ink-faint);cursor:pointer;transition:color .32s ease}.control:hover{color:var(--ink-dim)}.control:after{content:"";position:absolute;left:10px;right:10px;bottom:11px;height:1px;background:hsl(var(--amber-hot));transform:scaleX(0);transform-origin:center;transition:transform .4s cubic-bezier(.22,1,.36,1)}.transport{gap:9px;color:var(--ink-dim)}.transport:hover,.transport.is-running{color:var(--ink)}.transport.is-running:after{transform:scaleX(1)}.transport-glyph{display:inline-block}.transport:not(.is-running) .transport-glyph{width:0;height:0;border-style:solid;border-width:4px 0 4px 7px;border-color:transparent transparent transparent currentColor}.transport.is-running .transport-glyph{width:7px;height:7px;border-radius:1px;background:currentColor}.tap:active,.mute.is-muted{color:var(--ink)}.mute.is-muted:after{transform:scaleX(1)}.wheel{position:relative;width:min(272px,64vw);height:20px;margin:2px 0;border-radius:6px;overflow:hidden;cursor:ew-resize;touch-action:none;pointer-events:auto;background:#030201;box-shadow:0 1px #f0e7d612,0 7px 20px -4px #6c4e2e8c,0 3px 9px -2px #6c4e2e6b,0 -2px 6px #0006}.wheel:focus-visible{outline:1px solid hsla(var(--amber-hot),.7);outline-offset:3px}.wheel-body{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to right,#000000bf,#00000091 12%,#00000069 27%,#00000014 37%,#0000 46%,#0000 57%,#0000004f 66%,#00000087 84%,#000000c2),radial-gradient(ellipse 15% 33% at 55% 20%,#ecca8499,#debc7a26 55%,#0000 80%),linear-gradient(to bottom,#140d06,#34210a 10%,#a26a12 21%,#96601a 30%,#7c4d10,#5e3c10,#402808 60%,#2f1e06 72%,#271805,#1d1204 92%,#080401);-webkit-mask-image:linear-gradient(to right,transparent .5%,#000 8%,#000 92%,transparent 99.5%);mask-image:linear-gradient(to right,transparent .5%,#000 8%,#000 92%,transparent 99.5%)}.wheel-ribs{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(to right,#020100b8,#020100b8 5.5px,#0201005c 7px,#02010000,#0201005c 9px,#020100b8 10.5px,#020100b8 16px);background-repeat:repeat;background-position-x:var(--wheel-shift, 0px);-webkit-mask-image:linear-gradient(to right,transparent .5%,#000 8%,#000 92%,transparent 99.5%);mask-image:linear-gradient(to right,transparent .5%,#000 8%,#000 92%,transparent 99.5%)}.wheel-face{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 3px 4px -1px #180d03e6,inset 0 -4px 5px -1px #100902eb,inset 9px 0 11px -6px #1e1206eb,inset -9px 0 11px -6px #1e1206eb;background:linear-gradient(to bottom,#0000 82%,#06030166 93%,#040200f2),linear-gradient(to right,#54340e80,#54340e00 11%,#54340e00 89%,#54340e80)}.subdiv{position:relative;display:inline-flex;align-items:center;gap:1px;padding:0;border:none;background:none}.subdiv-label{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--ink-faint);margin-right:8px}.subdiv-opt{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;position:relative;font-family:var(--mono);font-size:12px;color:var(--ink-faint);min-width:26px;min-height:44px;padding:0 3px;cursor:pointer;transition:color .3s ease}.subdiv-opt:hover{color:var(--ink-dim)}.subdiv-opt.is-active{color:var(--ink)}.subdiv-opt:after{content:"";position:absolute;left:3px;right:3px;bottom:12px;height:1px;background:hsl(var(--amber-hot));transform:scaleX(0);transform-origin:center;transition:transform .4s cubic-bezier(.22,1,.36,1)}.subdiv-opt.is-active:after{transform:scaleX(1)}.subdiv-flash{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);font-family:var(--mono);font-size:10px;letter-spacing:.22em;color:var(--ink-dim);pointer-events:none;white-space:nowrap;animation:subdiv-flash .9s ease both}@keyframes subdiv-flash{0%{opacity:0;transform:translate(-50%) translateY(4px)}22%{opacity:1;transform:translate(-50%) translateY(0)}70%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-4px)}}.trainer{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--ink-dim);pointer-events:auto;min-height:26px}.trainer-text{white-space:normal;text-align:center}.tchunk{white-space:nowrap}.trainer-num,.trainer-num-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--ink);border:none;border-bottom:1px solid hsla(var(--amber-hot),.45);padding:0 1px 1px;margin:0;cursor:pointer;transition:border-color .3s ease}.trainer-num:hover{border-bottom-color:hsl(var(--amber-hot))}.trainer-num-input{width:3ch;text-align:center;outline:none;caret-color:hsl(var(--amber-hot));cursor:text}.trainer-fixed{color:var(--ink)}.trainer-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:hsla(var(--amber-hot),.75);cursor:pointer;padding:4px 6px;transition:color .3s ease}.trainer-action:hover:not(:disabled){color:hsl(var(--amber-hot))}.trainer-action:disabled{opacity:.3;cursor:default}.trainer-arc{color:hsl(var(--amber-hot));flex:none}.trainer-active .trainer-text,.trainer-done .trainer-text{color:var(--ink-dim)}.whisper{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--ink-faint);min-height:14px;animation:whisper-in 1.6s ease both}.whisper-empty{animation:none}.whisper-rest{background-image:linear-gradient(100deg,#f0e7d64d 38%,#f0e7d6d9,#f0e7d64d 62%);background-size:280% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:whisper-in 1.6s ease both,rest-shimmer 3.2s linear .4s infinite;background-position-x:100%}@keyframes rest-shimmer{0%{background-position-x:100%}to{background-position-x:0%}}@keyframes whisper-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.hint{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--ink-faint)}.hint span{color:var(--ink-dim)}.signature{position:absolute;right:clamp(14px,3vw,36px);bottom:clamp(12px,1.8vw,18px);font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:#f0e7d638;pointer-events:none}@media (min-width: 769px) and (max-height: 849px){.stage{--rod-len: min(35vh, calc(91vh - 460px) )}.hud-bottom{gap:8px}.hud{padding-bottom:12px}.bpm-numeral,.bpm-input{font-size:clamp(4.2rem,13vw,8rem)}}@media (max-width: 768px){.pivot{top:7vh}.stage{--rod-len: 30vh}.hud{padding-bottom:44px}.wheel{margin:0}.weight{top:calc(var(--rod-len) - 11px);width:22px;height:22px;left:-11px}.light{top:32%}.hud-bottom{gap:10px}.tempo-word{height:3em}}@media (max-width: 480px){.pivot{top:5vh}.stage{--rod-len: 24vh}.rod{transition:height .35s ease}.weight{transition:top .35s ease}.weight{top:calc(var(--rod-len) - 10px);width:20px;height:20px;left:-10px}.light{top:26%;width:120vw;height:120vw}.bpm-numeral,.bpm-input{font-size:clamp(3.6rem,22vw,5.2rem)}.hint{display:none}.trainer{font-size:11px}.trainer-text{white-space:normal;max-width:78vw}.dock{gap:4px}.control{padding:14px 8px;letter-spacing:.14em}.wordmark{font-size:10px}}@media (prefers-reduced-motion: reduce){.digit-strip{transition:none}.word-out,.word-in,.whisper,.subdiv-flash{animation:none}.whisper-rest{animation:none;background:none;color:var(--ink-dim)}.subdiv-flash{opacity:1}.dot,.voice:after{transition:none}.dot{transform:none}.weight{filter:none}}