@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/metronome/assets/inter-latin-Dx4kXJAl.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/metronome/assets/inter-latin-ext-DO1Apj_S.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:EB Garamond;font-style:italic;font-weight:600;font-display:swap;src:url(/metronome/assets/eb-garamond-italic-latin-M3_Pd09c.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:EB Garamond;font-style:italic;font-weight:600;font-display:swap;src:url(/metronome/assets/eb-garamond-italic-latin-ext-BH9Ofl1K.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{color-scheme:dark;--bg: #141310;--bg-hi: #1d1b15;--panel: #221f18;--panel-lo: #17150f;--edge: #090805;--line: #443f30;--text: #f2ead9;--muted: #a2967d;--knob-face: #050a07;--knob-lcd-hi: #353837;--knob-lcd-mid: #1e2120;--knob-lcd-lo: #0b0d0c;--radius: 4px;--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-score: "EB Garamond", "Palatino Linotype", Georgia, serif;font-family:var(--font-sans);--confirm-safe: #57d38c;--confirm-danger: #ff5c5c;--confirm-warn: #f0c75e;--pink: #4fb894;--pink-soft: rgb(79 184 148 / .3);--select: #4fb894;--select-soft: rgb(79 184 148 / .28);--brass: #7fe0bb;--brass-soft: rgb(127 224 187 / .35);--copper: #2f7a5f;--viz-ring: #55665f;--viz-spoke: #3a453f;--viz-node: #2f7a5f;--viz-accent: #7fe0bb;--viz-accent-alt: #f0be6a;--viz-node-alt: #a8702f;--viz-node-idle: #6b7a72;--viz-hand: #4fb894;--viz-label: #9db0a7;--viz-glow: #7fe0bb;--viz-core: #f0fff8;--accent-color: var(--select);--accent-glow: var(--select-soft);--accent-idle: rgb(79 184 148 / .18)}:root[data-theme=amber]{--pink: #d99a3f;--pink-soft: rgb(217 154 63 / .3);--select: #d99a3f;--select-soft: rgb(217 154 63 / .28);--brass: #f0be6a;--brass-soft: rgb(240 190 106 / .35);--copper: #8a5a2e;--viz-ring: #6d6248;--viz-spoke: #4a4330;--viz-node: #8a5a2e;--viz-accent: #f0be6a;--viz-accent-alt: #7fe0bb;--viz-node-alt: #3a9675;--viz-node-idle: #7d745c;--viz-hand: #d99a3f;--viz-label: #a89772;--viz-glow: #f0be6a;--viz-core: #fff6e8;--accent-idle: rgb(217 154 63 / .18)}:root[data-theme=blue]{--pink: #58a6ff;--pink-soft: rgb(88 166 255 / .3);--select: #58a6ff;--select-soft: rgb(88 166 255 / .28);--brass: #91cbff;--brass-soft: rgb(145 203 255 / .35);--copper: #1f6feb;--viz-ring: #47536b;--viz-spoke: #313a4d;--viz-node: #1f6feb;--viz-accent: #91cbff;--viz-accent-alt: #7fe0bb;--viz-node-alt: #3a9675;--viz-node-idle: #66728b;--viz-hand: #58a6ff;--viz-label: #8fa3c2;--viz-glow: #91cbff;--viz-core: #eef6ff;--accent-idle: rgb(88 166 255 / .18)}:root[data-theme=chrome]{--pink: #b0b4bc;--pink-soft: rgb(176 180 188 / .3);--select: #b0b4bc;--select-soft: rgb(176 180 188 / .28);--brass: #d8dce4;--brass-soft: rgb(216 220 228 / .35);--copper: #6e737d;--viz-ring: #5a5e66;--viz-spoke: #3e4148;--viz-node: #6e737d;--viz-accent: #d8dce4;--viz-accent-alt: #7fe0bb;--viz-node-alt: #3a9675;--viz-node-idle: #747880;--viz-hand: #b0b4bc;--viz-label: #8e9199;--viz-glow: #d8dce4;--viz-core: #f4f5f7;--accent-idle: rgb(176 180 188 / .18)}:root[data-theme=light] [data-node-style-option=wireframe]{display:none}:root[data-theme=light] .unit-row--styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}:root[data-theme=light] .unit-row--styles .chip--preview{min-width:0;padding:8px 4px 7px}:root[data-theme=light] .unit-row--styles .node-style-preview{width:100%;height:auto}:root[data-theme=light]{color-scheme:light;--bg: #ece6d6;--bg-hi: #f7f3e8;--panel: #fffdf6;--panel-lo: #f4efe2;--edge: #d8cfbb;--line: #cbbfa6;--text: #2a2820;--muted: #5f5744;--knob-face: #050a07;--knob-lcd-hi: #4b4f4d;--knob-lcd-mid: #2a2d2c;--knob-lcd-lo: #101312;--knob-metal-hi: #ffc489;--knob-metal-mid: #ee9448;--knob-metal-lo: #b9631f;--knob-inner-hi: #f7f3e8;--knob-inner-mid: #ece6d6;--knob-inner-lo: #b8ad94;--knob-brass: #ffcf9a;--pink: #8a5214;--pink-soft: rgb(138 82 20 / .18);--select: #8a5214;--select-soft: rgb(138 82 20 / .16);--brass: #b07a30;--brass-soft: rgb(176 122 48 / .2);--copper: #7a4710;--viz-ring: #bdb296;--viz-spoke: #c4b9a0;--viz-node: #b07a30;--viz-accent: #6b4012;--viz-accent-alt: #0f5f52;--viz-node-alt: #4f8a7c;--viz-node-idle: #7a705c;--viz-hand: #9a6424;--viz-label: #5c5444;--viz-glow: #d99a3f;--viz-core: #fffdf6;--viz-poly-line-width: 3.5;--viz-subfan-fill: rgb(255 253 246 / .76);--accent-idle: rgb(138 82 20 / .16);--confirm-safe: #19734a;--confirm-danger: #b42318;--confirm-warn: #8a5b00}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden}body{background:radial-gradient(120% 80% at 50% 0%,var(--bg-hi),var(--bg) 60%);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;position:relative;transition:transform .16s cubic-bezier(.34,1.5,.62,1)}button:active{transition:transform 55ms ease-out}button:disabled{opacity:.45;cursor:default}button:active:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--select) 50%,transparent),0 0 10px var(--select-soft);pointer-events:none}.btn-flash:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--select) 50%,transparent),0 0 10px var(--select-soft);pointer-events:none;animation:btnFlash .26s ease-out}@keyframes btnFlash{0%{opacity:1}to{opacity:0}}.wide-btn.danger:active:after,.wide-btn.danger.btn-flash:after{box-shadow:inset 0 0 0 1px var(--confirm-danger),0 0 16px #ff5c5c99}button:focus-visible,[tabindex]:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--select);outline-offset:2px}input[type=range]{accent-color:var(--accent-color);appearance:none;-webkit-appearance:none;width:100%;height:6px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(to right,var(--accent-color) 0%,var(--accent-color) var(--range-fill, 50%),var(--accent-glow) var(--range-fill, 50%),var(--accent-glow) 100%)}input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:var(--accent-glow)}input[type=range]::-moz-range-progress{height:6px;border-radius:999px;background:var(--accent-color)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;background:var(--accent-color);box-shadow:0 0 8px var(--accent-glow),0 1px 2px #00000080}input[type=range]::-moz-range-thumb{width:18px;height:18px;border:none;border-radius:50%;background:var(--accent-color);box-shadow:0 0 8px var(--accent-glow),0 1px 2px #00000080}svg{width:24px;height:24px;fill:currentColor}svg.stroke{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}output{font-variant-numeric:tabular-nums}.label{font-size:11px;height:11px;line-height:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);text-align:center;min-width:0;white-space:nowrap}.label-sm{font-size:9px}.label-spacer{height:11px}.app{max-width:480px;margin:0 auto;height:100dvh;overflow:hidden;padding:max(12px,env(safe-area-inset-top)) 16px max(16px,calc(env(safe-area-inset-bottom) + 8px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:14px}.topbar{grid-row:1 / 2;grid-column:1;display:flex;align-items:center;justify-content:space-between;gap:12px}.title{margin:0;font-family:var(--font-sans);font-size:14.7px;font-weight:700;letter-spacing:.01em}.title-btn{position:relative;z-index:0;font:inherit;letter-spacing:inherit;background:none;border:none;padding:0;margin:0;cursor:pointer;color:#fff;user-select:none;-webkit-user-select:none}.title-btn:after{content:"";position:absolute;z-index:-1;inset:10px 4px 0;border-radius:6px;background:linear-gradient(90deg,#4fb894,#d99a3f,#58a6ff,#b0b4bc);filter:blur(3px);opacity:.85}.title-row{display:flex;align-items:center;gap:8px}.header-btn{position:relative;width:36px;height:36px;border-radius:50%;border:1px solid var(--pink);background:linear-gradient(135deg,#3a362c,#211f18 55%,#121108);color:var(--pink);display:flex;align-items:center;justify-content:center;padding:0}.header-btn:before{content:"";position:absolute;inset:-4px}.header-btn svg{width:20px;height:20px;display:block}.header-btn[aria-expanded=true]{color:var(--select);box-shadow:inset 0 0 0 1px var(--select)}.header-btn:active{transform:scale(.92);box-shadow:inset 0 2px 4px #0000008c}.seg{position:relative;display:flex;width:168px;padding:3px;border-radius:999px;background:linear-gradient(180deg,#100f0c,#1a1812);border:1px solid var(--line);box-shadow:inset 0 2px 4px #0009}.seg-thumb{position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px) / 3);border-radius:999px;background:linear-gradient(180deg,var(--panel),var(--panel-lo));box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px var(--select),0 1px 2px #00000080;transition:transform .36s cubic-bezier(.3,1.15,.36,1)}.seg:has(.seg-btn[data-viz=linear][aria-checked=true]) .seg-thumb{transform:translate(100%)}.seg:has(.seg-btn[data-viz=poly][aria-checked=true]) .seg-thumb{transform:translate(200%)}.seg.is-polyrhythm{padding:1px;border:3px solid transparent;background:linear-gradient(180deg,#100f0c,#1a1812) padding-box,conic-gradient(from 0deg,#4fb894,#d99a3f,#58a6ff,#b0b4bc,#4fb894) border-box;box-shadow:0 0 8px var(--select-soft)}.seg.is-polyrhythm .seg-thumb{top:1px;bottom:1px;left:1px;width:calc((100% - 2px) / 3)}.seg-btn{position:relative;z-index:1;flex:1;border:0;background:transparent;padding:6px 4px;border-radius:999px;font-size:13px;text-align:center;color:var(--muted);transition:color .16s ease}.seg-btn[aria-checked=true]{color:var(--select)}.seg-btn:active:after,.seg-btn.btn-flash:after{content:none}.bar-counter-wrap{position:absolute;top:-18px;right:10px;max-width:100%;display:flex;align-items:center;gap:6px;z-index:1}.bar-counter{width:max-content;max-width:100%;padding:8px 18px;border-radius:999px;border:1px solid color-mix(in srgb,var(--select) 20%,transparent);background:linear-gradient(180deg,var(--panel),var(--panel-lo));box-shadow:0 0 4.2px var(--accent-glow);font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-size:15px;font-weight:500;letter-spacing:.04em;color:var(--select);text-shadow:0 0 6px var(--select-soft);z-index:1}.bar-counter:active{transform:scale(.96)}.bar-counter.just-set{animation:bar-counter-set .9s ease-out}@keyframes bar-counter-set{0%,35%{border-color:var(--select);box-shadow:0 0 0 2px var(--select),0 0 14px var(--select)}}.bar-counter[hidden]{display:none}.loop-badge{z-index:2;pointer-events:none}.loop-badge[hidden]{display:none}.stage{grid-row:2 / 3;grid-column:1;position:relative;height:100%;max-height:390px;max-width:100%;aspect-ratio:1;margin:clamp(0px,.4dvh,6px) auto 0}@media(min-width:720px)and (min-height:640px){.app{--app-width: 600px;max-width:var(--app-width)}.stage{max-height:calc(var(--app-width) - 32px);align-self:center}}.viz{width:100%;height:100%;display:block}.dial-hub{position:absolute;left:50%;top:50%;width:var(--hub, 52px);height:var(--hub, 52px);transform:translate(-50%,-50%);border-radius:50%;display:block;border:2px solid var(--pink);background:transparent;box-shadow:0 0 0 4px var(--edge),0 0 0 6px var(--copper);-webkit-tap-highlight-color:transparent}.stage[data-viz=linear] .dial-hub,.stage[data-polyrhythm=true] .dial-hub{display:none}.dial-hub.pulse{animation:beatPulse .26s ease-out}@keyframes beatPulse{0%{box-shadow:0 0 0 4px var(--edge),0 0 0 6px var(--copper),0 0 22px 2px var(--pink)}to{box-shadow:0 0 0 4px var(--edge),0 0 0 6px var(--copper),0 0 0 0 transparent}}.side{grid-row:3 / 4;grid-column:1;display:grid;gap:14px}.panel{position:relative;background:linear-gradient(135deg,#3a362c,#211f18 55%,#121108);border:1px solid var(--accent-idle);border-radius:var(--radius);box-shadow:0 10px 24px #00000059,inset 0 1px #ffffff24,inset 0 -3px 6px #0009;padding:14px 16px}.panel:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;border:1px solid transparent;background:linear-gradient(var(--panel),var(--panel)) padding-box,linear-gradient(135deg,#ffffff38,#ffffff0f 30%,#00000040,#ffffff1a) border-box;z-index:-1}.bolt{display:block;position:absolute;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#7a7061,#2a271e 70%);box-shadow:0 1px 1px #0009,inset 0 0 0 1px #00000080}.bolt.tl{top:8px;left:8px}.bolt.tr{top:8px;right:8px}.bolt.bl{bottom:8px;left:8px}.bolt.br{bottom:8px;right:8px}.beat-row{display:flex;flex-wrap:wrap;gap:8px}.beat-row.dim{opacity:.4;pointer-events:none}.beat{width:34px;height:34px;border-radius:50%;border:0;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;display:grid;place-items:center;color:#fff}.beat.level-accent{background:radial-gradient(circle at 32% 26%,#ffffffbf,#fff0 45%),radial-gradient(circle at 50% 60%,transparent 55%,rgb(0 0 0 / .4) 100%),var(--brass);box-shadow:0 0 12px var(--brass-soft)}.beat.level-normal{background:radial-gradient(circle at 32% 26%,#ffffff8c,#fff0 45%),radial-gradient(circle at 50% 60%,transparent 55%,rgb(0 0 0 / .4) 100%),var(--copper)}.beat.level-medium{background:radial-gradient(circle at 32% 26%,#ffffffa6,#fff0 45%),radial-gradient(circle at 50% 60%,transparent 55%,rgb(0 0 0 / .4) 100%),color-mix(in srgb,var(--brass) 50%,var(--copper));box-shadow:0 0 8px var(--brass-soft)}.beat.level-mute{background:transparent;box-shadow:inset 0 0 0 2px var(--line);color:var(--muted);text-decoration:line-through}.beat:active{transform:scale(.88)}.beat-group{display:inline-flex;align-items:center;gap:4px}.sub-toggle{width:26px;height:26px;padding:0;border-radius:50%;border:2px solid var(--select);background:var(--select)}.sub-toggle[aria-pressed=false]{background:transparent;border-color:var(--line)}.sub-toggle:active:after{content:none}.controls{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 18px 14px}.bolt{display:none}.col{display:grid;justify-items:stretch;gap:6px;width:64px}.col .label+.square-btn,.col .label-spacer+.square-btn{margin-top:10px}.square-btn{width:64px;height:64px;border-radius:12px;border:1px solid color-mix(in srgb,var(--select) 20%,transparent);background:linear-gradient(135deg,#3a362c,#211f18 55%,#121108) padding-box;box-shadow:0 0 2px var(--accent-idle);display:grid;place-items:center;text-shadow:0 1px 2px rgb(0 0 0 / .6)}.square-btn svg{filter:drop-shadow(0 1px 1.5px rgb(0 0 0 / .6))}.square-btn:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #000000a6,0 1px 1px #0006,0 0 4.2px var(--accent-glow)}.sig{display:grid;justify-items:center;font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;line-height:1}.sig span:first-child{border-bottom:2px solid currentColor;padding:0 6px 3px;margin-bottom:3px}.sig-poly{display:none;font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-weight:700;color:color-mix(in srgb,var(--select) 50%,var(--text));line-height:1;align-items:center;gap:4px;flex-direction:column}#signatureBtn.is-polyrhythm .sig{display:none}#signatureBtn.is-polyrhythm .sig-poly{display:inline-flex}#signatureBtn{position:relative}.subdivision-badge{position:absolute;top:-6px;right:-6px;min-width:18px;min-height:18px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(180deg,#100f0c,#1a1812);border:1px solid var(--line);box-shadow:inset 0 2px 4px #0009;color:var(--muted);font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.sig-poly-tag{font-size:9px;letter-spacing:.18em;text-transform:uppercase;opacity:.85}.sig-poly-fraction{font-size:15.4px;display:inline-flex;align-items:baseline;line-height:1}.sig-poly-slash{margin:0 1px}.tap{font-weight:700;letter-spacing:.12em;font-size:13px;color:color-mix(in srgb,var(--select) 25%,var(--text));box-shadow:0 0 4.2px var(--accent-glow)}.tap:active,.tap.flash{box-shadow:0 0 0 2px var(--pink),0 0 18px var(--pink-soft);color:var(--pink)}.dial-col{display:grid;justify-items:center;gap:2px;min-width:0}.knob-wrap{position:relative}.knob{width:min(228px,55.2vw);max-width:100%;aspect-ratio:1;touch-action:none;cursor:grab;user-select:none;filter:drop-shadow(0 14px 20px rgb(0 0 0 / .6))}.knob:active{cursor:grabbing}html.depth-25d .knob{width:min(296px,72vw)}.tempo-marking{font-family:var(--font-score);font-style:italic;font-weight:600;font-size:17px;letter-spacing:.01em;color:var(--muted)}.nudges{display:flex;gap:12px}.nudge{position:relative;isolation:isolate;width:44px;height:44px;border-radius:12px;border:1px solid color-mix(in srgb,var(--select) 20%,transparent);background:radial-gradient(circle at 33% 28%,#ffffffa6,#fff0 42%),repeating-radial-gradient(circle at 50% 50%,#ffffff1a 0px .6px,#0000000f .6px 1.6px),conic-gradient(from 210deg,var(--copper),var(--brass),var(--select),var(--brass),var(--copper),var(--copper));background-clip:padding-box;box-shadow:0 0 4.2px var(--accent-glow);font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700;line-height:1;color:var(--brass);text-shadow:0 0 4px var(--brass),0 0 8px var(--brass-soft)}.nudge:before{content:"";position:absolute;inset:19.6%;border-radius:4px;background:#050a07;box-shadow:inset 0 0 5px #000000e6,0 0 0 1px #0006;z-index:-1}.nudge:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #0006}.toast{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);max-width:min(92vw,440px);margin:0;padding:10px 14px;border-radius:12px;background:#2b2b30;border:1px solid var(--confirm-warn);box-shadow:0 8px 24px #00000080;font-size:14px;z-index:10}.info-popup{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);max-width:min(88vw,360px);margin:0;padding:20px 44px 20px 22px;border-radius:16px;border:3px solid var(--pink);background:linear-gradient(180deg,var(--panel),var(--panel-lo));box-shadow:0 24px 60px #0009,0 0 0 6px var(--pink-soft);color:var(--text);font-size:15px;text-align:center;z-index:12}.info-popup-text{margin:0}.info-popup-close{position:absolute;top:8px;right:8px;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:16px;line-height:1;display:grid;place-items:center}.info-popup-close:active{background:var(--pink-soft)}.info-popup[hidden]{display:none}.debug{position:fixed;top:8px;left:8px;margin:0;padding:8px 10px;font:12px/1.4 ui-monospace,Consolas,monospace;background:#000000bf;border:1px solid var(--line);border-radius:8px;z-index:11;pointer-events:none}.sheet{width:min(92vw,420px);max-height:86vh;overflow:auto;background:var(--panel);color:var(--text);border:1px solid var(--accent-idle);border-radius:8px;padding:18px 20px 22px;box-shadow:0 20px 60px #0009,inset 0 1px #ffffff24,inset 0 -3px 6px #0009;position:relative}.sheet::backdrop{background:#0009}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.sheet-head h2{margin:0;font-size:18px}.sheet-sub{margin:18px 0 8px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600}.drawer{position:fixed;inset:0 auto 0 0;margin:0;width:min(86vw,340px);max-width:none;height:100dvh;max-height:none;padding:0;border:0;border-right:1px solid var(--accent-idle);border-radius:0 12px 12px 0;background:linear-gradient(135deg,#3a362c,#211f18 55%,#121108);color:var(--text);box-shadow:20px 0 60px #0009;overflow:hidden}.drawer.opening{animation:drawer-in .22s cubic-bezier(.2,.8,.2,1)}@keyframes drawer-in{0%{transform:translate(-100%)}}.drawer.closing{animation:drawer-out .18s cubic-bezier(.2,.8,.2,1) forwards}@keyframes drawer-out{to{transform:translate(-100%)}}.drawer.dragging{animation:none;transition:none}.drawer.snapping-open{animation:drawer-snap-open .18s cubic-bezier(.2,.8,.2,1) forwards}@keyframes drawer-snap-open{to{transform:translate(0)}}.drawer::backdrop{background:#0009;transition:opacity .18s ease}.drawer.closing::backdrop{opacity:0}.drawer-body{box-sizing:border-box;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-gutter:stable;padding:max(18px,env(safe-area-inset-top)) 18px max(22px,env(safe-area-inset-bottom));touch-action:pan-y}.drawer-link{display:block;padding:12px 14px;border-radius:10px;border:1px solid color-mix(in srgb,var(--brass) 28%,var(--line));background:var(--panel-lo);box-shadow:inset 1px 1px color-mix(in srgb,var(--brass) 48%,transparent);color:var(--text);text-decoration:none}.icon-btn{width:34px;height:34px;border-radius:50%;border:1px solid rgb(255 255 255 / .08);background:linear-gradient(135deg,#3a362c,#211f18 55%,#121108);box-shadow:inset 0 1px #ffffff24,inset 0 -3px 6px #0009,0 8px 16px #00000073}.icon-btn:active{transform:scale(.9);box-shadow:inset 0 2px 4px #0009}.chip{min-width:44px;padding:7px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--brass) 28%,var(--accent-idle));background:linear-gradient(135deg,#3a362c,#211f18 55%,#121108);box-shadow:inset 1px 1px color-mix(in srgb,var(--brass) 42%,transparent),inset 0 1px #ffffff24,inset 0 -3px 6px #0009,0 8px 16px #00000073;font-size:14px}.chip[aria-checked=true],.chip.active{border-color:var(--select);color:var(--select);box-shadow:inset 1px 1px color-mix(in srgb,var(--brass) 54%,transparent),inset 0 1px #ffffff24,inset 0 -3px 6px #0009,0 0 10px var(--select-soft)}.chip:active{transform:scale(.94);box-shadow:inset 0 2px 4px #0000008c,0 0 6px var(--accent-idle)}.chip:disabled{opacity:.4;pointer-events:none}.chip--preview{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px 7px;border-radius:14px}.chip--preview span{font-size:11px}.chip--preview:active:after,.chip--preview.btn-flash:after{content:none}.chip--preview:active{transform:none}.chip--preview .node-style-preview{cursor:pointer;transition:transform .12s ease}.chip--preview:hover .node-style-preview,.chip--preview:active .node-style-preview{transform:scale(1.08)}.node-style-preview{width:96px;height:32px;display:block}.sig-editor{display:grid;gap:14px;justify-items:center}.num-picker+.wide-btn{margin:12px 0 14px}.unit-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.picker-block{padding:12px;border-radius:10px;background:var(--panel-lo);margin-bottom:12px}.picker-block .sheet-sub{margin-top:0}.sig-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-content:space-between;gap:12px;padding:18px 16px}.sig-grid-col{min-width:0;display:grid;grid-auto-rows:1fr;gap:18px;height:100%;text-align:center}.sig-grid-part{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:10px}.sig-grid-part .unit-row--grid{justify-content:space-between}.sig-grid-col .sheet-sub{margin-bottom:0}#subdivisionCompoundHint{margin:12px 0 0;text-align:center}#subdivisionCompoundHint.is-idle{visibility:hidden}.sig-beats-field{margin-top:16px}.sig-grid-result{padding:10px 16px;border:1px solid color-mix(in srgb,var(--select) 45%,transparent);border-radius:12px;background:linear-gradient(135deg,#3a362c,#211f18 55%,#121108) padding-box;box-shadow:0 0 6px var(--select-soft);color:var(--select);font-size:30px}.sig-grid-result:active{transform:scale(.96)}.sig-wheels{display:flex;align-items:center;justify-content:center;gap:14px;margin:6px 0 18px;padding:8px 16px;border:1px solid var(--line);border-radius:12px;background:#00000080;box-shadow:inset 0 2px 8px #0009;font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-weight:700;font-size:36px;line-height:1}.sig-wheels-slash{color:var(--muted);font-weight:400}.sig-wheel{--item: 1.5em;box-sizing:border-box;height:calc(var(--item) * 3);width:2.4em;padding:var(--item) 0;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;text-align:center;cursor:ns-resize;outline:none;background:linear-gradient(var(--select),var(--select)) 50% 33.33% / 100% 1.5px no-repeat,linear-gradient(var(--select),var(--select)) 50% 66.67% / 100% 1.5px no-repeat;mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent)}.sig-wheel::-webkit-scrollbar{display:none}.sig-wheel>div{height:var(--item);line-height:var(--item);scroll-snap-align:center;color:var(--muted);font-weight:500;transform:scale(.6);transition:transform .12s ease,color .12s ease}.sig-wheel>div.is-picked{color:var(--select);font-weight:700;transform:none}.unit-row--grid{display:flex;gap:6px;justify-content:center}.sig-grid .chip{min-width:36px;padding:7px 6px}.sound-trigger{appearance:none;width:100%;padding:8px 40px 8px 10px;border-radius:10px;border:1px solid var(--line);background-color:var(--panel-lo);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23f2ead9' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 12px) center;background-size:12px 8px;color:var(--text);font:inherit;text-align:left;box-shadow:0 0 4.2px var(--accent-glow);cursor:pointer}.sound-trigger:focus,.sound-trigger:focus-visible{outline:none;border-color:var(--select);box-shadow:0 0 4.2px var(--accent-glow),0 0 0 2px var(--select)}.sound-trigger-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.sound-picker-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.segmented{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;padding:3px;margin-bottom:16px;border-radius:999px;background:linear-gradient(180deg,#100f0c,#1a1812);border:1px solid var(--line);box-shadow:inset 0 2px 4px #0009}.segmented::-webkit-scrollbar{display:none}#presetsStrip.has-more{mask-image:linear-gradient(to right,#000 calc(100% - 32px),transparent)}.segment{flex:0 0 auto;border:0;background:transparent;padding:7px 14px;border-radius:999px;font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted);white-space:nowrap}.segment[aria-checked=true]{color:var(--select);background:linear-gradient(180deg,var(--panel),var(--panel-lo));box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px var(--select),0 0 10px var(--select-soft)}.segment:active{transform:scale(.94)}.sub-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:18px 0 2px}.sub-head .sheet-sub{margin:0}.sub-label{margin:0 0 8px;font-size:12px;color:var(--muted)}.info-btn{flex-shrink:0;width:22px;height:22px;border-radius:50%;border:1px solid var(--pink-soft);background:linear-gradient(180deg,var(--panel),var(--panel-lo));box-shadow:inset 0 1px #ffffff0f,inset 0 -2px 3px #0006;color:var(--pink);font-family:var(--font-score);font-style:italic;font-weight:600;font-size:16px;line-height:1;padding:0;display:grid;place-items:center;text-align:center}.info-btn:active{transform:scale(.9);box-shadow:inset 0 2px 4px #0009;border-color:var(--select)}.field{display:grid;gap:6px;padding:12px 14px;margin-bottom:10px;border-radius:10px;background:var(--panel-lo)}.field>span{display:flex;justify-content:space-between;font-size:14px}.field-master>span{font-size:15px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;align-items:center}#soundDialog .field-master{gap:12px;margin-bottom:14px}@media(max-width:600px),(pointer:coarse){#soundDialog input[type=range]{height:40px;touch-action:none}#soundDialog .sound-level-card--accent-medium{height:380px;margin-top:22px}#soundDialog input[type=range]::-webkit-slider-thumb{width:24px;height:24px;margin-top:-9px}#soundDialog input[type=range]::-moz-range-thumb{width:24px;height:24px}}.field input[type=number],.field input.numeric-text-input{width:100%;padding:8px;border-radius:10px;border:1px solid var(--line);background:var(--edge);color:var(--text);font:inherit;font-size:14px}.field-value{display:inline-flex;align-items:center;gap:2px}.field-value .field-value-input{box-sizing:border-box;width:6.42em;height:2.86em;padding:5px 12px;text-align:center;border-radius:6px;border:1px solid var(--line);background:var(--edge);color:var(--text);font:inherit;font-variant-numeric:tabular-nums;-moz-appearance:textfield}.field-value-input::-webkit-inner-spin-button,.field-value-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.num-picker{display:grid;justify-items:center;gap:8px}.num-picker--row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}.num-value{box-sizing:border-box;min-width:3.2em;width:4em;padding:6px 10px;text-align:center;border-radius:10px;border:1px solid var(--line);background:var(--edge);color:var(--text);font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-size:20px;font-weight:600;-moz-appearance:textfield}.num-picker--row .num-value{flex:1 1 auto;width:0;min-width:0}.num-value::-webkit-inner-spin-button,.num-value::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.time-fields{display:flex;align-items:center;gap:4px}.time-field{display:flex;flex-direction:column;align-items:center;gap:2px}.time-field-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.time-fields input[type=number],.time-fields input.numeric-text-input{width:3.2em;text-align:center;font-family:var(--font-sans);font-variant-numeric:tabular-nums;-moz-appearance:textfield}.time-fields input.numeric-text-input::-webkit-inner-spin-button,.time-fields input.numeric-text-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.time-sep{align-self:flex-end;margin-bottom:6px;color:var(--muted);font-family:var(--font-sans);font-weight:600}.time-steppers{display:flex;gap:14px}.round-step-btn{width:34px;height:34px;border-radius:50%;flex-shrink:0;border:1px solid rgb(255 255 255 / .08);background:linear-gradient(135deg,#3a362c,#211f18 55%,#121108);box-shadow:inset 0 1px #ffffff24,inset 0 -3px 6px #0009,0 8px 16px #00000073;color:var(--text);font-size:18px;line-height:1;text-shadow:0 1px 2px rgb(0 0 0 / .6)}.round-step-btn:active{transform:scale(.92)}.practice-timer-bar{position:absolute;left:0;right:0;bottom:100%;margin-bottom:6px;display:flex;flex-direction:row-reverse;align-items:center;gap:8px}.practice-timer-bar.is-off{opacity:0;pointer-events:none}.practice-timer-bar.is-off .energy-particle{animation-play-state:paused}.practice-energy{position:relative;height:8px;flex:1 1 auto;min-height:0;border-radius:999px;background:var(--select-soft);overflow:hidden;flex-shrink:0}.practice-energy:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,var(--select),var(--brass));box-shadow:0 0 10px var(--select-soft);clip-path:inset(0 calc(var(--gone, 0) * 1%) 0 0)}.energy-particle{position:absolute;top:50%;margin-top:-2.5px;width:5px;height:5px;border-radius:50%;background:var(--brass);box-shadow:0 0 8px 2px var(--brass),0 0 16px var(--select-soft);opacity:0;animation:energyRun 2.4s ease-in infinite}.energy-particle:nth-child(2){animation-delay:.6s}.energy-particle:nth-child(3){animation-delay:1.2s}.energy-particle:nth-child(4){animation-delay:1.8s}@keyframes energyRun{0%{left:0%;opacity:0}15%{opacity:1}85%{opacity:.8}to{left:100%;opacity:0}}.practice-time-left{font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-size:12px;color:var(--text);flex-shrink:0}.practice-timer-buttons{position:absolute;top:-19px;left:10px;z-index:1;display:flex;gap:8px}.practice-timer-buttons.is-off{opacity:0;pointer-events:none}.practice-icon-btn{--btn-size: 38px;--capsule-size: 78px;--inner-size: 30px;flex:none;width:var(--btn-size);height:var(--btn-size);border-radius:50%;border:1.5px solid color-mix(in srgb,var(--select) 50%,transparent);background:linear-gradient(135deg,#3a362c,#211f18 55%,#121108);box-shadow:inset 0 1px #ffffff24,inset 0 -3px 6px #0009,0 8px 16px #00000073,0 0 8px var(--select-soft);color:var(--select);display:grid;place-items:center}.practice-icon-btn svg{width:20px;height:20px}.practice-icon-btn .icon-resume-timer,.practice-icon-btn .icon-replay-timer,.practice-icon-btn.paused .icon-pause-timer{display:none}.practice-icon-btn.paused .icon-resume-timer{display:block}.practice-icon-btn.finished .icon-pause-timer,.practice-icon-btn.finished .icon-resume-timer{display:none}.practice-icon-btn.finished .icon-replay-timer{display:block}.practice-icon-btn:active{transform:scale(.9);box-shadow:inset 0 2px 4px #0009}.practice-icon-btn:disabled{opacity:.4;pointer-events:none}.practice-icon-btn.armed{color:var(--confirm-danger);box-shadow:inset 0 1px #ffffff24,inset 0 -3px 6px #0009,0 0 10px #ff5c5c8c;border-color:#ff5c5c99;animation:armedPulse .9s ease-in-out infinite}@keyframes armedPulse{0%,to{box-shadow:inset 0 1px #ffffff24,inset 0 -3px 6px #0009,0 0 8px #ff5c5c73}50%{box-shadow:inset 0 1px #ffffff24,inset 0 -3px 6px #0009,0 0 18px #ff5c5cbf}}.practice-icon-btn.is-confirming{box-sizing:border-box;width:var(--capsule-size);border-radius:999px;padding:0 4px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;animation:capsuleExpand .22s cubic-bezier(.2,.8,.2,1)}.practice-icon-btn.is-confirming:active{transform:none;box-shadow:inset 0 1px #ffffff24,inset 0 -3px 6px #0009,0 8px 16px #00000073,0 0 8px var(--select-soft)}@keyframes capsuleExpand{0%{width:var(--btn-size)}to{width:var(--capsule-size)}}.practice-icon-btn.is-confirming.is-closing{animation:capsuleCollapse .18s cubic-bezier(.4,0,.6,1) forwards;pointer-events:none}@keyframes capsuleCollapse{0%{width:var(--capsule-size)}to{width:var(--btn-size)}}.practice-icon-btn.is-small{--btn-size: 36px;--capsule-size: 74px;--inner-size: 28px;border-width:1px;box-shadow:inset 0 1px #ffffff24,inset 0 -2px 4px #0009,0 0 4.2px var(--accent-glow)}.practice-icon-btn.is-small svg{width:19px;height:19px}.practice-icon-btn.is-small.is-confirming{padding:0 3px}.practice-icon-btn.is-small.is-confirming .confirm-cancel-btn,.practice-icon-btn.is-small.is-confirming .confirm-confirm-btn{font-size:13px}.practice-icon-btn[hidden]{display:none}.practice-icon-btn.is-confirming .confirm-cancel-btn,.practice-icon-btn.is-confirming .confirm-confirm-btn{flex:none;width:var(--inner-size);height:var(--inner-size);padding:0;border-radius:50%;border:1px solid color-mix(in srgb,var(--select) 20%,transparent);background:linear-gradient(135deg,#3a362c,#211f18 55%,#121108) padding-box;font-size:14px;line-height:1;font-family:inherit;cursor:pointer;display:grid;place-items:center;animation:capsuleItemIn .18s ease-out 60ms backwards}@keyframes capsuleItemIn{0%{opacity:0;transform:scale(.6)}}.practice-icon-btn.is-closing .confirm-cancel-btn,.practice-icon-btn.is-closing .confirm-confirm-btn{animation:capsuleItemOut .12s ease-in forwards}@keyframes capsuleItemOut{to{opacity:0;transform:scale(.6)}}.practice-icon-btn.is-confirming .confirm-cancel-btn{color:#ff8a8a}.practice-icon-btn.is-confirming .confirm-confirm-btn{color:#57d38c}.practice-icon-btn.is-confirming .confirm-cancel-btn:active,.practice-icon-btn.is-confirming .confirm-confirm-btn:active{transform:scale(.9)}.switch{position:relative;width:42px;height:24px;padding:0;border:1px solid var(--line);border-radius:999px;background:var(--panel-lo);flex-shrink:0}.switch-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--muted);transition:transform .12s ease,background .12s ease}.switch[aria-checked=true]{border-color:var(--select);background:var(--select-soft)}.switch[aria-checked=true] .switch-knob{background:var(--select);transform:translate(18px)}.switch-knob{display:grid;place-items:center;color:#14130d}.switch-knob svg{width:12px;height:12px;stroke-width:2.5}.switch[aria-checked=true] .icon-lock-closed,.switch:not([aria-checked=true]) .icon-lock-open{display:none}.sig-beats-field>span:first-child{margin-bottom:10px}.lock-sheet{width:min(86vw,340px)}.lock-sheet h2{margin:0 0 8px;font-size:18px}.lock-sheet p{margin:0 0 16px;color:var(--muted);line-height:1.45}.lock-sheet-actions{display:flex;gap:10px}.wide-btn.primary{border-color:var(--select);background:var(--select);color:#14130d;font-weight:700}.hint{color:var(--muted);font-size:12px;margin:4px 0 0}.shortcuts-hint{display:none}.wide-btn{width:100%;padding:10px;border-radius:12px;border:1px solid color-mix(in srgb,var(--select) 20%,transparent);background:linear-gradient(135deg,#3a362c,#211f18 55%,#121108) padding-box;box-shadow:0 0 4.2px var(--accent-glow);height:44px;display:flex;align-items:center;justify-content:center}.wide-btn.danger{color:#ff8a8a;border-color:#ff5c5c66;box-shadow:inset 0 1px #ffffff24,inset 0 -3px 6px #0009,0 8px 16px #00000073,0 0 10px #ff5c5c2e}@property --confirm-color{syntax: "<color>"; inherits: false; initial-value: #57d38c;}.confirm-ring{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.confirm-ring-rect{fill:none;stroke:var(--confirm-color);stroke-width:3px}.confirm-ring-rect.confirm-armed{animation:confirmSweep 3s linear forwards}@keyframes confirmSweep{0%{--confirm-color: var(--confirm-safe)}to{stroke-dashoffset:0;--confirm-color: var(--confirm-danger)}}.wide-btn:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #0000008c}.wide-btn.is-confirming{padding:0;display:flex;gap:0;animation:splitButtonExpand .2s ease-out}@keyframes splitButtonExpand{0%{border-radius:12px}to{border-radius:12px}}.wide-btn.is-confirming .confirm-cancel-btn,.wide-btn.is-confirming .confirm-confirm-btn{flex:1;padding:10px;border:1px solid color-mix(in srgb,var(--select) 20%,transparent);background:linear-gradient(135deg,#3a362c,#211f18 55%,#121108) padding-box;font-size:inherit;font-family:inherit;cursor:pointer;transition:all .1s ease;height:100%;display:flex;align-items:center;justify-content:center}.wide-btn.is-confirming .confirm-cancel-btn{border-radius:12px 0 0 12px;color:#ff8a8a;border-right:none}.wide-btn.is-confirming .confirm-confirm-btn{border-radius:0 12px 12px 0;color:#57d38c;border-left:none}.wide-btn.is-confirming .confirm-cancel-btn:active,.wide-btn.is-confirming .confirm-confirm-btn:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #0000008c}.slot{display:grid;gap:6px;margin-bottom:14px}#polyBlock .slot{margin-top:10px}.slot label{font-size:14px}.slot-row{display:flex;gap:8px}.slot-row .sound-trigger{flex:1;min-width:0}.sound-slot-label{display:inline-flex;align-items:center;gap:7px;min-width:0;font-size:14px;font-weight:700;text-transform:capitalize}.sound-level-card-subheader{justify-content:flex-start;margin-bottom:10px}.sound-level-card{box-sizing:border-box;height:180px;padding:12px 12px 16px;border:0;border-radius:12px;background:linear-gradient(180deg,var(--panel-lo),color-mix(in srgb,var(--panel-lo) 72%,var(--panel)));grid-template-rows:auto minmax(0,1fr);gap:4px}.sound-level-card[data-poly-sound]{height:auto}.sound-level-card--accent-medium{height:380px;grid-template-rows:auto minmax(0,1fr) auto minmax(0,1fr);row-gap:6px}.sound-level-card-header{display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0}.sound-level-card-header>.sound-slot-label{align-self:flex-start}.sound-level-card-volume{box-sizing:border-box;height:100%;margin:0;padding:2px 2px 0;background:transparent;align-content:start;gap:4px}.sound-level-card-volume>span{align-items:center}.sound-slot-row{flex:none;width:100%;min-width:0;justify-content:flex-end;gap:6px;margin-top:4px}.sound-slot-row .sound-trigger{box-sizing:border-box;flex:1 1 0;width:0;max-width:none;height:40px;min-width:0;padding:7px 25px 7px 8px;border-radius:8px;background-position:calc(100% - 8px) center;background-size:10px 7px;font-size:13px;box-shadow:none}.sound-slot-row .small-btn,.small-btn.sound-preview-btn{box-sizing:border-box;flex:none;width:40px;height:40px;padding:0;border-radius:8px}@media(max-width:480px){.sound-level-card{height:224px;grid-template-rows:auto minmax(0,1fr)}.sound-level-card--accent-medium{grid-template-rows:auto minmax(0,1fr) auto minmax(0,1fr)}.sound-slot-row{align-self:stretch}.sound-slot-row .sound-trigger{flex:1 1 0;width:0;max-width:none;height:50px}.sound-slot-row .small-btn,.small-btn.sound-preview-btn{width:50px;height:50px}}.sound-level-key{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px 10px;margin:4px 0 14px;border-bottom:1px solid var(--line)}.sound-level-item{display:grid;justify-items:center;align-content:center;gap:3px;min-height:58px;min-width:0;padding:3px 8px;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--muted);font:inherit;font-size:10px;line-height:1;text-transform:capitalize;cursor:pointer;touch-action:manipulation;transition:transform .12s ease}.sound-level-item:active{transform:scale(.94)}.sound-level-item:active:after,.sound-level-item.btn-flash:after{content:none}.sound-level-icon{display:block;width:24px;height:24px;flex:none}.sound-level-item .sound-level-icon{width:128px;height:128px;margin:-47px;pointer-events:none}.sound-level-item>span{position:relative;z-index:1}.sound-level-item>.sound-level-silent{display:none;position:absolute;top:0;left:calc(50% + 6px);width:16px;height:16px;place-items:center;border-radius:50%;background:var(--panel);border:1px solid var(--line);color:var(--muted);box-shadow:0 1px 2px #0000002e;pointer-events:none}.sound-level-silent svg{width:10px;height:10px}.sound-level-item.is-silent .sound-level-silent{display:grid}.sound-level-item.is-master-muted .sound-level-silent{color:var(--confirm-danger)}.small-btn{padding:8px 12px;border-radius:10px;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--panel-lo));box-shadow:inset 0 1px #ffffff0f,inset 0 -2px 3px #0006;font-size:14px;display:inline-grid;place-items:center;cursor:pointer}.small-btn:active{transform:scale(.92);box-shadow:inset 0 2px 4px #0000008c}.drop-zone{border:2px dashed var(--line);border-radius:14px;padding:16px;text-align:center;display:grid;gap:8px;justify-items:center}.drop-zone.over{border-color:var(--pink);background:var(--pink-soft)}.drop-zone p{margin:0}.sound-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.sound-list li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:var(--panel-lo)}.sound-list li span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sound-list li.empty{color:var(--muted);background:none}.sound-picker-sheet{width:min(92vw,360px)}.sound-picker-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.sound-picker-section+.sound-picker-section{margin-top:6px}.sound-picker-group{width:100%;min-height:36px;margin:0;padding:0 2px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:none;background:none;font:inherit;font-size:12px;letter-spacing:.16em;text-transform:uppercase;text-align:left;color:var(--muted);font-weight:600;cursor:pointer}.sound-picker-group:focus-visible{outline:2px solid var(--accent, currentColor);outline-offset:2px;border-radius:6px}.sound-picker-group-title{display:inline-flex;align-items:center;gap:8px}.sound-picker-group-icon{width:16px;height:16px;flex:none;fill:none;stroke:var(--accent-color);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.sound-picker-chevron{width:12px;height:12px;flex:none;transition:transform .18s ease}.sound-picker-group[aria-expanded=true] .sound-picker-chevron{transform:rotate(180deg)}.sound-picker-section-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .24s cubic-bezier(.2,.7,.2,1)}.sound-picker-section-body.is-open{grid-template-rows:1fr}.sound-picker-section-inner{min-height:0;overflow:hidden;display:grid;gap:2px;transition:visibility .24s}.sound-picker-section-body.is-open>.sound-picker-section-inner{padding-bottom:4px}.sound-picker-section-body:not(.is-open)>.sound-picker-section-inner{visibility:hidden}@media(prefers-reduced-motion:reduce){.sound-picker-section-body,.sound-picker-section-inner,.sound-picker-chevron{transition:none}}.sound-picker-spinner,.sound-trigger.is-loading .sound-trigger-value:after{content:"";display:none;width:12px;height:12px;border-radius:50%;border:2px solid var(--accent-idle);border-top-color:var(--accent-color);animation:soundSpin .8s linear infinite}.sound-picker-row.is-loading .sound-picker-spinner{display:inline-block;margin-left:auto;flex:none}.sound-trigger.is-loading .sound-trigger-value:after{display:inline-block;margin-left:8px;vertical-align:middle}@keyframes soundSpin{to{transform:rotate(360deg)}}.sound-picker-row{display:flex;align-items:center;gap:6px;min-width:0;border-radius:10px}.sound-picker-choice{flex:1;min-width:0;width:100%;display:flex;align-items:center;gap:10px;padding:10px 8px;border:none;border-radius:10px;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer}.sound-picker-row:hover,.sound-picker-row:focus-within{background:var(--panel-lo)}.sound-picker-choice:focus-visible,.sound-preview-btn:focus-visible,.sound-preview-btn:disabled{opacity:.6;cursor:wait}.sound-picker-radio{flex:none;width:16px;height:16px;border-radius:50%;border:1px solid var(--line);box-shadow:inset 0 1px 2px #0006}.sound-picker-choice[aria-pressed=true] .sound-picker-radio{border-color:var(--select);background:radial-gradient(circle,var(--select) 42%,transparent 46%);box-shadow:0 0 4px var(--select-soft)}.sound-picker-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sound-picker-empty{padding:6px 8px;color:var(--muted);font-size:14px}.sound-presets{margin:16px 0}.sound-presets .sheet-sub{margin-bottom:6px}.sound-presets .sound-trigger{margin-top:10px;height:46px}.sound-picker-flat{display:grid}.sound-picker-text{display:grid;gap:2px;min-width:0;text-align:left}.sound-picker-heading{margin:12px 8px 4px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.preset-save{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;padding-top:4px;border-top:1px solid var(--line)}.preset-save .sound-picker-heading{flex:1 0 100%}.preset-save-input{flex:1;min-width:0;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel-lo);color:var(--text);font:inherit}.preset-save-input:focus-visible{outline:none;border-color:var(--select)}.sound-picker-detail{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.reset-btn{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:6px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--select);cursor:pointer}.reset-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.reset-btn:disabled{color:var(--muted);opacity:.35;cursor:default}@media(min-width:900px){.app{width:100%;max-width:560px}.shortcuts-hint{display:block}.stage{max-height:460px}.controls{gap:8px;padding:16px 14px}.col{width:52px}.square-btn{width:52px;height:52px}.knob{width:180px}html.depth-25d .knob{width:234px}.nudge{width:38px;height:38px}}@media(min-width:720px){#signatureDialog{box-sizing:border-box;width:min(92vw,560px)}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:root[data-theme=light] .title-btn{color:var(--text)}:root[data-theme=light] .title-btn:after{top:12px;background:linear-gradient(90deg,#2f9a7a,#ee9448,#3d8fe0,#8a9099);filter:blur(4px);opacity:.5}:root[data-theme=light] .panel,:root[data-theme=light] .header-btn,:root[data-theme=light] .square-btn,:root[data-theme=light] .drawer,:root[data-theme=light] .icon-btn,:root[data-theme=light] .chip,:root[data-theme=light] .sig-grid-result,:root[data-theme=light] .round-step-btn,:root[data-theme=light] .practice-icon-btn,:root[data-theme=light] .wide-btn,:root[data-theme=light] .wide-btn.is-confirming .confirm-cancel-btn,:root[data-theme=light] .wide-btn.is-confirming .confirm-confirm-btn,:root[data-theme=light] .practice-icon-btn.is-confirming .confirm-cancel-btn,:root[data-theme=light] .practice-icon-btn.is-confirming .confirm-confirm-btn{background:linear-gradient(145deg,#fffdf6,#f4efe2)}:root[data-theme=light] .seg,:root[data-theme=light] .segmented,:root[data-theme=light] .sig-wheels{background:linear-gradient(180deg,#ebe4d2,#faf6ec);box-shadow:inset 0 1px 3px #3c321e1a}:root[data-theme=light] .subdivision-badge{background:#fffdf6;border-color:#d8cfbb;color:#5c5444;box-shadow:0 1px 3px #3c321e1a}:root[data-theme=light] .nudge:before{background:#e8e0cc;box-shadow:inset 0 1px 3px #3c321e1f,0 0 0 1px #3c321e1f}:root[data-theme=light] .toast{background:var(--panel);color:var(--text);box-shadow:0 8px 24px #3c321e2e}:root[data-theme=light] .debug{background:#fffdf6f0;color:var(--text)}:root[data-theme=light] .wide-btn.danger,:root[data-theme=light] .wide-btn.is-confirming .confirm-cancel-btn{color:#a52820}:root[data-theme=light] .wide-btn.is-confirming .confirm-confirm-btn{color:#176544}:root[data-theme=light] .sheet,:root[data-theme=light] .info-popup{box-shadow:0 18px 48px #3c321e2e,inset 0 1px #ffffffd9}:root[data-theme=light] .panel{background:linear-gradient(145deg,#f4efe2,#e6dec9);border-color:#cbbfa6;box-shadow:0 10px 26px #3c321e29,inset 0 1px #ffffffb8,inset 0 -2px 5px #3c321e14}:root[data-theme=light] .panel:before{background:linear-gradient(#f4efe2,#f4efe2) padding-box,linear-gradient(135deg,#ffffffad,#ffffff29 30%,#3c321e29,#ffffff52) border-box}:root[data-theme=light] .seg.is-polyrhythm{background:linear-gradient(110deg,#efe9d9,#fffdf6 38%,#f5ead8) padding-box,conic-gradient(from 0deg,#4fb894,#d99a3f,#58a6ff,#b0b4bc,#4fb894) border-box;box-shadow:0 2px 8px #3c321e1f,0 0 10px #4fb8941f}:root[data-theme=light] .header-btn,:root[data-theme=light] .square-btn,:root[data-theme=light] .icon-btn,:root[data-theme=light] .chip,:root[data-theme=light] .sig-grid-result,:root[data-theme=light] .round-step-btn,:root[data-theme=light] .practice-icon-btn,:root[data-theme=light] .wide-btn{border-color:var(--line);box-shadow:inset 0 1px #ffffffe6,0 2px 7px #3c321e17}:root[data-theme=light] .chip[aria-checked=true],:root[data-theme=light] .chip.active,:root[data-theme=light] .header-btn[aria-expanded=true]{border-color:var(--select);box-shadow:inset 0 1px #ffffffe6,0 0 0 1px var(--select-soft),0 3px 9px #14776524}:root[data-theme=light] .square-btn svg{filter:drop-shadow(0 1px 1px rgb(60 50 30 / .16))}:root[data-theme=light] .drawer{box-shadow:12px 0 36px #3c321e29}:root[data-theme=light] .drawer-body>.field{background:linear-gradient(145deg,#fbf7ec,#efe8d6);border:1px solid #d8cfbb;box-shadow:inset 0 1px #ffffffd1,0 2px 6px #3c321e12}:root[data-theme=light] .drawer-body>.sheet-sub{color:#5c5444}:root[data-theme=light] .chip--preview{background:linear-gradient(145deg,#fbf7ec,#efe8d6);border-color:#d8cfbb}:root[data-theme=light] .switch{background:#cfd7d0;border-color:#cbbfa6}:root[data-theme=light] .switch:not([aria-checked=true]) .switch-knob{background:#fffdf6;box-shadow:0 1px 2px #3c321e47}:root[data-theme=light] .drawer-body{scrollbar-color:#c4b9a0 transparent}:root[data-theme=light] .drawer-body::-webkit-scrollbar{width:6px}:root[data-theme=light] .drawer-body::-webkit-scrollbar-track{background:transparent}:root[data-theme=light] .drawer-body::-webkit-scrollbar-thumb{background:#c4b9a0;border-radius:3px}:root[data-theme=light] .field-value .field-value-input{background:#fffdf6;border-color:#cbbfa6;box-shadow:inset 0 1px 2px #3c321e14}:root[data-theme=light] .bar-counter-wrap{top:10px}:root[data-theme=light] .dial-hub{filter:grayscale(1) brightness(2.1) contrast(.8)}:root[data-theme=light] .knob{filter:drop-shadow(0 8px 14px rgb(90 55 20 / .22))}:root[data-theme=light] .nudge{border-color:#d9b38c;background:radial-gradient(circle at 33% 28%,#fffc,#fff0 42%),repeating-radial-gradient(circle at 50% 50%,#ffffff24 0px .6px,#303a3f0f .6px 1.6px),conic-gradient(from 210deg,#b07a4c,#fbe9d4,#e6b386,#fbe9d4,#b07a4c,#b07a4c);color:#5a3517;text-shadow:0 1px 1px rgb(255 255 255 / .8),0 0 2px rgb(35 45 50 / .2);box-shadow:0 1px 3px #3c321e29,inset 0 1px #fff9}:root[data-theme=light] .nudge:before{background:#e6dec9;box-shadow:inset 0 1px 3px #3c321e24,0 0 0 1px #3c321e2e}