:root{font-family:Arial,Helvetica,sans-serif;color:#182b35;background:#f3f5f5;font-synthesis:none;--ink:#182b35;--lime:#d7ef80;--green:#126d50}*{box-sizing:border-box}body{margin:0}button,select,a{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #177ca7;outline-offset:4px}.app-shell{max-width:1160px;margin:auto;padding:0 42px}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d3dbdf}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:23px;font-weight:900;letter-spacing:2px}.brand small{display:block;font-size:10px;letter-spacing:5px;margin-top:4px}.brand-mark{background:var(--ink);color:white;width:43px;height:48px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:34px;position:relative}.brand-mark span{position:absolute;font-size:10px;color:var(--lime);right:5px;bottom:3px}.header-right{display:flex;gap:18px;align-items:center}.header-right a{color:var(--ink);font-size:14px}.edition,.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:800}.intro{display:flex;justify-content:space-between;align-items:center;padding:35px 0 29px}.intro .eyebrow{margin:0 0 9px;color:#52666c}h1{font-size:44px;letter-spacing:-1.9px;margin:0}.intro>p{font-size:16px;line-height:1.6;color:#53666e}.instruments{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:7px;background:#e4e9eb;border-radius:17px 17px 0 0}.instruments button{border:0;border-radius:10px;background:transparent;color:#52656c;font-weight:700;font-size:16px;min-height:54px}.instruments button[aria-pressed=true]{background:var(--ink);color:white;box-shadow:0 3px 6px #182b3520}.workspace{display:grid;grid-template-columns:320px 1fr;background:white;border:1px solid #dce2e4;border-top:0;border-radius:0 0 20px 20px;overflow:hidden}aside{padding:29px;border-right:1px solid #e2e8ea}aside>.eyebrow{color:#546770;display:block;margin-bottom:11px}select{width:100%;background:#f3f5f5;border:1px solid #d4dcdf;border-radius:9px;padding:13px 9px;color:var(--ink);font-size:16px}.string-heading{display:flex;align-items:center;justify-content:space-between;margin:25px 0 14px}.string-heading h2{font-size:17px;margin:0}.string-heading span{font-size:13px;color:#65787f}.strings{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.string{min-height:76px;border:1px solid #dae2e4;background:white;border-radius:12px;color:var(--ink)}.string[aria-pressed=true]{background:var(--lime);border-color:#8ea44b;box-shadow:0 0 0 1px #8ea44b}.string small{display:block;font-size:12px;color:#52616a;margin-bottom:3px}.string strong{font-size:25px}.string sub{font-size:12px;margin-left:2px}.string-tip,.reference-tip{font-size:13px;line-height:1.5;color:#62747b}.string-tip{margin:15px 0 24px}.reference{border:1px solid #c7d1d5;border-radius:9px;background:white;width:100%;padding:14px;font-weight:700}.reference-tip{text-align:center;margin-bottom:0}.tuning-panel{text-align:center;padding:25px 38px 19px;--signal:#182b35}.panel-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;letter-spacing:1.3px;color:#5b6d76}#mic-state{background:#eef2f3;border-radius:20px;padding:7px 11px;letter-spacing:.7px}.note-display{margin-top:12px;font-weight:800;line-height:1.05;letter-spacing:-6px}#target-note{font-size:110px}#target-octave{font-size:23px;letter-spacing:0;color:#63777f;margin-left:8px}.target-frequency{font-size:13px;color:#586d76;margin:5px 0 17px}.guidance{font-weight:800;font-size:26px;letter-spacing:-.6px;color:var(--signal)}.hint{font-size:14px;color:#566b74;min-height:36px;max-width:420px;margin:9px auto 13px;line-height:1.4}.meter{position:relative;height:46px;margin:0 8px}.ticks{position:absolute;inset:13px 0 9px;background:repeating-linear-gradient(90deg,#c4cfd2 0 2px,transparent 2px calc(10% - .2px))}.center-zone{position:absolute;left:45%;width:10%;inset-block:0;background:#e4f1c5;border-radius:7px}.center-tick{position:absolute;width:2px;background:#5e8035;left:50%;top:8px;bottom:5px}.needle{position:absolute;left:50%;width:5px;background:var(--signal);height:46px;border-radius:3px;transform:translateX(-50%);z-index:1;opacity:0;transition:left .15s ease}.meter-labels{display:flex;justify-content:space-between;font-size:12px;color:#526870;margin:9px 0 22px}.meter-labels span:nth-child(2){color:#467022}.readings{display:flex;justify-content:center;gap:22px;font-size:12px;color:#64777e;margin-bottom:23px}.readings strong{font-size:15px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.start{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:11px;background:var(--ink);color:white;padding:17px 22px;font-size:17px;font-weight:700}.start span{color:var(--lime)}button:disabled{cursor:wait;opacity:.7}.privacy{font-size:12px;color:#65757e;margin:13px 0 0}.error{font-size:14px;color:#a1382a;line-height:1.5}.help{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:16px;align-items:center;padding:19px 6px}.help-number{font-size:12px;border:1px solid #cbd5da;border-radius:50%;padding:9px;font-weight:700}.help p{font-size:14px;color:#586d75;line-height:1.6}.help strong{color:var(--ink);display:block}details{font-size:14px;color:#536b75;line-height:1.7;margin-bottom:30px}summary{cursor:pointer;width:fit-content;color:#263d47}footer{border-top:1px solid #d3dbdf;padding:23px 0;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;color:#5c737c}footer span:first-child{font-weight:800}footer span:nth-child(2){letter-spacing:0}.tuning-panel[data-status=tuned]{--signal:#126d50;background:#fbfff7}.tuning-panel[data-status=far]{--signal:#97500d}@media(max-width:740px){.app-shell{padding:0 18px}header{height:83px}.brand{font-size:19px}.edition{font-size:10px}.intro{padding:24px 0 20px}.intro>p{display:none}h1{font-size:35px}.instruments{gap:2px;padding:5px}.instruments button{font-size:14px;min-height:49px}.workspace{grid-template-columns:1fr}aside{padding:19px;border-right:0;border-bottom:1px solid #e2e8ea}aside>.eyebrow{display:none}select{padding:11px}.string-heading{margin:17px 0 10px}.strings{grid-template-columns:repeat(6,1fr);gap:6px}.string{min-height:65px;border-radius:9px}.string strong{font-size:21px}.string-tip{display:none}.reference{padding:11px;margin-top:14px}.reference-tip{display:none}.tuning-panel{padding:19px 22px 17px}.note-display{margin-top:8px}#target-note{font-size:84px}.target-frequency{margin-bottom:12px}.guidance{font-size:24px}.hint{margin-bottom:8px}.readings{margin-bottom:17px;gap:15px}.help{grid-template-columns:auto 1fr;gap:0 12px;padding:14px 0}.help p{margin:8px 0}.help strong{display:inline}footer{font-size:10px}footer span:nth-child(2){display:none}.header-right{gap:5px;flex-direction:column}.header-right a{font-size:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:360px){.app-shell{padding:0 10px}.string strong{font-size:18px}.tuning-panel{padding-inline:15px}.readings{gap:10px}}