@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}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;left:0;right:0;display:block}.zone{background:#46c08a2e}.center{height:1px;background:#ffffff3d}.bar{opacity:.42;background:var(--q)}.cap{height:3px;border-radius:1.5px;background:var(--q)}[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)}.adjust .icon{width:24px;height:24px;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:26px;font-weight:700;letter-spacing:-.5px;line-height:1;color:var(--text-primary)}.live-meter{position:relative;width:30px;height:64px;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.live-meter .zone{top:27px;height:10px}.live-meter .center{top:31.5px}.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)}.stop{display:flex;align-items:center;justify-content:center;align-self:stretch;height:52px;border-radius:12px;background:var(--sharp)}.stop[data-measuring=true]{box-shadow:0 4px 16px -4px #e8825a59}.stop:active{filter:brightness(.88)}.stop-glyph{width:18px;height:18px;border-radius:4px;background:#2b0f05}.stop[data-measuring=false] .stop-glyph{border-radius:2px;clip-path:polygon(6% 0%,100% 50%,6% 100%)}.board{position:relative;display:flex;flex-direction:column;flex:1 1 auto;gap:6px;padding:10px 16px 12px 14px;min-width:0}.markers{flex:0 0 13px}.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}
