:root{color-scheme:dark;--bg: #0b0e14;--fg: #cdd6e4;--fg-strong: #eaf2ff;--panel-bg: rgba(14, 18, 28, .88);--panel-border: rgba(140, 160, 200, .14);--seg-bg: rgba(70, 85, 115, .25);--seg-border: rgba(140, 160, 200, .18);--seg-hover-bg: rgba(90, 110, 150, .35);--seg-on-bg: rgba(255, 170, 70, .22);--seg-on-border: rgba(255, 190, 110, .45);--accent-bg: rgba(255, 170, 70, .22);--accent-border: rgba(255, 190, 110, .45);--card-bg: #131826;--overlay-bg: rgba(5, 8, 14, .72);--kbd-bg: rgba(255, 255, 255, .12);--needle: #fff;--range-accent: #e6a25a;--cents-off: #7a4040;--cents-in: #3f6b46;--good: #7fd98a;--warn: #e6c96e;--bad: #ef8367;--label-amber: rgba(207, 162, 104, .8);--wordmark-rule: rgba(230, 176, 106, .6);--sidebar-diamond: rgba(207, 162, 104, .7)}@media (prefers-color-scheme: light){:root{color-scheme:light;--bg: #ece8df;--fg: #3a4150;--fg-strong: #241d12;--panel-bg: rgba(252, 251, 247, .92);--panel-border: rgba(107, 90, 60, .25);--seg-bg: rgba(70, 85, 115, .07);--seg-border: rgba(107, 90, 60, .28);--seg-hover-bg: rgba(70, 85, 115, .14);--seg-on-bg: rgba(210, 130, 30, .18);--seg-on-border: rgba(190, 115, 30, .55);--accent-bg: rgba(210, 130, 30, .18);--accent-border: rgba(190, 115, 30, .55);--card-bg: #fbfaf6;--overlay-bg: rgba(64, 61, 54, .45);--kbd-bg: rgba(0, 0, 0, .08);--needle: #1c222e;--range-accent: #b0762a;--cents-off: #d9a3a3;--cents-in: #96c49f;--good: #2c8a44;--warn: #9c7a14;--bad: #c2502e;--label-amber: #8a6a3a;--wordmark-rule: rgba(138, 106, 58, .7);--sidebar-diamond: #8a6a3a}}*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;background:var(--bg);font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--fg);user-select:none}#c{position:fixed;inset:0;display:block;touch-action:none}#ui,#hud{pointer-events:none}.panel{position:fixed;pointer-events:auto;background:var(--panel-bg);backdrop-filter:blur(8px);border:1px solid var(--panel-border);border-radius:10px;padding:10px 12px}.wordmark{position:fixed;top:12px;left:12px;padding:8px 10px;font-family:Spectral,serif;font-weight:500;font-size:30px;line-height:1;color:var(--fg-strong);pointer-events:none;z-index:4}.wordmark-rule{width:120px;height:1px;background:linear-gradient(90deg,var(--wordmark-rule),transparent);margin-top:8px}.top-left{top:72px;left:12px}.seg.menu-btn{position:fixed;top:12px;right:12px;z-index:6;min-width:40px;min-height:40px;padding:7px 12px;font-size:15px;line-height:1.2;border-radius:10px;background:var(--panel-bg);border-color:var(--panel-border);backdrop-filter:blur(8px)}.seg.menu-btn:hover{background:var(--panel-bg);border-color:var(--seg-on-border)}.panel.sidebar{top:0;right:0;bottom:0;z-index:8;width:280px;max-width:82vw;border-radius:10px 0 0 10px;display:flex;flex-direction:column;gap:6px;padding:18px 16px 14px;overflow-y:auto}.panel.sidebar.hidden{display:none}.menu-scrim{position:fixed;inset:0;pointer-events:auto;background:var(--overlay-bg);z-index:7}.menu-scrim.hidden{display:none}.sidebar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.sidebar-brand{font-family:Spectral,serif;font-weight:500;font-size:24px;line-height:1}.sidebar-divider{display:flex;align-items:center;gap:6px;margin:4px 2px;pointer-events:none}.sidebar-divider:before,.sidebar-divider:after{content:"";flex:1;height:1px;background:var(--panel-border)}.sidebar-diamond{width:4px;height:4px;transform:rotate(45deg);background:var(--sidebar-diamond);flex:none}.menu-section-label{font-size:8.5px;letter-spacing:2.2px;text-transform:uppercase;color:var(--label-amber);margin:6px 2px 2px}.sidebar-spacer{flex:1}.attribution{font-family:Spectral,serif;font-style:italic;font-size:14.5px;color:var(--fg);padding:0 2px}.gh-link{display:flex;align-items:center;gap:8px;margin-top:8px;padding:0 2px;color:var(--fg);opacity:.75;text-decoration:none;font-size:12.5px;pointer-events:auto}.gh-link:hover{opacity:1}.gh-link .ext{opacity:.6;font-size:11px}.menu-item{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;text-align:left;padding:9px 12px}.menu-label{display:inline-flex;align-items:center;gap:9px}.menu-item.toggle .checkbox{flex:none;display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border:1.5px solid var(--seg-border);border-radius:5px;font-size:12px;line-height:1;color:transparent}.menu-item.toggle.on .checkbox{background:var(--seg-on-bg);border-color:var(--seg-on-border);color:var(--fg-strong)}.menu-item.select-row{cursor:default}.menu-item.select-row:hover{background:var(--seg-bg)}.menu-item.select-row label{cursor:default}.scale-sel{background:var(--seg-bg);color:var(--fg);border:1px solid var(--seg-border);border-radius:6px;padding:4px 6px;font:inherit;font-size:13px;cursor:pointer}.menu-item.disabled{opacity:.4;pointer-events:none}.menu-link{text-decoration:none;color:var(--fg)}.menu-link .ext{opacity:.55;font-size:12px}.gh-icon{flex:none;opacity:.85}.row{display:flex;gap:6px;align-items:center;margin-top:6px;justify-content:flex-end}.lbl{font-size:9px;letter-spacing:1.8px;text-transform:uppercase;color:var(--label-amber);margin-right:4px}.seg{pointer-events:auto;touch-action:none;background:var(--seg-bg);color:var(--fg);border:1px solid var(--seg-border);border-radius:7px;padding:6px 10px;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s}.seg:hover{background:var(--seg-hover-bg)}.seg.on{background:var(--seg-on-bg);border-color:var(--seg-on-border);color:var(--fg-strong)}.seg.accent{background:var(--accent-bg);border-color:var(--accent-border)}.seg.str sub{font-size:9px;opacity:.7}.pos-note{font-size:12px;opacity:.8;min-height:16px;margin-top:4px;font-variant-numeric:tabular-nums}.tuner{top:56px;right:12px;text-align:center;width:188px}.tuner .note{font-family:Spectral,serif;font-weight:500;font-size:28px;line-height:1.05}.cents-bar{position:relative;height:6px;margin:6px 0 4px;background:linear-gradient(90deg,var(--cents-off),var(--cents-in) 45%,var(--cents-in) 55%,var(--cents-off));border-radius:3px}.cents-bar .needle{position:absolute;top:-3px;width:2px;height:12px;background:var(--needle);transition:left .08s linear}.tuner-row{display:flex;justify-content:space-between;gap:10px;font-size:11px;opacity:.85;font-variant-numeric:tabular-nums;min-height:15px;white-space:nowrap}.tuner-row .cents{min-width:32px;text-align:left}.tuner-row .freq{flex:1;text-align:center}.tuner-row .slip{min-width:54px;text-align:right}.slip{font-family:Spectral,serif;font-style:italic}.slip.good{color:var(--good)}.slip.warn{color:var(--warn)}.slip.bad{color:var(--bad)}.right-station{position:fixed;bottom:12px;right:12px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.right-station .panel{position:static}.tools-panel .row{margin-top:0}.tools-panel .seg.tool{width:76px}.pressure-panel label{font-size:11px;display:flex;align-items:center;justify-content:flex-end;gap:6px;opacity:.9;white-space:nowrap}.pressure-panel label+label{margin-top:6px}.pressure-panel label.disabled{opacity:.4}.pressure-panel label.disabled input[type=range]{cursor:not-allowed}.pressure-panel input[type=range]{width:110px;accent-color:var(--range-accent)}.sound-hint{position:fixed;left:50%;bottom:17%;transform:translate(-50%);pointer-events:auto;cursor:pointer;background:var(--panel-bg);backdrop-filter:blur(8px);border:1px solid var(--seg-on-border);border-radius:999px;padding:12px 20px;font:inherit;font-size:16px;color:var(--fg);white-space:nowrap;box-shadow:0 2px 10px #0000002e;animation:sound-hint-pulse 1.8s ease-in-out infinite;transition:opacity .35s;z-index:5}.sound-hint:hover{border-color:var(--fg)}@keyframes sound-hint-pulse{0%,to{box-shadow:0 2px 10px #0000002e}50%{box-shadow:0 2px 18px #00000047}}.sound-hint.off{opacity:0;pointer-events:none;animation:none}@media (prefers-reduced-motion: reduce){.sound-hint{animation:none}}.overlay{position:fixed;inset:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));pointer-events:auto;z-index:10}.overlay.hidden,.panel.hidden{display:none}.overlay .card{display:flex;flex-direction:column;width:100%;max-width:560px;max-height:100%;background:var(--card-bg);border:1px solid var(--panel-border);border-radius:14px;line-height:1.55;font-size:14px;overflow:hidden}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 18px 10px 26px}.card-title{display:flex;flex-direction:column;gap:4px}.card-brand{font-family:Spectral,serif;font-weight:500;font-size:26px;line-height:1;color:var(--fg-strong)}.card-brand .wordmark-rule{margin-top:6px}.card h2{font-size:12px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--label-amber)}.close-x{padding:5px 11px;line-height:1}.card-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 26px}.card p{margin-bottom:10px}.card h3{font-size:10px;font-weight:600;letter-spacing:2.2px;text-transform:uppercase;color:var(--label-amber);margin:16px 0 8px}.card h3:first-child{margin-top:2px}.card kbd{background:var(--kbd-bg);border-radius:4px;padding:1px 5px;font-size:12px}.card-foot{display:flex;justify-content:flex-end;padding:10px 26px 16px}.card-foot.about-foot{justify-content:space-between;align-items:center;gap:12px}.about-foot .gh-link{margin-top:0;white-space:nowrap}@media (hover: none) and (pointer: coarse){.desktop-only{display:none}}@media (max-width: 600px){.panel{padding:7px 8px;border-radius:10px}.seg{padding:8px 9px;font-size:13px;min-height:44px}.wordmark{top:auto;bottom:10px;left:10px;padding:0;font-size:15px;color:var(--fg);opacity:.55}.wordmark-rule{display:none}.top-left{top:8px;left:6px}.top-left .lbl{display:none}.top-left .row{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:5px;margin-top:5px}.top-left .row:first-of-type{margin-top:0}.seg.menu-btn{top:8px;right:6px;min-width:44px;min-height:44px;padding:0;display:flex;align-items:center;justify-content:center}.pos-note{font-size:10px}.tuner{inset:60px 6px auto auto;width:112px;padding:5px 8px;pointer-events:none}.tuner .note{font-size:18px}.tuner .freq{display:none}.tuner .tuner-row{gap:6px}.tuner-row .slip{min-width:46px}.right-station{top:40%;bottom:auto;right:6px;gap:6px}.tools-panel .row.seg-group{flex-direction:column;align-items:stretch;gap:5px}.tools-panel .seg.tool{width:auto;padding:8px 9px;font-size:12px}.pressure-panel{width:112px}.pressure-panel label{flex-direction:column;align-items:stretch;gap:4px}.pressure-panel input[type=range]{width:100%}.hide-narrow{display:none}.overlay .card{font-size:13px;line-height:1.5}.card-head{padding:12px 12px 8px 16px}.card-body{padding:0 16px}.card-foot{padding:10px 16px 12px}.card-foot .seg{width:100%;padding:10px}}