@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-italic-BicUS2cM.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-italic-BfTTTDIL.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-italic-Py8at3oI.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0d0a07;--bg-2:#15100b;--panel:#1a140e;--line:#efe4cc17;--line-2:#efe4cc29;--ivory:#efe4cc;--ivory-dim:#b9ab90;--muted:#7f705b;--brass:#d4a640;--brass-hi:#f6dc8c;--brass-lo:#7a5714;--good:#5dffa0;--warn:#ffc446;--bad:#ff5c3a;--idle:#8a7a62;--serif:"Fraunces Variable", "Iowan Old Style", Georgia, serif;--sans:"Inter Variable", -apple-system, system-ui, sans-serif;--mono:"JetBrains Mono Variable", ui-monospace, monospace;--safe-top:env(safe-area-inset-top,0px);--safe-bot:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--ivory);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}svg{display:block}.app{max-width:560px;height:100%;padding-top:var(--safe-top);isolation:isolate;flex-direction:column;margin:0 auto;display:flex;position:relative}.app:before{content:"";z-index:-2;background:radial-gradient(120% 60% at 50% 18%,#ffaa5021,#0000 60%),radial-gradient(90% 50% at 50% 110%,#d4a64014,#0000 70%),linear-gradient(#120d09,#0a0806 70%);position:fixed;inset:0}.app:after{content:"";z-index:-1;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.app-head{justify-content:space-between;align-items:baseline;padding:10px 20px 2px;display:flex}.brand{font-family:var(--serif);letter-spacing:.01em;background:linear-gradient(180deg, var(--brass-hi), var(--brass) 55%, var(--brass-lo));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:22px;font-style:italic;font-weight:600}.brand i{color:var(--brass);-webkit-text-fill-color:var(--brass);margin-left:2px}.brand-sub{letter-spacing:.32em;text-transform:uppercase;color:var(--muted);font-size:11px}.screens{flex:1;min-height:0;position:relative}.screen{transition:opacity .38s,transform .5s cubic-bezier(.2,.8,.2,1),filter .38s;position:absolute;inset:0}.screens[data-tab=metronome] .screen:nth-child(2),.screens[data-tab=tuner] .screen:first-child{opacity:0;pointer-events:none;filter:blur(6px)}.screens[data-tab=metronome] .screen:nth-child(2){transform:translate(14%)scale(.98)}.screens[data-tab=tuner] .screen:first-child{transform:translate(-14%)scale(.98)}.tabbar{margin:6px 16px calc(10px + var(--safe-bot));border:1px solid var(--line-2);background:linear-gradient(#1d1610,#120d09);border-radius:22px;grid-template-columns:1fr 1fr;padding:5px;display:grid;position:relative;box-shadow:inset 0 1px #ffebc80f,0 10px 30px #00000080}.tab-slider{background:linear-gradient(#3a2c19,#241a0e);border:1px solid #f6dc8c40;border-radius:17px;width:calc(50% - 5px);transition:transform .45s cubic-bezier(.3,1.4,.4,1);position:absolute;top:5px;bottom:5px;left:5px;box-shadow:inset 0 1px #fff0c82e,0 0 24px #d4a64026}.tabbar[data-tab=tuner] .tab-slider{transform:translate(100%)}.tabbar button{height:46px;color:var(--muted);letter-spacing:.06em;justify-content:center;align-items:center;gap:9px;font-size:13px;font-weight:600;transition:color .3s;display:flex;position:relative}.tabbar button.on{color:var(--brass-hi)}.tabbar svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.chip{border:1px solid var(--line-2);text-align:left;background:linear-gradient(#1f1811,#16110c);border-radius:14px;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;padding:8px 14px;transition:border-color .2s,transform .12s;display:flex;box-shadow:inset 0 1px #ffebc80d}.chip:active{transform:scale(.97)}.chip small{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:9.5px}.chip b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:14px;font-weight:600;overflow:hidden}.chip-on{border-color:#f6dc8c73}.chip-on b{color:var(--brass-hi)}.seg{border:1px solid var(--line);background:#100c08;border-radius:12px;gap:3px;padding:3px;display:flex}.seg button{color:var(--muted);border-radius:9px;flex:1;padding:8px 10px;font-size:13px;font-weight:600;transition:background .25s,color .25s}.seg button.sel{color:#1b1307;background:linear-gradient(180deg, var(--brass-hi), var(--brass) 60%, #a77d25);box-shadow:0 2px 10px #d4a6404d}.hold-btn{-webkit-touch-callout:none}.sheet-root{z-index:50;pointer-events:none;position:fixed;inset:0}.sheet-root.open{pointer-events:auto}.sheet-scrim{-webkit-backdrop-filter:blur(4px);opacity:0;background:#0000008c;transition:opacity .3s;position:absolute;inset:0}.sheet-root.open .sheet-scrim{opacity:1}.sheet{width:min(560px,100%);max-height:82%;padding:8px 18px calc(20px + var(--safe-bot));border:1px solid var(--line-2);background:linear-gradient(#211910,#140f0a 40%);border-bottom:0;border-radius:26px 26px 0 0;flex-direction:column;transition:transform .45s cubic-bezier(.2,.9,.2,1);display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%,105%);box-shadow:0 -20px 60px #0009}.sheet-root.open .sheet{transform:translate(-50%)}.sheet-grip{background:var(--line-2);border-radius:2px;width:38px;height:4px;margin:2px auto 8px}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sheet-head h3{font-family:var(--serif);margin:0;font-size:22px;font-style:italic;font-weight:600}.sheet-done{color:var(--brass-hi);padding:6px 4px;font-size:15px;font-weight:600}.sheet-body{flex-direction:column;gap:14px;padding-bottom:4px;display:flex;overflow-y:auto}.sheet-note{color:var(--muted);margin:0;font-size:12.5px;line-height:1.5}.grid-picker{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.grid-picker button{aspect-ratio:1;border:1px solid var(--line);font-family:var(--mono);background:#100c08;border-radius:12px;font-size:17px;font-weight:600}.grid-picker button.sel{color:#1b1307;background:linear-gradient(180deg, var(--brass-hi), var(--brass))}.list-picker{border:1px solid var(--line);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.list-picker button{border-bottom:1px solid var(--line);text-align:left;background:#120e0a;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:15px;display:flex}.list-picker button:last-child{border-bottom:0}.list-picker button.sel{color:var(--brass-hi);background:linear-gradient(90deg,#d4a6402e,#d4a6400a)}.list-picker .check{color:var(--brass);filter:drop-shadow(0 0 6px var(--brass));font-size:10px}.tuning-notes{font-family:var(--mono);color:var(--muted);letter-spacing:.04em;font-size:12px}.list-picker button.sel .tuning-notes{color:var(--brass)}.row{justify-content:space-between;align-items:center;gap:14px;min-height:44px;font-size:15px;display:flex}.row>span{flex-direction:column;gap:2px;display:flex}.row small{color:var(--muted);font-size:12px}.row-group{border-left:2px solid #d4a64059;flex-direction:column;gap:6px;padding:6px 0 6px 14px;transition:opacity .25s;display:flex}.row-group.dim{opacity:.35}.stepper{border:1px solid var(--line);background:#100c08;border-radius:12px;align-items:center;display:flex}.stepper button{width:40px;height:38px;color:var(--brass-hi);font-size:20px}.stepper-val{text-align:center;min-width:64px;font-family:var(--mono);font-size:15px;font-weight:600}.toggle{border:1px solid var(--line-2);background:#2a2119;border-radius:16px;flex:none;width:52px;height:31px;transition:background .25s;position:relative}.toggle.on{background:linear-gradient(#c4952f,#8a6418)}.toggle-knob{background:radial-gradient(circle at 35% 30%,#fff,#d8cdb8 60%,#9b8f7a);border-radius:50%;width:25px;height:25px;transition:transform .3s cubic-bezier(.3,1.5,.5,1);position:absolute;top:2px;left:2px;box-shadow:0 2px 5px #00000080}.toggle.on .toggle-knob{transform:translate(21px)}.slider{appearance:none;background:linear-gradient(90deg, var(--brass) var(--p), #2a2119 var(--p));border-radius:3px;outline:none;width:52%;height:6px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:radial-gradient(circle at 35% 30%, #fff6d0, var(--brass) 55%, var(--brass-lo));border-radius:50%;width:26px;height:26px;box-shadow:0 2px 8px #0009}.brand b{font-weight:700}.splash{z-index:100;background:radial-gradient(90% 60% at 50% 42%,#22170d,#0a0806 70%);flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:opacity .65s,transform .65s cubic-bezier(.5,0,.2,1),filter .65s;display:flex;position:fixed;inset:0}.splash.leaving{opacity:0;filter:blur(8px);pointer-events:none;transform:scale(1.08)}.sp-glow{opacity:0;background:radial-gradient(circle,#5dffa038,#0000 65%);border-radius:50%;width:340px;height:340px;margin:-230px 0 0 -170px;animation:1.4s ease-out .95s forwards spGlow;position:absolute;top:50%;left:50%}.sp-meter{width:200px;overflow:visible}.sp-arc{fill:none;stroke:#efe4cc2e;stroke-width:1.2px;stroke-dasharray:230;stroke-dashoffset:230px;animation:.7s ease-out forwards spDraw}.sp-tick{stroke:var(--ivory-dim);stroke-width:1.4px;stroke-linecap:round;opacity:0;animation:.3s ease-out forwards spFade}.sp-tick.zero{stroke-width:2.4px;animation:.3s ease-out forwards spFade,.5s ease-out .95s forwards spZero}.sp-needle{transform-box:view-box;transform-origin:100px 92px;animation:1.05s cubic-bezier(.3,0,.3,1) .15s forwards spNeedle;transform:rotate(-58deg)}.sp-needle line{stroke:var(--bad);stroke-width:2.4px;stroke-linecap:round;animation:.4s ease-out .95s forwards spNeedleColor}.sp-hub{fill:var(--brass)}.sp-title{font-family:var(--serif);letter-spacing:-.01em;color:var(--ivory);margin:14px 0 0;font-size:54px;font-style:italic;font-weight:600;display:flex}.sp-title span{opacity:0;filter:blur(6px);animation:.6s cubic-bezier(.2,.9,.3,1.3) forwards spLetter;display:inline-block;transform:translateY(18px)}.sp-title .accent{background:linear-gradient(180deg, var(--brass-hi), var(--brass) 55%, var(--brass-lo));color:#0000;-webkit-background-clip:text;background-clip:text}.sp-sub{letter-spacing:.5em;text-transform:uppercase;color:var(--muted);opacity:0;margin:0;font-size:11px;animation:.6s ease-out 1.7s forwards spFade}@keyframes spDraw{to{stroke-dashoffset:0}}@keyframes spFade{to{opacity:1}}@keyframes spNeedle{0%{transform:rotate(-58deg)}30%{transform:rotate(34deg)}52%{transform:rotate(-16deg)}70%{transform:rotate(7deg)}85%{transform:rotate(-2.5deg)}to{transform:rotate(0)}}@keyframes spNeedleColor{to{stroke:var(--good);filter:drop-shadow(0 0 6px var(--good))}}@keyframes spZero{to{stroke:var(--good);filter:drop-shadow(0 0 5px var(--good))}}@keyframes spGlow{0%{opacity:0;transform:scale(.6)}40%{opacity:1}to{opacity:.55;transform:scale(1)}}@keyframes spLetter{to{opacity:1;filter:none;transform:none}}@media (prefers-reduced-motion:reduce){.splash *,.splash :before{animation-duration:.01ms!important;animation-delay:0s!important}}.mt{flex-direction:column;height:100%;display:flex}.mt-stage{flex:1 1 0;justify-content:center;min-height:190px;padding-top:4px;display:flex;position:relative}.mt-art{aspect-ratio:400/600;filter:drop-shadow(0 30px 40px #0000008c);max-width:92%;height:100%;position:relative}.mt-layer{width:100%;height:100%;position:absolute;inset:0}.mt-front{will-change:transform;touch-action:none}.mt-weight{cursor:grab}.mt-stage.dragging .mt-weight{cursor:grabbing}.mt-hint{font-family:var(--serif);color:var(--muted);writing-mode:vertical-rl;letter-spacing:.12em;opacity:.6;pointer-events:none;font-size:12px;font-style:italic;position:absolute;top:32%;right:18px}.mt-panel{flex-direction:column;flex:none;gap:12px;padding:6px 16px 4px;display:flex}.mt-readout{justify-content:space-between;align-items:center;display:flex}.round-btn{background:radial-gradient(circle at 35% 28%,#3b2f20,#1a140d 70%);border:1px solid #f6dc8c38;border-radius:50%;place-items:center;width:54px;height:54px;transition:transform .1s;display:grid;box-shadow:inset 0 1px #fff0c81f,0 6px 16px #00000080}.round-btn:active{transform:scale(.92)}.round-btn svg{width:22px;height:22px;stroke:var(--brass-hi);stroke-width:2px;stroke-linecap:round;fill:none}.mt-bpm{flex-direction:column;align-items:center;line-height:1;display:flex}.mt-tempo-name{font-family:var(--serif);color:var(--brass);letter-spacing:.02em;font-size:17px;font-style:italic;font-weight:500}.mt-bpm-num{font-family:var(--mono);letter-spacing:-.04em;font-variant-numeric:tabular-nums;background:linear-gradient(#fffaf0,#e6d6b4 60%,#b9a37a);color:#0000;text-shadow:0 0 30px #ffc8781f;-webkit-background-clip:text;background-clip:text;margin:2px 0 1px;font-size:60px;font-weight:700}.mt-bpm-unit{letter-spacing:.4em;color:var(--muted);margin-right:-.4em;font-size:10px}.mt-bpm-unit em{color:var(--brass);letter-spacing:.1em;font-style:normal}.tempo-wheel{touch-action:none;cursor:ew-resize;border:1px solid var(--line);background:linear-gradient(#ffffff0a,#0000 40%,#0000004d),#100c08;border-radius:12px;height:44px;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #0009}.tw-track{position:absolute;inset:0}.tw-tick{background:var(--ivory-dim);opacity:.45;width:1.5px;margin-left:-.75px;position:absolute;bottom:0;left:50%}.tw-s{height:10px}.tw-m{opacity:.7;height:16px}.tw-l{opacity:1;background:var(--ivory);width:2px;height:22px}.tw-l span{font-family:var(--mono);color:var(--ivory-dim);font-size:10px;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.tw-needle{background:var(--bad);width:2px;box-shadow:0 0 10px var(--bad);border-radius:1px;margin-left:-1px;position:absolute;top:4px;bottom:0;left:50%}.tw-needle:before{content:"";border:5px solid #0000;border-top-color:var(--bad);position:absolute;top:-4px;left:-4px}.tw-fade{pointer-events:none;background:linear-gradient(90deg,#100c08,#0000 22% 78%,#100c08);position:absolute;inset:0}.beat-lights{grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:6px;display:grid}.beat-led{border:1px solid var(--line);background:#0e0a07;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;height:40px;display:flex;position:relative;overflow:hidden}.led-bar{background:#3a2c1c;border-radius:2px;width:46%;max-width:26px;height:3px;transition:background 80ms}.led-bulb{opacity:0;background:radial-gradient(60% 80%,#ffb4508c,#0000 75%);transition:opacity .25s ease-out;position:absolute;inset:0}.beat-led.lvl-1 .led-bar:first-child{background:#2a2015}.beat-led.lvl-0 .led-bar{background:#1d1610;height:2px}.beat-led.lvl-0:after{content:"";background:var(--muted);opacity:.5;width:14px;height:1.5px;position:absolute;transform:rotate(-35deg)}.beat-led.lit .led-bulb{opacity:1;transition:none}.beat-led.lit .led-bar{background:#ffc061;transition:none;box-shadow:0 0 10px #ffb347}.beat-led.lit.lvl-2 .led-bar{background:#ff6a3d;box-shadow:0 0 12px #ff5c3a}.beat-led.lit.lvl-2 .led-bulb{background:radial-gradient(60% 80%,#ff5c3a8c,#0000 75%)}.beat-led.lit.lvl-0 .led-bar{box-shadow:none;background:#3a2c1c}.beat-led.lit.lvl-0 .led-bulb,.beat-led.lvl-1 .led-bar:first-child{opacity:.25}.mt-transport{justify-content:space-between;align-items:center;gap:16px;display:flex}.pill-btn{height:52px;font-family:var(--mono);letter-spacing:.25em;color:var(--ivory);border:1px solid var(--line-2);background:linear-gradient(#211911,#15100b);border-radius:16px;flex:1;place-items:center;font-size:15px;font-weight:700;transition:transform 80ms;display:grid;box-shadow:inset 0 1px #ffebc80f}.pill-btn:active{background:#2b2015;transform:scale(.95)}.subdiv-icon{width:36px;height:28px;color:var(--brass-hi)}.play-btn{background:radial-gradient(circle at 38% 30%,#fff1b8 0%,#e2b85a 22%,#a7781f 60%,#5a3e0b 100%);border-radius:50%;flex:none;place-items:center;width:84px;height:84px;transition:transform .12s;display:grid;position:relative;box-shadow:0 0 0 5px #120d09,0 0 0 6px #f6dc8c4d,0 14px 30px #0009,inset 0 -6px 12px #00000059,inset 0 3px 6px #ffffff73}.play-btn:active{transform:scale(.94)}.play-btn svg{fill:#241705;filter:drop-shadow(0 1px #fff0c880);width:34px;height:34px}.play-ring{border:2px solid #ff6a3d00;border-radius:50%;transition:border-color .3s;position:absolute;inset:-12px}.play-btn.on .play-ring{border-color:#ff6a3d99;animation:1.6s ease-out infinite ring}.play-btn.on{background:radial-gradient(circle at 38% 30%,#ffd2b8 0%,#ff7a48 25%,#c23a16 65%,#5a1505 100%)}@keyframes ring{0%{opacity:1;transform:scale(.92)}to{opacity:0;transform:scale(1.15)}}.mt-chips{grid-template-columns:1fr 1.3fr 1.2fr;gap:8px;display:grid}@media (height<=740px){.mt-bpm-num{font-size:48px}.play-btn{width:70px;height:70px}.pill-btn{height:46px}.mt-panel{gap:9px}.beat-led{height:32px}.round-btn{width:46px;height:46px}}.tn{--status:var(--idle);flex-direction:column;height:100%;display:flex}.tn-top{padding:6px 16px 0}.view-seg button{padding:7px 0}.tn-stage{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.tn-bar{grid-template-columns:1.35fr 1fr 1fr;gap:8px;padding:8px 16px 4px;display:grid}.neck-readout{--status:var(--idle);flex-direction:column;align-items:center;padding:8px 20px 0;display:flex}.nr-note{height:74px;color:var(--ivory);opacity:.35;align-items:flex-start;line-height:.9;transition:opacity .3s,color .3s,text-shadow .3s;display:flex;position:relative}.neck-readout.active .nr-note{opacity:1;color:var(--status);text-shadow:0 0 28px color-mix(in srgb, var(--status) 55%, transparent)}.nr-letter{font-family:var(--serif);font-size:78px;font-weight:600}.nr-acc{font-family:var(--serif);margin-top:4px;font-size:34px}.nr-oct{font-family:var(--mono);opacity:.6;align-self:flex-end;margin-left:2px;font-size:15px}.cents-bar{width:100%;max-width:400px;margin-top:6px;position:relative}.cb-scale{justify-content:space-between;align-items:flex-end;height:12px;display:flex}.cb-scale i{background:var(--ivory-dim);opacity:.4;width:1px;height:6px}.cb-scale i.maj{opacity:.8;height:11px}.cb-scale i:nth-child(11){background:var(--good);opacity:1;width:2px}.cb-zone{background:color-mix(in srgb, var(--good) 18%, transparent);border:1px solid color-mix(in srgb, var(--good) 40%, transparent);border-radius:7px;width:6%;height:14px;position:absolute;top:14px;left:47%}.cb-track{background:linear-gradient(90deg,#ff5c3a40,#ffc44614 40%,#0000 50%,#ffc44614 60%,#ff5c3a40);border-radius:7px;height:14px;margin-top:2px;position:relative;container-type:inline-size}.cb-bead{background:radial-gradient(circle at 35% 30%, #fff, var(--status) 55%);width:22px;height:22px;box-shadow:0 0 14px var(--status), 0 0 34px var(--status);border-radius:50%;margin:-11px 0 0 -11px;transition:background .2s,box-shadow .2s;position:absolute;top:50%;left:50%}.cb-labels{font-family:var(--mono);color:var(--muted);justify-content:space-between;margin-top:5px;font-size:9.5px;display:flex}.nr-meta{width:100%;max-width:400px;font-family:var(--mono);color:var(--ivory-dim);grid-template-columns:1fr auto 1fr;align-items:center;margin-top:4px;font-size:12px;display:grid}.nr-cents{font-variant-numeric:tabular-nums}.nr-hz{text-align:right;font-variant-numeric:tabular-nums}.nr-hint{font-family:var(--serif);color:var(--status);font-size:15px;font-style:italic;transition:color .2s}.neck-readout.in-tune .nr-note{animation:1.2s ease-out tunedPulse}@keyframes tunedPulse{0%{transform:scale(1)}25%{transform:scale(1.08)}to{transform:scale(1)}}.neck-wrap{flex:1;justify-content:center;min-height:0;margin-top:4px;display:flex;position:relative}.neck-svg{width:100%;max-width:420px;height:100%}.neck-logo{font-family:var(--serif);font-size:25px;font-style:italic;font-weight:700}.peg{cursor:pointer}.peg-btn{fill:color-mix(in srgb, #f4ecd5 calc(var(--shade,.6) * 100%), #a59a7e);stroke:#6f6550;stroke-width:.8px}.peg-shine{fill:none;stroke:#fff;stroke-width:1.6px;stroke-linecap:round;opacity:calc(.2 + var(--shade,.6) * .6)}.peg-label{font-family:var(--serif);fill:#3a3022;pointer-events:none;font-size:12px;font-weight:700}.peg.sel .peg-btn{stroke:var(--brass);stroke-width:2px}.peg.tuned .peg-label{fill:#0f6b38}.peg-arrow{filter:drop-shadow(0 0 4px);transition:opacity .2s}.tuned-ring{filter:drop-shadow(0 0 4px var(--good));transform-box:fill-box;transform-origin:50%;animation:.6s cubic-bezier(.3,1.6,.5,1) ringIn}@keyframes ringIn{0%{opacity:0;transform:scale(2)}}.string-glow{filter:blur(4px)}.analog-wrap{flex-direction:column;flex:1;justify-content:space-evenly;align-items:center;gap:10px;min-height:0;padding:8px 16px 0;display:flex}.meter-svg{filter:drop-shadow(0 18px 30px #0009);width:100%;max-width:440px}.meter-num{font-family:var(--serif);fill:#1d150c;font-size:12px;font-weight:600}.meter-sign{font-family:var(--serif);fill:#1d150c;font-size:22px}.meter-brand{font-family:var(--serif);letter-spacing:.3em;fill:#3b2a14;font-size:13px;font-style:italic;font-weight:700}.meter-sub{font-family:var(--mono);letter-spacing:.18em;fill:#6b5a45;font-size:7px}.nixie-panel{border:1px solid var(--line-2);background:linear-gradient(#17120d,#0d0a07);border-radius:18px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:10px 14px;width:100%;max-width:440px;padding:14px 16px;display:grid;box-shadow:inset 0 2px 12px #000c,0 10px 30px #0006}.lamps{flex-direction:column;grid-row:span 2;gap:8px;display:flex}.lamp{width:26px;height:26px;font-family:var(--serif);color:#0000008c;background:radial-gradient(circle at 35% 30%,#4a2a20,#1d100c);border-radius:50%;place-items:center;font-size:13px;font-weight:700;transition:background .12s,box-shadow .12s;display:grid;box-shadow:inset 0 0 0 1.5px #3a2f24}.lamp.green{background:radial-gradient(circle at 35% 30%,#20402c,#0c1a12)}.lamp.red.on{background:radial-gradient(circle at 35% 30%,#fff0e0,#ff6a3d 40%,#9a1d05);box-shadow:inset 0 0 0 1.5px #3a2f24,0 0 16px #ff5c3a}.lamp.green.on{background:radial-gradient(circle at 35% 30%,#f0fff4,#5dffa0 40%,#0b7a3a);box-shadow:inset 0 0 0 1.5px #3a2f24,0 0 20px #5dffa0}.nixies{justify-content:center;gap:8px;display:flex}.nixie{background:radial-gradient(80% 60% at 50% 30%,#ff8c3214,#0000),linear-gradient(90deg,#ffffff14,#0000 30% 70%,#ffffff0d),#120b07;border:1px solid #ffdcb41f;border-radius:26px 26px 10px 10px;place-items:center;width:58px;height:84px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -8px 16px #000000b3}.nixie:nth-child(2){width:40px}.nixie-ghost,.nixie-glyph{font-family:var(--sans);grid-area:1/1;font-size:54px;font-weight:300;line-height:1}.nixie-ghost{color:#0000;-webkit-text-stroke:.6px #ffaa6e1f}.nixie-glyph{color:#ff963c2e;transition:color .15s,text-shadow .15s}.nixie-panel.active .nixie-glyph{color:#ffd8a0;text-shadow:0 0 4px #ff9a3c,0 0 12px #ff7a1f,0 0 28px #ff5a0a}.nixie-mesh{pointer-events:none;opacity:.6;background-image:repeating-linear-gradient(60deg,#00000059 0 1px,#0000 1px 5px),repeating-linear-gradient(-60deg,#00000059 0 1px,#0000 1px 5px);position:absolute;inset:0}.vfd{font-family:var(--mono);color:#6dffd0;text-shadow:0 0 8px #50ffc899;font-variant-numeric:tabular-nums;background:#06100d;border:1px solid #5dffa01f;border-radius:8px;justify-content:space-between;padding:7px 12px;font-size:13px;display:flex}.string-row{grid-template-columns:repeat(6,1fr);gap:6px;width:100%;max-width:440px;display:grid}.string-pick{height:50px;font-family:var(--serif);border:1px solid var(--line-2);background:linear-gradient(#1f1811,#15100b);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.string-pick small{font-family:var(--mono);color:var(--muted);font-size:9px;font-weight:400}.string-pick.sel{border-color:var(--brass);color:var(--brass-hi)}.string-pick.hot{border-color:var(--ivory-dim);box-shadow:0 0 18px #ffdca02e}.string-pick.tuned:after{content:"";background:var(--good);width:6px;height:6px;box-shadow:0 0 8px var(--good);border-radius:50%;position:absolute;top:6px;right:6px}.strobe-wrap{flex-direction:column;flex:1;align-items:center;gap:14px;min-height:0;padding:10px 16px 0;display:flex}.strobe{border:1px solid var(--line-2);background:#0a0806;border-radius:20px;flex:1;width:100%;max-width:440px;min-height:140px;max-height:300px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #000000e6}.strobe canvas{width:100%;height:100%;position:absolute;inset:0}.strobe-glass{pointer-events:none;background:linear-gradient(160deg,#ffffff1a,#0000 35%);position:absolute;inset:0}.strobe-center{background:#ffffff40;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.big-note{--status:var(--idle);text-align:center}.bn-name{font-family:var(--serif);color:var(--ivory);opacity:.35;font-size:84px;font-weight:600;line-height:.9;transition:color .3s,opacity .3s}.bn-name small{vertical-align:top;font-size:36px}.bn-name sub{font-family:var(--mono);opacity:.6;vertical-align:baseline;font-size:15px}.big-note.active .bn-name{opacity:1;color:var(--status);text-shadow:0 0 30px color-mix(in srgb, var(--status) 50%, transparent)}.bn-meta{font-family:var(--mono);color:var(--ivory-dim);font-variant-numeric:tabular-nums;justify-content:center;gap:18px;margin-top:6px;font-size:13px;display:flex}.mic-gate{z-index:5;-webkit-backdrop-filter:blur(3px);background:radial-gradient(60% 50% at 50% 45%,#0d0a07bf,#0d0a07f0);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.mic-gate p{text-align:center;max-width:260px;font-family:var(--serif);color:var(--ivory-dim);margin:0;font-size:17px;font-style:italic}.power-switch{background:radial-gradient(circle at 38% 30%,#4a3a26,#1d150d 70%);border:1px solid #f6dc8c4d;border-radius:50%;place-items:center;width:104px;height:104px;transition:transform .12s;display:grid;position:relative;box-shadow:0 0 0 8px #120d09,0 0 0 9px #f6dc8c2e,0 20px 40px #000000b3,inset 0 2px 4px #fff0c826}.power-switch:active{transform:scale(.94)}.power-switch svg{fill:none;width:40px;height:40px;stroke:var(--brass-hi);stroke-width:2.2px;stroke-linecap:round;filter:drop-shadow(0 0 8px #f6dc8c80)}.power-led{background:var(--bad);width:6px;height:6px;box-shadow:0 0 8px var(--bad);border-radius:50%;animation:2s ease-in-out infinite blink;position:absolute;top:14px}@keyframes blink{50%{opacity:.3}}@media (height<=740px){.nr-letter{font-size:60px}.nr-note{height:58px}.nixie{width:48px;height:68px}.nixie-ghost,.nixie-glyph{font-size:44px}.bn-name{font-size:64px}}.mic-level{align-items:center;gap:8px;margin-top:7px;padding:0 4px;display:flex}.mic-level span{font-family:var(--mono);letter-spacing:.2em;color:var(--muted);font-size:8.5px}.mic-track{background:#241b12;border-radius:2px;flex:1;height:3px;overflow:hidden}.mic-fill{transform-origin:0;background:linear-gradient(90deg, #3c8a5a, var(--good) 60%, var(--warn) 85%, var(--bad));height:100%;transform:scaleX(0)}.mic-debug{font-family:var(--mono);color:#6dffd0;white-space:pre-wrap;margin:6px 4px 0;font-size:10px;line-height:1.5}