@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-mono-latin-700-normal-7sUh57Bg.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-700-normal-CNHXzs6v.woff) format("woff")}:root{--bg: #0c0e10;--surface: #15181b;--surface-2: #1c2126;--line: #252b31;--line-soft: #1b2025;--text-primary: #edf0f2;--text-secondary: #8b959d;--text-muted: #525c64;--accent: #d8a24a;--good: #46c08a;--warn: #e5b94e;--flat: #4e9be8;--sharp: #e8825a;--surface-pos4: #272d34;--surface-idle: #0f1214;--surface-idle-pos4: #141a20;--font-ui: "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}[hidden][hidden]{display:none}html,body{height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--text-primary);font-family:var(--font-ui);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;overscroll-behavior:none}button{padding:0;border:0;background:none;color:inherit;font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#stage{position:fixed;top:env(safe-area-inset-top,0px);left:env(safe-area-inset-left,0px);width:calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow:hidden}@supports (height: 100svh){#stage{height:calc(100svh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}}.app{position:absolute;display:flex;width:844px;height:390px;overflow:hidden;background:var(--bg);transform:scale(var(--scale, 1));transform-origin:top left}.zone,.center,.bar,.cap{position:absolute;display:block}.zone{background:#46c08a2e}.center{background:#ffffff3d}.bar{opacity:.42;background:var(--q)}.cap{background:var(--q)}.meter .zone,.meter .center,.meter .bar,.meter .cap{left:0;right:0}.meter .center{height:1px}.meter .cap{height:3px;border-radius:1.5px}.live-meter .zone,.live-meter .center,.live-meter .bar,.live-meter .cap{top:0;bottom:0}.live-meter .center{width:2px}.live-meter .cap{width:4px;border-radius:2px}.piano-column .zone,.piano-column .center,.piano-column .bar,.piano-column .cap{right:0;left:0}.piano-column .center{height:1px}.piano-column .cap{height:3px;border-radius:1.5px}.piano-bias-meter .zone,.piano-bias-meter .center,.piano-bias-meter .bar,.piano-bias-meter .cap{top:0;bottom:0}.piano-bias-meter .center{left:50%;width:1px;transform:translate(-50%)}.piano-bias-meter .cap{width:3px;border-radius:1.5px;transform:translate(-50%)}[data-q=good]{--q: var(--good)}[data-q=warn]{--q: var(--warn)}[data-q=flat]{--q: var(--flat)}[data-q=sharp]{--q: var(--sharp)}.rail{display:flex;flex-direction:column;flex:0 0 104px;align-items:center;justify-content:space-between;padding:14px 10px;border-right:1px solid var(--line);background:var(--surface)}.pitch-control{display:flex;flex-direction:column;gap:6px;align-items:center;align-self:stretch}.adjust{display:flex;align-items:center;justify-content:center;align-self:stretch;height:52px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.adjust:active{background:var(--line)}.icon{width:24px;height:24px}.adjust .icon{color:var(--text-primary)}.ref{display:flex;gap:2px;align-items:flex-end;justify-content:center;padding:4px 0;font-family:var(--font-mono);line-height:1}.ref-label{font-size:11px;color:var(--text-muted)}.ref-value{font-size:24px;font-weight:700;letter-spacing:-.5px;color:var(--accent)}.ref-unit{font-size:10px;color:var(--text-muted)}.tuner{display:flex;flex-direction:column;gap:6px;align-items:center;align-self:stretch;font-family:var(--font-mono)}.tuner-note{font-size:20px;font-weight:700;letter-spacing:-.5px;line-height:1;color:var(--text-primary)}.live-meter{position:relative;flex:0 0 30px;width:84px;height:30px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.readout{display:flex;flex:0 0 auto;gap:7px;align-items:flex-end}.staff-box{position:relative;flex:0 0 86px;width:84px;height:86px}.staff-hint{position:absolute;top:6px;left:14px;font-size:8px;line-height:1;color:var(--text-muted)}.staff{display:block;overflow:hidden;width:84px;height:86px;color:var(--text-muted)}.staff svg{display:block}.staff .abcjs-clef,.staff .abcjs-note{color:var(--text-primary)}.cents{display:flex;gap:1px;align-items:flex-end;line-height:1}.cents-value{font-size:14px;font-weight:700;color:var(--q, var(--text-muted))}.cents-unit{font-size:9px;color:var(--text-muted)}.tuner[data-active=false] .bar,.tuner[data-active=false] .cap{display:none}.tuner[data-active=false] .cents-value{color:var(--text-muted)}.clear{display:flex;align-items:center;justify-content:center;align-self:stretch;height:52px;border:1px solid #e8825a73;border-radius:12px;background:#e8825a1f;color:var(--sharp)}.clear:active{background:#e8825a33}.board{position:relative;display:flex;flex-direction:column;flex:1 1 auto;gap:3px;padding:10px 16px 5px 14px;min-width:0}.markers{display:flex;flex:0 0 35px;align-items:baseline;padding-right:54px}.piano .markers,.timeline .markers{flex-basis:32px}.instrument{font-size:11px;font-weight:600;line-height:1.1;color:var(--text-secondary)}.row{display:flex;flex:1 1 0;gap:10px;min-height:80px}.row-label{display:flex;flex-direction:column;flex:0 0 44px;gap:4px;justify-content:center}.row-name{font-size:13px;font-weight:600;line-height:1.1;color:var(--text-primary)}.row-open{font-family:var(--font-mono);font-size:10px;line-height:1.1;color:var(--accent)}.row-string{width:32px;border-radius:1px;background:#6b7379}.row-cells{display:flex;flex:1 1 auto;gap:4px;align-items:center;min-width:0}.position-line{--cells-left: 68px;--cells-width: calc(100% - 84px) ;--column-pitch: calc((var(--cells-width) - 60px) / 16 + 4px);position:absolute;top:6px;bottom:6px;left:calc(var(--cells-left) + 7 * var(--column-pitch) - 3px);width:2px;background:#d8a24aa6;pointer-events:none}.cell{display:flex;flex-direction:column;flex:1 1 0;gap:2px;align-items:center;min-width:0;font-family:var(--font-mono)}.meter{position:relative;width:22px;height:54px;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:var(--surface-2)}.meter .zone{top:22.667px;height:8.667px}.meter .center{top:26.5px}.cell-name{font-size:11px;line-height:1.1;color:var(--text-secondary)}.cell-flat{font-size:9px;line-height:1.1;color:var(--text-muted)}.cell[data-open] .cell-name{font-weight:700;color:var(--accent)}.cell[data-pos4] .cell-name{font-weight:700;color:var(--text-primary)}.cell[data-pos4] .meter{background:var(--surface-pos4)}.cell[data-measured=false] .meter{border-color:var(--line-soft);background:var(--surface-idle)}.cell[data-measured=false][data-pos4] .meter{background:var(--surface-idle-pos4)}.cell[data-measured=false] .bar,.cell[data-measured=false] .cap{display:none}.overlay{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;padding:calc(24px + env(safe-area-inset-top,0px)) calc(24px + env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) calc(24px + env(safe-area-inset-left,0px));background:var(--bg);text-align:center}.overlay[hidden]{display:none}.overlay-title{margin:0;font-family:var(--font-mono);font-size:22px;font-weight:700;letter-spacing:-.5px;color:var(--text-primary)}.overlay-body{max-width:30em;margin:0;font-size:13px;line-height:1.7;text-wrap:balance;color:var(--text-secondary)}.overlay-action{padding:13px 30px;border-radius:12px;background:var(--sharp);box-shadow:0 4px 16px -4px #e8825a59;font-size:15px;font-weight:600;color:#2b0f05}.overlay-action:active{filter:brightness(.88)}.debug{position:fixed;top:calc(4px + env(safe-area-inset-top,0px));right:calc(4px + env(safe-area-inset-right,0px));z-index:20;padding:6px 8px;border-radius:6px;background:#000000d9;font-family:var(--font-mono);font-size:9px;line-height:1.5;color:var(--good);white-space:pre;pointer-events:none}.settings-open{--tap: 44px;position:absolute;top:8px;right:14px;display:grid;width:34px;height:34px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text-secondary);place-items:center}.settings-open:before{position:absolute;top:50%;left:50%;width:var(--tap);height:var(--tap);content:"";transform:translate(-50%,-50%)}.settings-open:active{background:var(--line)}.piano-range{margin-left:8px;font-family:var(--font-mono);font-size:10px;line-height:1.1;color:var(--text-muted)}.piano-legend{overflow:hidden;margin-left:auto;font-size:9px;line-height:1.1;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis}.piano-meters{position:relative;display:flex;flex:0 0 231px;justify-content:center;height:231px}.piano-columns,.piano-keys,.piano-octaves,.piano-bias{display:flex;gap:1px;width:100%;height:100%}.piano{gap:6px;padding-bottom:6px}.piano-column{position:relative;flex:1 1 0;height:100%;border-radius:2px;background:var(--surface-2)}.piano-column[data-measured=false]{background:var(--surface-idle)}.piano-column[data-measured=false] .bar,.piano-column[data-measured=false] .cap{display:none}.piano-curve{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.piano-curve polyline{fill:none;stroke:#d8a24acc;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.piano-keyboard{display:flex;flex-direction:column;flex:0 0 39px;gap:3px}.piano-keys{align-items:flex-start;height:26px}.piano-key{display:block;flex:1 1 0;border-radius:0 0 1px 1px;background:var(--text-secondary)}.piano-key[data-black]{background:var(--bg)}.piano-octaves{height:10px}.piano-octave-slot{position:relative;display:block;flex:1 1 0}.piano-octave{position:absolute;top:0;left:50%;font-family:var(--font-mono);font-size:9px;line-height:10px;color:var(--text-muted);white-space:nowrap;transform:translate(-50%)}.piano-octave[data-edge=start]{left:0;transform:none}.piano-octave[data-edge=end]{right:0;left:auto;transform:none}.piano-bias{flex:0 0 54px;align-items:stretch;height:54px}.piano-register{display:flex;flex-direction:column;flex-basis:0;flex-shrink:1;justify-content:center;padding:0 12px;gap:8px;border-radius:8px;background:var(--surface);min-width:0}.piano-register-head{display:flex;align-items:baseline;gap:6px}.piano-register-name{font-size:11px;font-weight:600;color:var(--text-secondary)}.piano-register-range,.piano-register-caption{font-family:var(--font-mono);font-size:9px;color:var(--text-muted)}.piano-register-caption{margin-left:auto;font-family:var(--font-ui)}.piano-register-row{display:flex;align-items:center;gap:8px}.piano-bias-value{flex:0 0 auto;min-width:62px;font-family:var(--font-mono);font-size:18px;font-weight:600;color:var(--q, var(--text-muted))}.piano-bias-meter{position:relative;flex:1 1 auto;height:8px;border-radius:4px;background:var(--surface-2);min-width:0}.timeline{gap:6px;padding-bottom:4px}.tl-window{margin-left:8px;font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.tl-plot-frame{position:relative;flex:1 1 auto;min-height:0}.tl-plot-box{overflow:auto;height:100%;border-radius:8px;background:var(--surface);scrollbar-width:none;overscroll-behavior:contain}.tl-plot-box::-webkit-scrollbar{display:none}.tl-plot{display:block;width:100%}.tl-level{display:block;width:100%;height:100%}.tl-time span{padding:0 3px;border-radius:3px;background:var(--surface)}.tl-time{position:absolute;right:6px;bottom:4px;left:6px;display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:9px;color:var(--text-muted);pointer-events:none}.tl-edge{position:absolute;display:flex;align-items:center;padding:2px 7px;gap:3px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);font-family:var(--font-mono);font-size:9px;color:var(--text-secondary)}.tl-edge[data-side=up],.tl-edge[data-side=down]{left:50%;transform:translate(-50%)}.tl-edge[data-side=up]{top:4px}.tl-edge[data-side=down]{bottom:16px}.tl-edge[data-side=left],.tl-edge[data-side=right]{top:50%;transform:translateY(-50%)}.tl-edge[data-side=left]{left:4px}.tl-edge[data-side=right]{right:4px}.tl-edge-icon{display:block;width:10px;height:10px;fill:none;stroke:currentcolor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.tl-line{stroke:var(--line-soft);stroke-width:1}.tl-line-c,.tl-tick{stroke:var(--line);stroke-width:1}.tl-grid-labels text,.tl-time-label{font-family:var(--font-mono);font-size:9px;fill:var(--text-muted)}.tl-regions rect{fill:color-mix(in srgb,var(--q) 8%,transparent);stroke:color-mix(in srgb,var(--q) 55%,transparent);stroke-width:1}.tl-region-name{font-family:var(--font-mono);font-size:9px;fill:var(--q)}.tl-contour{fill:none;stroke:var(--text-primary);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.tl-now{fill:var(--accent)}.tl-level-box{overflow:hidden;flex:0 0 38px;border-radius:8px;background:var(--surface)}.tl-levels{stroke:var(--text-muted);stroke-width:4;stroke-linecap:butt}.tl-levels[data-q]{stroke:var(--q)}.tl-stats{display:flex;flex:0 0 48px;gap:12px}.tl-stat{display:flex;flex:1 1 0;align-items:center;padding:0 12px;gap:10px;border-radius:8px;background:var(--surface)}.tl-readout{display:flex;flex-direction:column;gap:2px}.tl-stat-label{font-size:10px;font-weight:600;line-height:1.1;color:var(--text-secondary);white-space:nowrap}.tl-stat-row{display:flex;align-items:baseline;gap:2px}.tl-stat-value{font-family:var(--font-mono);font-size:20px;font-weight:600;line-height:1;color:var(--text-primary)}.tl-stat-unit{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.tl-viz{display:flex;flex:1 1 auto;align-items:center;min-width:0}.tl-depth{overflow:hidden;width:100%;height:6px;border-radius:3px;background:var(--surface-2)}.tl-depth-fill{display:block;height:100%;border-radius:3px;background:var(--accent)}.tl-wave-box{width:100%;height:20px}.tl-wave{fill:none;stroke:var(--accent);stroke-width:1.5}.tl-segments{display:flex;gap:2px;width:100%}.tl-segment{display:block;flex:1 1 0;height:6px;border-radius:2px;background:var(--surface-2)}.tl-segment[data-on]{background:var(--good)}.settings{position:absolute;z-index:2;display:flex;flex-direction:column;inset:0;background:var(--bg)}.set-header{display:flex;flex:0 0 52px;align-items:center;justify-content:space-between;padding:0 16px 0 20px}.set-title-group{display:flex;align-items:center;gap:12px}.set-title{margin:0;font-size:19px;font-weight:700;letter-spacing:-.3px}.set-title-divider{display:block;width:1px;height:18px;background:var(--line)}.set-app{display:flex;align-items:center;gap:7px}.set-app-name{font-size:13px;font-weight:600;letter-spacing:-.1px;color:var(--text-secondary)}.set-app-version{font-family:var(--font-mono);font-size:11.5px;color:var(--text-muted)}.set-close{display:grid;width:28px;height:28px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text-secondary);place-items:center}.set-body{display:flex;flex:1 1 auto;gap:20px;padding:0 20px 20px;min-height:0}.set-card{border:1px solid var(--line);border-radius:14px;background:var(--surface)}.set-views{display:flex;flex-direction:column;flex:0 1 500px;padding:12px;gap:8px;min-width:0}.set-list{display:flex;flex-direction:column;flex:1 1 auto;justify-content:space-between;padding:7px 10px}.set-row{display:flex;flex:0 0 40px;align-items:center;padding:0 10px;gap:10px;border:1px solid transparent;border-radius:10px;text-align:left}.set-row[data-selected]{border-color:#d8a24a59;background:var(--surface-2)}.set-mark{display:block;flex:0 0 18px;height:18px;border:1px solid var(--line);border-radius:9px}.set-row[data-selected] .set-mark{display:grid;border-color:var(--accent);background:#d8a24a26;place-items:center}.set-row[data-selected] .set-mark:after{display:block;width:7px;height:7px;border-radius:50%;background:var(--accent);content:""}.set-name{display:flex;flex-direction:column;flex:1 1 auto;gap:3px;min-width:0}.set-name-primary{font-size:14px;font-weight:700;letter-spacing:-.2px;color:var(--text-primary)}.set-name-aliases{overflow:hidden;font-size:9.5px;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis}.set-divider{display:block;height:1px;background:var(--line-soft)}.set-column{display:flex;flex-direction:column;flex:1 1 284px;justify-content:space-between;min-width:0}.set-language{display:flex;flex:0 0 56px;align-items:center;padding:0 14px;gap:12px}.set-section-label{font-size:12px;font-weight:700;color:var(--text-secondary)}.set-segmented{display:flex;flex:1 1 auto;padding:3px;gap:3px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.set-lang{flex:1 1 0;height:28px;border:1px solid transparent;border-radius:8px;font-size:12.5px;color:var(--text-muted)}.set-lang[data-selected]{border-color:#d8a24a59;background:var(--surface-2);color:var(--text-primary)}.set-url{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;padding:12px 14px;gap:10px;min-height:0}.set-qr{display:block;flex:0 1 auto;width:200px;max-width:100%;aspect-ratio:1;overflow:hidden;border-radius:16px;background:#edf0f2}.set-qr svg{display:block;width:100%;height:100%}.set-qr path{fill:#0c0e10}.set-url-name{overflow:hidden;font-family:var(--font-mono);font-size:14px;font-weight:700;letter-spacing:-.2px;text-overflow:ellipsis}