:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#233b34;background:#f7f6f2;font-synthesis:none;--green:#26614c;--muted:#727d76;--line:#e1e5dc}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #97bda4;outline-offset:4px}.site-header,.site-footer{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:32px 36px}.brand{text-decoration:none;font-weight:700;font-size:23px;letter-spacing:-1px;display:flex;align-items:center}.brand-mark{display:inline-flex;background:var(--green);color:#fff;width:34px;height:34px;border-radius:10px;align-items:center;justify-content:center;margin-right:11px;font-size:28px}.brand-dot{color:#679172}.header-link{font-size:13px;text-decoration:none}.header-link span{margin-left:14px}.intro{text-align:center;padding:30px 20px 32px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2.5px;color:var(--green)}h1{font-family:Georgia,"Times New Roman",serif;font-size:60px;line-height:1.12;font-weight:400;letter-spacing:-2px;margin:16px 0}.intro>p:last-child{font-size:15px;color:var(--muted);line-height:1.7}.tuner-card{max-width:680px;background:white;border:1px solid var(--line);border-radius:22px;margin:0 auto;box-shadow:0 10px 35px #283c2908;overflow:hidden}.settings{display:flex;justify-content:space-between;padding:24px 30px;border-bottom:1px solid #edf0e9;gap:20px;background:#fcfdfb}.settings label{font-size:9px;letter-spacing:1.4px;color:var(--muted);font-weight:700}.settings select{display:block;max-width:100%;border:0;background:transparent;color:#233b34;font-size:14px;margin-top:8px;padding:2px 20px 2px 0;font-weight:550;cursor:pointer}.reference>span{display:flex;align-items:center;gap:4px;margin-top:8px}.reference input{width:51px;background:transparent;border:0;color:#233b34;font-weight:550;font-size:14px;padding:2px 0}.reference>span>span{font-size:11px;letter-spacing:0;font-weight:400}.tuner-display{text-align:center;padding:28px 36px 10px}.listen-label{font-size:9px;letter-spacing:1.7px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:7px}#indicator{width:6px;height:6px;border-radius:100%;background:#bbc3bb}#indicator[data-state=listening]{background:#318763}#indicator[data-state=starting]{background:#ce9b55}.note-readout{height:118px;display:flex;align-items:baseline;justify-content:center;padding-top:5px}#note{font-size:94px;font-weight:500;line-height:1.2;letter-spacing:-4px}#octave{font-size:30px;color:var(--muted);margin-left:5px}.frequency-line{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;margin:12px 0 28px}.frequency-line>span[aria-hidden]{margin:0 10px;color:#ccd2c9}.meter{height:56px;position:relative;max-width:440px;margin:auto}.meter-ticks{position:absolute;top:3px;width:100%;height:18px;background:repeating-linear-gradient(to right,transparent 0,transparent calc(5% - 1px),#d6ddd3 calc(5% - 1px),#d6ddd3 5%)}.center-band{position:absolute;top:0;left:45%;width:10%;height:24px;background:#e0eee3;border-radius:5px;border-left:1px solid #97bba2;border-right:1px solid #97bba2}#needle{position:absolute;top:-5px;left:50%;width:3px;height:34px;border-radius:4px;background:#9ca79d;transform:translateX(-50%);transition:left .12s ease,background .12s ease}.meter[data-pitch=in-tune] #needle{background:#2b8059}.meter[data-pitch=off] #needle{background:#bf8754}.meter-labels{display:flex;justify-content:space-between;padding-top:34px;font-size:9px;color:#98a194;font-variant-numeric:tabular-nums}.pitch-status{font-size:13px;min-height:20px;margin:16px 0 12px;color:var(--muted)}.meter[data-pitch=in-tune]+.pitch-status{color:#26734f}.strings{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:6px 20px 16px}.string-button{background:#f7f8f4;border:1px solid var(--line);border-radius:10px;padding:9px 12px;cursor:pointer;color:#5a6e60;font-size:13px}.string-button[aria-pressed=true]{background:#e4eee4;border-color:#9fbea5;color:#275b40}.string-button[data-detected=true]{box-shadow:inset 0 -3px #74a87f}.controls{text-align:center;padding:6px 20px 26px}.primary-button{border:0;border-radius:10px;background:var(--green);color:#fff;padding:14px 36px;min-width:220px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.primary-button:hover{background:#1c4a39}#status{font-size:12px;color:var(--muted);line-height:1.6;max-width:480px;margin:14px auto}.privacy-note{font-size:10px;color:#899286;margin:18px 0 0}.privacy-note span{margin-right:5px}.how-to{max-width:790px;margin:44px auto 36px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:0 24px}.step-number{font-size:10px;color:#97a58f;font-variant-numeric:tabular-nums}h2{font-size:13px;font-weight:600;margin:10px 0}.how-to p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.site-footer{border-top:1px solid var(--line);font-size:11px;padding-top:24px;padding-bottom:28px}.muted{color:#98a194;margin-left:8px}.site-footer a{color:var(--muted)}.policy{max-width:760px;margin:30px auto 60px;padding:0 26px;line-height:1.8}.policy h1{font-size:45px}.policy h2{font-size:19px;margin-top:28px}.policy p,.policy li{font-size:14px;color:#5a685e}.policy .eyebrow{font-size:10px}@media(max-width:600px){.site-header{padding:24px 20px}.brand{font-size:20px}.header-link{font-size:11px}.intro{padding-top:14px}h1{font-size:47px}.tuner-card{margin:0 16px}.settings{padding:20px;gap:10px}.settings select{font-size:12px;width:205px}.reference{flex-shrink:0}.tuner-display{padding:22px 24px 10px}.how-to{gap:18px;padding:0 22px;margin-top:32px}.how-to p{font-size:11px}.how-to p br{display:none}.site-footer{margin:0 20px;padding:22px 0;gap:15px}.muted{display:block;margin:6px 0 0}.privacy-note{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.supported-instruments{max-width:680px;margin:0 auto 36px;text-align:center;padding:24px 30px 0;border-top:1px solid var(--line)}.supported-instruments h2{font-family:Georgia,"Times New Roman",serif;font-size:22px;font-weight:400;letter-spacing:-.3px}.supported-instruments p{font-size:12px;line-height:1.9;color:var(--muted);margin:12px 0 0}@media(max-width:600px){.supported-instruments{margin:0 22px 30px;padding:18px 0 0}}