:root{--bg:#0b0b0e;--bg-2:#101015;--surface:#16161c;--surface-2:#1d1d25;--surface-3:#282832;--border:#2a2a35;--text:#f5f5f7;--muted:#9b9ba8;--faint:#4a4a57;--accent:#ff7a1a;--accent-hi:#ffa05a;--accent-lo:#c2540a;--accent-ink:#1a0d03;--accent-soft:#ff7a1a21;--accent-glow:#ff7a1a80;--prep:#ff1f1f;--radius:22px;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(900px 520px at 50% -12%, #ff7a1a1f, transparent 65%), var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-repeat:no-repeat;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}:focus-visible{outline:2px solid var(--accent-hi);outline-offset:3px}[hidden]{display:none!important}.topbar{max-width:1120px;padding:max(16px, env(safe-area-inset-top)) 20px 8px;justify-content:space-between;align-items:center;margin:0 auto;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.brand b{color:var(--accent)}.brand-logo{width:30px;height:30px}.badge{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.tabs{border:1px solid var(--border);background:var(--bg);border-radius:999px;gap:4px;padding:4px;display:flex}.tab{color:var(--muted);-webkit-tap-highlight-color:transparent;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s,color .15s}@media (hover:hover){.tab:hover{color:var(--text)}}.tab[aria-selected=true]{background:var(--accent);color:var(--accent-ink);box-shadow:0 4px 14px #ff7a1a4d}.tab-loading{color:var(--muted);text-align:center;padding:48px 16px}.layout{max-width:1120px;padding:8px 16px max(24px, env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr);gap:16px;margin:0 auto;display:grid}.stage{position:relative}@media (width>=920px){.layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:24px;padding-top:16px}.stage{position:sticky;top:16px}}.card{background:linear-gradient(180deg, var(--surface), var(--bg-2));border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card h2{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;margin:0 0 14px;font-size:13px;font-weight:600;display:flex}.panel{flex-direction:column;gap:16px;display:flex}.stage{flex-direction:column;align-items:center;gap:20px;padding:24px 16px 28px;display:flex}.layer-b{--accent:#22d3ee;--accent-hi:#7ee8f7;--accent-lo:#0e93ab;--accent-ink:#021a1f;--accent-soft:#22d3ee21;--accent-glow:#22d3ee73}.dial-wrap{aspect-ratio:1;place-items:center;width:min(100%,340px);transition:width .3s;display:grid;position:relative}.dial-wrap.poly{width:min(100%,400px)}.poly-svg{pointer-events:none;opacity:0;visibility:hidden;width:100%;height:100%;transition:opacity .3s,visibility .3s;position:absolute;inset:0;overflow:visible}.dial-wrap.poly .poly-svg{opacity:1;visibility:visible}.poly-ring{--c:var(--accent);opacity:.5;transition:opacity .2s}.poly-ring.selected{opacity:1}.poly-track{fill:none;stroke:var(--surface-3);stroke-width:2px;transition:stroke .2s,stroke-width .2s}.poly-ring.selected .poly-track{stroke:color-mix(in srgb, var(--c) 35%, var(--surface-3));stroke-width:3px}.poly-progress{fill:none;stroke:var(--c);stroke-width:3px;stroke-dasharray:0 100;opacity:0;filter:drop-shadow(0 0 4px var(--accent-glow))}.poly-svg.running .poly-progress{opacity:.55}.poly-dot{fill:var(--c);stroke:var(--bg);stroke-width:1.5px;transform-box:fill-box;transform-origin:50%;transition:fill .15s}.poly-dot[data-level="1"]{fill:color-mix(in srgb, var(--c) 55%, var(--surface-3))}.poly-dot[data-level="0"]{fill:var(--bg);stroke:var(--faint);stroke-dasharray:2 2}.poly-dot.sub{stroke-width:1px}.poly-dot.sub[data-level="2"]{fill:color-mix(in srgb, var(--c) 70%, var(--surface-3))}.poly-dot.sub[data-level="0"]{fill:none;stroke-dasharray:none}.poly-dot.lit{fill:var(--accent-hi);filter:drop-shadow(0 0 6px var(--c))}.poly-hit{fill:none;stroke:#0000;stroke-width:15px;pointer-events:stroke;cursor:pointer}@media (hover:hover){.poly-ring:not(.selected):hover{opacity:.8}}.poly-hand{stroke:var(--text);stroke-width:2px;stroke-linecap:round;opacity:0;filter:drop-shadow(0 0 4px #ffffff80)}.poly-svg.running .poly-hand{opacity:.7}.segmented.compact.layer-switch button{white-space:nowrap;font-size:13px}.layer-tabs{width:min(100%,360px)}.segmented.layer-tabs button{flex-direction:row;justify-content:center;gap:8px;font-size:14px}.layer-tabs b{font-variant-numeric:tabular-nums;font-size:15px}.layer-dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 8px var(--accent-glow);border-radius:50%}.layer-tabs button[aria-pressed=true] .layer-dot{background:var(--accent-ink);box-shadow:none}.dial{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;width:100%;transition:width .3s;position:relative;container-type:inline-size}.dial.dragging{cursor:grabbing}.dial-wrap.poly .dial{width:78%}.dial-svg{width:100%;height:100%;display:block;overflow:visible}.dial-tick{stroke:var(--faint);stroke-width:2px;stroke-linecap:round;transition:stroke .15s}.dial-tick.major{stroke-width:2.5px}.dial-tick.on{stroke:var(--accent-lo)}.dial-face{fill:url(#dialFace);stroke:var(--border);stroke-width:1px}.dial-glow{fill:none;stroke:var(--accent);opacity:0}.dial-track,.dial-progress{fill:none;stroke-width:14px;stroke-linecap:round}.dial-track{stroke:var(--surface-3);stroke-dasharray:75 100}.dial-progress{stroke:url(#dialGradient);filter:drop-shadow(0 0 6px var(--accent-glow))}.dial-knob{fill:var(--text);stroke:var(--accent);stroke-width:4px;filter:drop-shadow(0 2px 6px #0009);transition:r .15s}.dial.dragging .dial-knob{r:14}.dial-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:1cqw;display:flex;position:absolute;inset:15%}.dial-center>*{flex:none}.tempo-name{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:700}.bpm{pointer-events:auto;width:3.3ch;color:var(--text);font:800 17cqw / 1 var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.04em;text-align:center;cursor:text;background:0 0;border:0;border-radius:14px;outline:none;padding:0;transition:background .15s}.bpm:hover{background:#ffffff08}.bpm:focus{background:var(--surface-3)}.bpm-unit{letter-spacing:.22em;color:var(--muted);font-size:12px;font-weight:600}.tempo-name,.bpm{transition:font-size .3s,max-height .3s,opacity .2s,background .15s}.tempo-name{max-height:2em}.count{opacity:0;height:0;color:var(--text);font:800 15cqw / 1 var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.04em;justify-content:center;align-items:baseline;gap:2.4cqw;transition:height .3s,opacity .2s;display:flex}.count-beat{text-align:center;min-width:.6em;display:inline-block}.count-beat[data-first]{color:var(--accent);text-shadow:0 0 24px var(--accent-glow)}.count-beat[data-level="0"]{color:var(--faint)}.count-sub{letter-spacing:0;text-align:center;min-width:.7em;color:var(--faint);font-size:6.5cqw;transition:color 80ms;display:inline-block}.count-sub.on{color:var(--accent-hi);text-shadow:0 0 14px var(--accent-glow)}.is-playing .tempo-name{opacity:0;max-height:0}.is-playing .count{opacity:1;height:1em}.is-playing .bpm{font-size:9cqw}.bpm-row{align-items:center;gap:2cqw;display:flex}.dial-center .round-btn,.dial-center .tap-btn{pointer-events:auto}.dial-center .round-btn{width:11cqw;height:11cqw}.dial-center .round-btn svg{width:45%;height:45%}.dial-center .tap-btn{min-width:0;height:9cqw;margin-top:1.5cqw;padding:0 6cqw;font-size:max(11px,3.6cqw)}.round-btn{border:1px solid var(--border);background:var(--surface-2);border-radius:50%;place-items:center;width:56px;height:56px;padding:0;transition:background .15s,border-color .15s,transform 80ms;display:grid}.round-btn svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;width:22px;height:22px}.round-btn.small{width:40px;height:40px}.round-btn.small svg{width:18px;height:18px}.tap-btn{border:1px solid var(--border);background:var(--surface-2);letter-spacing:.16em;text-transform:uppercase;border-radius:999px;min-width:124px;height:56px;padding:0 24px;font-size:14px;font-weight:700;transition:background .15s,border-color .15s}@media (hover:hover){.round-btn:hover,.tap-btn:hover,.chip:hover{border-color:var(--faint);background:var(--surface-3)}}.round-btn:active,.tap-btn:active{transform:scale(.94)}.beats{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;max-width:560px;display:flex}.beat-group{flex:1 0 calc((100% - 7 * 8px) / 8 * var(--cells));min-width:calc(var(--cells) * 32px);max-width:calc(var(--cells) * 64px);gap:4px;display:flex}.has-subs .beat-group{border:1px solid var(--border);background:#ffffff06;border-radius:18px;padding:4px}.beat-col{flex-direction:column;flex:1 1 0;justify-content:flex-end;gap:6px;min-width:0;display:flex}.beat{--fill:#5a5a67;border:1px solid var(--border);background:var(--surface-2);border-radius:14px;flex-direction:column;gap:6px;width:100%;height:84px;padding:8px 7px 6px;transition:border-color .1s,box-shadow .1s,background .1s;display:flex;position:relative}.beat .bars{flex-direction:column-reverse;flex:1;gap:4px;display:flex}.beat .seg{background:var(--surface-3);border-radius:4px;flex:1;transition:background .1s}.beat[data-level="1"] .seg:nth-child(-n+1),.beat[data-level="2"] .seg:nth-child(-n+2),.beat[data-level="3"] .seg{background:var(--fill)}.beat[data-level="3"]{--fill:var(--accent-lo)}.beat[data-level="0"]{background:0 0;border-style:dashed}.beat.sub{--fill:#474753;border-radius:11px;height:66px;padding:6px 5px 5px}.beat.sub[data-level="3"]:not(.active){--fill:var(--accent-lo)}.beat.sub .num{font-size:11px}.beat .num{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.beat.active{--fill:var(--accent);border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 22px var(--accent-glow)}.beat.active[data-level="0"]{--fill:var(--faint);border-color:var(--faint);box-shadow:none;background:0 0}.beat.active .num{color:var(--text)}.beat-voice{border:1px solid var(--border);height:28px;color:var(--faint);background:0 0;border-radius:10px;place-items:center;padding:0;transition:background .15s,border-color .15s,color .15s;display:none}.voice-on .beat-voice{display:grid}.beat-voice svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:16px;height:16px}.beat-voice[aria-pressed=true]{border-color:var(--accent-lo);background:var(--accent-soft);color:var(--accent-hi)}.hint{color:var(--muted);text-align:center;margin:-8px 0 0;font-size:13px}.play-btn{pointer-events:auto;background:linear-gradient(150deg, var(--accent-hi), var(--accent) 50%, var(--accent-lo));width:14cqw;height:14cqw;color:var(--accent-ink);border:0;border-radius:50%;flex:none;place-items:center;margin-bottom:1cqw;padding:0;transition:transform .1s,box-shadow .2s;display:grid;box-shadow:0 6px 18px #ff7a1a59,inset 0 1px #ffffff59}.play-btn:active{transform:scale(.94)}.play-btn svg{fill:currentColor;width:45%;height:45%}.play-btn .icon-stop,.is-playing .play-btn .icon-play{display:none}.is-playing .play-btn .icon-stop{display:block}.is-playing .play-btn{box-shadow:0 0 0 5px var(--accent-soft), 0 6px 24px #ff7a1a80, inset 0 1px 0 #ffffff59}.ts-display{letter-spacing:-.01em;color:var(--text);text-transform:none;font-size:24px;font-weight:800}.chips{flex-wrap:wrap;gap:8px;display:flex}.sound-grid,.voice-grid{grid-template-columns:repeat(3,1fr);display:grid}.voice-grid{margin-top:14px}.chip small{letter-spacing:.06em;opacity:.6;margin-left:2px;font-size:11px;font-weight:700}.chip.small{padding:7px 12px;font-size:13px}.note{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.45}.note code{background:var(--surface-3);color:var(--text);overflow-wrap:anywhere;border-radius:5px;padding:1px 5px;font-size:12px}.status{letter-spacing:.04em;text-transform:none;color:var(--accent);font-size:12px}.chip{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;padding:10px 16px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.chip[aria-pressed=true],.chip[aria-pressed=true]:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-hi)}.field{justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.field-label{color:var(--muted);flex-shrink:0;font-size:14px}.field-label.block{margin:18px 0 10px;display:block}.field.first{margin-top:0}.field input[type=range]{flex:1;max-width:220px}.stepper{align-items:center;gap:12px;display:flex}.stepper-value{text-align:center;font-variant-numeric:tabular-nums;min-width:2ch;font-size:20px;font-weight:800}.segmented{border:1px solid var(--border);background:var(--bg);border-radius:16px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:flex}.segmented.compact button{min-width:44px;padding:8px 10px;font-size:15px}.segmented .glyph{font-size:22px;line-height:1.1}@media (hover:hover){.segmented button:hover{color:var(--text)}}.segmented button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 30%, transparent)}input[type=range]{--fill:50%;cursor:pointer;appearance:none;background:0 0;height:28px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--fill), var(--surface-3) var(--fill));border-radius:3px;height:6px}input[type=range]::-webkit-slider-thumb{border:4px solid var(--accent);background:var(--text);-webkit-appearance:none;border-radius:50%;width:22px;height:22px;margin-top:-8px;box-shadow:0 2px 8px #00000080}input[type=range]::-moz-range-track{background:var(--surface-3);border-radius:3px;height:6px}input[type=range]::-moz-range-progress{background:var(--accent);border-radius:3px;height:6px}input[type=range]::-moz-range-thumb{border:4px solid var(--accent);background:var(--text);border-radius:50%;width:14px;height:14px}.switch{background:var(--surface-3);cursor:pointer;appearance:none;border-radius:999px;flex-shrink:0;width:50px;height:30px;margin:0;transition:background .2s;position:relative}.switch:after{content:"";background:var(--text);border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:4px;left:4px}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(20px)}.flash{z-index:10;background:var(--accent);opacity:0;pointer-events:none;position:fixed;inset:0}.flash.prep{background:var(--prep)}.flash.white{background:#fff}@font-face{font-family:Count Display;src:url(data:font/woff2;base64,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)format("woff2");font-weight:700;font-display:block;unicode-range:U+30-39}.big-count{z-index:20;pointer-events:none;-webkit-user-select:none;user-select:none;place-items:center;display:grid;position:fixed;inset:0}.big-count>span{font:700 min(70vh, 70vw) / 1 "Count Display", var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.07em;background:linear-gradient(#fff 0% 40%,#d9dae3 100%);color:#0000;filter:drop-shadow(0 .005em .012em #000000b3)drop-shadow(0 .03em .06em #0000008c)drop-shadow(0 .08em .18em #000000b3);-webkit-background-clip:text;background-clip:text;padding:.04em .06em .1em}.big-count[data-level="0"]>span{opacity:.3}.shortcuts{max-width:1120px;color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:0 auto;padding:4px 16px 32px;font-size:13px;display:flex}kbd{border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:600 12px var(--font);border-bottom-width:2px;border-radius:6px;margin-right:4px;padding:2px 7px;display:inline-block}@media (hover:none){.shortcuts{display:none}}@media (width<=440px){.topbar{gap:10px;padding-inline:14px}.brand{gap:7px;font-size:17px}.brand-logo{width:24px;height:24px}.tab{padding:7px 11px;font-size:13px}}@media (width<=380px){.layout{padding-inline:10px}.card{padding:16px}.beats{gap:6px}.beat-group{flex-basis:calc((100% - 7 * 6px) / 8 * var(--cells));min-width:calc(var(--cells) * 28px)}.tap-btn{min-width:100px}.segmented button{font-size:12px}}.visuals-btn{z-index:1;width:44px;height:44px;color:var(--accent);position:absolute;top:14px;right:14px}.visuals-btn[aria-pressed=false]{color:var(--muted);background:0 0}.visuals-btn .icon-eye-off,.visuals-btn[aria-pressed=false] .icon-eye{display:none}.visuals-btn[aria-pressed=false] .icon-eye-off{display:block}.app-dialog{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg, var(--surface-2), var(--surface));width:min(420px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);padding:0;overflow:auto;box-shadow:0 24px 64px #0009}.app-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05050899}.app-dialog[open]{animation:.16s ease-out app-dialog-in}@keyframes app-dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.app-dialog-box{flex-direction:column;gap:10px;margin:0;padding:22px 22px 18px;display:flex}.app-dialog-title{margin:0;font-size:18px;font-weight:700;line-height:1.3}.app-dialog-text{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.app-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.app-dialog-btn{border:1px solid var(--border);background:var(--surface-3);border-radius:999px;min-width:112px;padding:11px 18px;font-size:14px;font-weight:700;transition:background .15s,border-color .15s,filter .15s}.app-dialog-btn:hover{border-color:var(--muted)}.app-dialog-btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.app-dialog-btn.primary.danger{background:var(--prep);color:#fff}.app-dialog-btn.primary:hover{filter:brightness(1.1)}@media (width<=420px){.app-dialog-actions{flex-direction:column-reverse}.app-dialog-btn{width:100%}}