:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--bg:#11100e;--panel:#1a1916;--panel-raised:#201f1b;--line:#39362f;--line-soft:#2a2823;--text:#f4f0e7;--muted:#aaa397;--dim:#716c63;--brass:#d8b66a;--brass-bright:#f0cf81;--good:#83d49b;--warning:#e2b85f;--danger:#e47c6f;--radius:1.5rem;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#ece8de;--panel:#f8f4ea;--panel-raised:#e7e0d1;--line:#b8ae9d;--line-soft:#d4cbbb;--text:#211f1a;--muted:#625d53;--dim:#81796d;--brass:#8a641d;--brass-bright:#a87922}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#ece8de;--panel:#f8f4ea;--panel-raised:#e7e0d1;--line:#b8ae9d;--line-soft:#d4cbbb;--text:#211f1a;--muted:#625d53;--dim:#81796d;--brass:#8a641d;--brass-bright:#a87922}}*{box-sizing:border-box}html{background:var(--bg)}body{min-width:320px;min-height:100dvh;color:var(--text);background:radial-gradient(circle at 85% 15%, #d8b66a14, transparent 28rem), linear-gradient(135deg, #ffffff05 1px, transparent 1px), var(--bg);background-size:auto,2rem 2rem,auto;margin:0}button,a{font:inherit}button{min-height:44px}button:focus-visible,a:focus-visible{outline:3px solid var(--brass-bright);outline-offset:4px}[hidden]{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{width:min(100% - 2rem,1180px);min-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) 0 max(1rem, env(safe-area-inset-bottom));grid-template-rows:auto 1fr auto;margin:0 auto;display:grid}.app-header,footer,.tuner-toolbar,.meter-heading,.strings-heading,.history-heading{justify-content:space-between;align-items:center;display:flex}.app-header{padding:.75rem 0 1.5rem}.brand{color:inherit;align-items:center;gap:.8rem;text-decoration:none;display:flex}.brand-mark{border:1px solid var(--brass);border-radius:50%;place-items:center;width:2.8rem;height:2.8rem;display:grid}.brand-mark svg{width:2.1rem;height:2.1rem;fill:var(--brass-bright)}.brand-mark circle{fill:var(--surface)}.eyebrow{color:var(--brass);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .25rem;font:700 .68rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.brand-name{letter-spacing:-.02em;font-size:.95rem;font-weight:700;display:block}.privacy-badge,.signal-status{color:var(--muted);align-items:center;gap:.55rem;font-size:.78rem;display:flex}.privacy-badge>span,.signal-dot{background:var(--good);border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 .8rem #83d49b80}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg, #ffffff05, transparent 40%), var(--panel);box-shadow:0 2rem 5rem #0000002e}.welcome-panel{align-content:center;min-height:min(68dvh,650px);padding:clamp(2rem,8vw,6rem);display:grid;position:relative;overflow:hidden}.welcome-panel:after{content:"";pointer-events:none;border:1px solid #d8b66a40;border-radius:50%;width:30rem;height:30rem;position:absolute;bottom:-14rem;right:-8rem;box-shadow:inset 0 0 0 3rem #d8b66a05,inset 0 0 0 7rem #d8b66a05}h1{letter-spacing:-.065em;max-width:14ch;margin:.7rem 0 1.4rem;font:600 clamp(2.9rem,8vw,6.8rem)/.9 Georgia,Times New Roman,serif}h1 em{color:var(--brass-bright);font-weight:400}.welcome-copy{max-width:42rem;color:var(--muted);margin:0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.7}.welcome-actions{align-items:center;gap:1.5rem;margin-top:2.5rem;display:flex}.primary-button,.quiet-button,.mode-button,.icon-button{cursor:pointer;border:0;border-radius:999px}.icon-button{border:1px solid var(--line);color:var(--muted);background:var(--panel);padding:.65rem 1rem}.primary-button{color:#17140d;background:var(--brass-bright);justify-content:space-between;align-items:center;gap:2rem;min-width:13.5rem;padding:.95rem 1.25rem;font-weight:800;display:flex}.primary-button:hover:not(:disabled){background:#ffe19b;transform:translateY(-1px)}.primary-button.compact{justify-content:center;gap:0;min-width:7rem}button:disabled{cursor:wait;opacity:.55}.welcome-status{max-width:25rem;color:var(--muted);margin:0;font-size:.82rem;line-height:1.5}.tuner-layout{gap:1rem;display:grid}.tuner-toolbar{min-height:3rem;padding:0 .3rem}.quiet-button,.mode-button{border:1px solid var(--line);color:var(--text);background:0 0;padding:.65rem 1rem}.quiet-button:hover,.mode-button:hover,.mode-button.is-active{border-color:var(--brass);color:var(--brass-bright);background:#d8b66a14}.instrument-grid{grid-template-columns:minmax(0,1.65fr) minmax(16rem,.75fr);gap:1rem;display:grid}.meter-panel,.strings-panel{padding:clamp(1.25rem,3vw,2.25rem)}.direction-label{border:1px solid var(--line);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.45rem .8rem;font:700 .72rem/1 ui-monospace,monospace}.meter-panel[data-tuning-state=in-tune] .direction-label{border-color:var(--good);color:var(--good)}.meter-panel[data-tuning-state=flat] .direction-label,.meter-panel[data-tuning-state=sharp] .direction-label{border-color:var(--warning);color:var(--warning)}.note-stats{align-items:flex-end;gap:1rem;min-height:9rem;padding:.5rem 0 1.1rem;display:flex}.note-name{letter-spacing:-.08em;font:500 clamp(5.5rem,17vw,10rem)/.8 Georgia,serif}.pitch-details{color:var(--muted);gap:.35rem;padding-bottom:.2rem;font:.78rem/1.2 ui-monospace,monospace;display:grid}#cents-value{color:var(--text);font-weight:700}.tuning-indicator{--cents:0;border-bottom:1px solid var(--line-soft);height:9rem;margin-top:.5rem;position:relative}.meter-scale{color:var(--dim);justify-content:space-between;font:.68rem/1 ui-monospace,monospace;display:flex}.meter-track{border-top:1px solid var(--line);background:repeating-linear-gradient(90deg, var(--line) 0 1px, transparent 1px 5%);height:2.2rem;position:absolute;top:3.2rem;left:0;right:0}.meter-center{background:var(--brass-bright);width:2px;height:3rem;position:absolute;top:-.45rem;left:50%}.meter-needle{left:calc(50% + clamp(-50, var(--cents), 50) * 0.94%);background:var(--warning);border-radius:2px;width:2px;height:4.5rem;transition:left .1s linear,background-color .15s;position:absolute;top:2.4rem;transform:translate(-50%);box-shadow:0 0 1rem #e2b85f73}.meter-panel[data-tuning-state=in-tune] .meter-needle{background:var(--good);box-shadow:0 0 1.2rem #83d49b8c}.history-heading{color:var(--dim);letter-spacing:.06em;text-transform:uppercase;margin:1.2rem 0 .5rem;font:.65rem/1 ui-monospace,monospace}.tuning-chart{width:100%;height:6rem}.tuning-chart canvas{width:100%;height:100%;display:block}.strings-heading h2{margin:.1rem 0 0;font:500 1.75rem/1 Georgia,serif}.mode-button{min-width:4.5rem;font-size:.75rem}.string-selector{grid-template-columns:repeat(6,1fr);gap:.4rem;margin-top:2.2rem;display:grid}.string-selector button{border:1px solid var(--line-soft);min-width:0;min-height:16rem;color:var(--muted);background:linear-gradient(90deg, transparent 48%, var(--line) 48% 52%, transparent 52%);cursor:pointer;border-radius:999px;place-items:center;gap:.45rem;padding:.8rem .2rem;display:grid}.string-selector button span,.string-selector button small{font:.6rem/1 ui-monospace,monospace}.string-selector button strong{width:2rem;height:2rem;color:var(--text);background:var(--panel-raised);border-radius:50%;place-items:center;font:500 1.1rem/1 Georgia,serif;display:grid}.string-selector button.is-active{border-color:var(--string-color,var(--brass));color:var(--string-color,var(--brass-bright));background:linear-gradient(90deg, transparent 48%, var(--string-color,var(--brass)) 48% 52%, transparent 52%);box-shadow:0 0 1rem #d8b66a1f}.string-selector button.is-selected strong{outline:2px solid var(--brass-bright);outline-offset:3px}.selector-help{color:var(--dim);margin:1.5rem 0 0;font-size:.74rem;line-height:1.55}footer{color:var(--dim);letter-spacing:.05em;text-transform:uppercase;padding:1.25rem .2rem 0;font:.65rem/1 ui-monospace,monospace}.settings-dialog{border:1px solid var(--line);border-radius:var(--radius);width:min(100% - 1rem,42rem);max-height:calc(100dvh - 2rem);color:var(--text);background:var(--panel);padding:0;box-shadow:0 2rem 6rem #00000073}.settings-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000a6}.settings-card{padding:clamp(1.2rem,4vw,2rem)}.settings-header,.settings-actions{justify-content:space-between;align-items:center;gap:1rem;display:flex}.settings-header h2{margin:0;font:500 2rem/1 Georgia,serif}.settings-grid{grid-template-columns:1fr 1fr;gap:1.2rem;margin:2rem 0;display:grid}.settings-grid label{color:var(--muted);letter-spacing:.04em;gap:.55rem;font-size:.75rem;font-weight:700;display:grid}.settings-grid select,.settings-grid input{width:100%;min-height:44px}.settings-grid select{border:1px solid var(--line);color:var(--text);background:var(--panel-raised);border-radius:.65rem;padding:.65rem .75rem}.settings-grid output{color:var(--brass-bright);font:.72rem/1 ui-monospace,monospace}.settings-section{border:1px solid var(--line);border-radius:1rem;margin:1.25rem 0;padding:1rem}.settings-section legend{padding:0 .4rem;font-weight:800}.settings-section>p,.settings-help,.field-error{color:var(--dim);font-size:.72rem;line-height:1.5}.custom-note-grid{grid-template-columns:repeat(6,1fr);gap:.5rem;display:grid}.custom-note-grid label,.reference-tone-controls label{color:var(--muted);gap:.35rem;font-size:.7rem;display:grid}.custom-note-grid select,.reference-tone-controls select{border:1px solid var(--line);min-height:44px;color:var(--text);background:var(--panel-raised);border-radius:.6rem;padding:.5rem}.field-error:not(:empty){color:var(--danger)}.reference-tone-controls{grid-template-columns:1fr 1.5fr auto;align-items:end;gap:1rem;display:grid}body[data-app-state=no-signal] .signal-dot{background:var(--dim);box-shadow:none}body[data-app-state=unclear-signal] .signal-dot{background:var(--warning);box-shadow:0 0 .8rem #e2b85f73}@media (width<=780px){.app-shell{width:min(100% - 1rem,44rem)}.privacy-badge{display:none}.welcome-actions{flex-direction:column;align-items:stretch}.primary-button{width:100%}.instrument-grid{grid-template-columns:1fr}.strings-panel{order:-1}.string-selector button{min-height:8.5rem}.selector-help{display:none}}@media (width<=560px){.settings-grid{grid-template-columns:1fr}.custom-note-grid{grid-template-columns:repeat(3,1fr)}.reference-tone-controls{grid-template-columns:1fr}}@media (width<=480px){.app-header{padding-bottom:1rem}.welcome-panel,.meter-panel,.strings-panel{padding:1.15rem}.welcome-panel{min-height:72dvh}.tuner-toolbar{min-height:2.5rem;padding:0 .2rem}.signal-status{font-size:.7rem}.note-stats{min-height:5.5rem;padding-bottom:.6rem}.note-name{font-size:clamp(5rem,31vw,7rem)}.pitch-details{font-size:.68rem}.tuning-indicator{height:6.5rem;margin-top:0}.meter-track{top:2.6rem}.meter-needle{height:3.5rem;top:1.8rem}.history-heading{margin-top:.8rem}.tuning-chart{height:4.5rem}.strings-heading .eyebrow{display:none}.strings-heading h2{font-size:1.35rem}.string-selector{gap:.2rem;margin-top:.75rem}.string-selector button{min-height:5rem;padding:.45rem .1rem}.string-selector button small,footer span:first-child{display:none}}@media (height<=620px) and (orientation:landscape){.app-header,footer,.history-heading,.tuning-chart,.selector-help{display:none}.app-shell{padding-block:.5rem}.instrument-grid{grid-template-columns:1.5fr .8fr}.note-stats{min-height:6rem}.note-name{font-size:5.5rem}.tuning-indicator{height:6rem}.string-selector button{min-height:7.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important}}@media (forced-colors:active){.panel,.primary-button,.quiet-button,.mode-button,.string-selector button{border:1px solid canvastext}.signal-dot,.meter-needle,.meter-center{background:canvastext}}