#tuner-view{padding:38px 0 6px}#tuner-content{--tuner-accent:#e68a32;--tuner-green:#2f9d74;color:#29313a}.tuner-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.tuner-heading .eyebrow{font-size:10px;letter-spacing:2.4px;color:#bd8b5b}.tuner-heading h1{font-size:32px;letter-spacing:-.7px;margin:14px 0 10px;font-weight:650}.tuner-heading p{color:#8a8c8e;font-size:13px;margin:0}.tuner-standard{border:1px solid #e8e2d9;border-radius:30px;padding:10px 18px;font-size:11px;color:#9b948c;white-space:nowrap}.tuner-standard b{color:#645b51;font-size:14px;font-weight:500;margin:0 4px}.tuner-instruments{display:flex;gap:12px;margin-bottom:22px}.tuner-instruments button{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #e9e3da;background:#fffdf9;border-radius:11px;padding:14px 23px;color:#74787d;cursor:pointer;font:inherit;font-size:13px;min-height:52px;transition:.2s}.tuner-instruments button>span{font-size:24px;line-height:1;color:#a59685}.tuner-instruments button small{font-size:10px;color:#aaa49c;margin-left:8px}.tuner-instruments button[aria-pressed=true]{background:#fff0df;border-color:#edbc89;color:#b96b26;box-shadow:0 2px 6px #bd8d4810}.tuner-instruments button[aria-pressed=true]>span{color:#df8c3c}.tuner-workspace{display:grid;grid-template-columns:1fr 1.1fr;border:1px solid #e9e2d7;border-radius:20px;overflow:hidden;background:#fffefb;box-shadow:0 12px 45px #674c2010}.tuner-instrument-panel{padding:25px 24px 20px;background:radial-gradient(ellipse at 50% 50%,#f2e7d6 0, #fbf8f2 65%);border-right:1px solid #ece6db}.tuner-panel-top{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#8f8578}.tuner-panel-top>span:last-child{font-size:10px;letter-spacing:1px;color:#b2a695}.tuner-headstock{position:relative;max-width:390px;width:100%;margin:-25px auto -4px;filter:drop-shadow(0 12px 12px #664b3520)}.tuner-headstock svg{width:100%;display:block}.tuner-headstock.electric .tuner-wood{fill:#3e474b;stroke:#262e30}.tuner-headstock.bass .tuner-wood{fill:#997348;stroke:#795331}.tuner-headstock.ukulele .tuner-wood{fill:#c7955e}.tuner-peg{position:absolute;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;gap:6px;width:61px;height:61px;border:1px solid #ded8cf;background:#fffdf9;color:#76756e;border-radius:50%;cursor:pointer;box-shadow:0 3px 9px #5d402b08;transition:background .2s,border-color .2s}.tuner-peg.left{left:0}.tuner-peg.right{right:0}.tuner-peg small{position:absolute;top:-15px;font-size:9px;color:#aaa195}.tuner-peg b{font-size:24px;font-weight:500}.tuner-peg sub{font-size:10px;vertical-align:baseline;margin-left:2px;color:#9b958b}.tuner-peg.selected{background:#fff0df;border-color:#e99c50;color:#bc6e25;box-shadow:0 0 0 5px #e9a25417}.tuner-peg.selected sub{color:inherit}.tuner-mode{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px}.tuner-mode button{font:inherit;font-size:11px;border:1px solid #ddd6cc;border-radius:22px;padding:8px 13px;background:#fffcf7;color:#887c6c;cursor:pointer}.tuner-mode button[aria-pressed=true]{background:#303a3c;color:#fff;border-color:#303a3c}.tuner-mode>span{font-size:10px;color:#a49a8d}.tuner-instrument-note{text-align:center;color:#a59b8e;font-size:10px;line-height:1.7;margin:16px 0 0}.tuner-meter-panel{padding:25px 42px 24px;display:flex;flex-direction:column;align-items:center;min-width:0}.tuner-listening{display:flex;justify-content:space-between;gap:16px;width:100%;font-size:9px;color:#b2aaa0;letter-spacing:1.1px}.tuner-listening>span:first-child{letter-spacing:0}.tuner-listening>span:first-child:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#c6c3bb;margin-right:7px}.tuner-listening>span.on:before{background:#3da983;box-shadow:0 0 0 4px #3da98314}.tuner-readout{display:flex;align-items:center;flex-direction:column;margin-top:35px}.tuner-readout>span:first-child{font-size:11px;letter-spacing:1px;color:#9a938b}.tuner-readout strong{font-family:Arial,sans-serif;font-size:72px;line-height:1.25;min-height:90px;font-weight:500;letter-spacing:-3px;color:#364043}.tuner-readout>span:last-child{font-size:12px;color:#a39b92;font-variant-numeric:tabular-nums}.tuner-gauge{position:relative;width:100%;max-width:420px;margin-top:18px;aspect-ratio:420/155;overflow:hidden}.tuner-gauge svg{display:block;width:100%}#tuner-needle{position:absolute;bottom:0;left:50%;height:85%;width:3px;transform-origin:bottom center;transform:translateX(-50%) rotate(0);transition:transform .16s ease-out;opacity:.25}#tuner-needle i{display:block;width:100%;height:100%;border-radius:2px;background:var(--tuner-accent)}.tuner-pivot{position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);width:16px;height:16px;border-radius:50%;background:#78796e;border:3px solid #fffefb}.tuner-scale{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:420px;margin-top:10px;font-size:10px;color:#b2a79a}.tuner-scale>span:nth-child(2){font-size:12px;font-variant-numeric:tabular-nums;color:#9b8163}#tuner-status{font-size:13px;color:#8c857d;text-align:center;min-height:42px;line-height:1.65;margin:22px 0 8px;max-width:380px}.tuner-start{width:230px;max-width:100%;border:0;border-radius:9px;padding:14px;background:#ed923d;color:#fff;font:inherit;font-size:13px;cursor:pointer;box-shadow:0 5px 12px #c87b2720}.tuner-start:hover{background:#dc832f}.tuner-input{display:flex;align-items:center;gap:10px;margin-top:20px;color:#b1aaa0;font-size:9px}.tuner-input>div{width:80px;height:4px;background:#eee9e0;border-radius:4px;overflow:hidden}.tuner-input i{display:block;width:0;height:100%;background:#73ad92;transition:width .1s}.tuner-privacy{font-size:9px;color:#b1aaa0;margin:12px 0 0;text-align:center;line-height:1.7}.tuner-tips{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:27px 3px}.tuner-tips>div{display:flex;gap:13px}.tuner-tips b{font-size:11px;letter-spacing:1px;color:#c7a47d;font-weight:500;padding-top:2px}.tuner-tips span{font-size:10px;color:#a39c92;line-height:1.8}.tuner-tips strong{display:block;font-size:12px;font-weight:500;color:#79766e;margin-bottom:4px}#tuner-content[data-quality=listening] #tuner-needle,#tuner-content[data-quality=tuned] #tuner-needle{opacity:1}#tuner-content[data-quality=tuned] #tuner-needle i{background:var(--tuner-green)}#tuner-content[data-quality=tuned] .tuner-readout strong,#tuner-content[data-quality=tuned] #tuner-status{color:var(--tuner-green)}#tuner-content[data-quality=tuned] .tuner-peg.selected{border-color:#45a982;background:#ecf7ee;color:#298c67;box-shadow:0 0 0 5px #319d7310}.tuner-instruments button:focus-visible,.tuner-peg:focus-visible,.tuner-start:focus-visible,.tuner-mode button:focus-visible{outline:3px solid #438a71;outline-offset:3px}
@media(max-width:900px){.desktop-nav{gap:14px!important}.desktop-nav .nav{font-size:12px}.tuner-meter-panel{padding-inline:24px}.tuner-peg{width:48px;height:48px}.tuner-headstock{margin-top:0}.tuner-instruments button{flex:1;padding:12px}.tuner-instruments button small{display:none}.tuner-panel-top{font-size:10px}.tuner-panel-top>span:last-child{display:none}.tuner-mode{flex-direction:column;gap:7px}.tuner-readout{margin-top:22px}}
@media(max-width:600px){#tuner-view{padding-top:25px}.tuner-heading{margin-bottom:22px;gap:9px}.tuner-heading h1{font-size:23px;letter-spacing:-.5px;margin:11px 0 9px}.tuner-heading .eyebrow{font-size:8px}.tuner-heading p{font-size:10px;max-width:235px;line-height:1.7}.tuner-standard{padding:8px;font-size:8px}.tuner-standard b{font-size:11px;margin:0}.tuner-instruments{gap:6px;margin-bottom:14px}.tuner-instruments button{flex-direction:column;gap:6px;font-size:10px;padding:11px 5px;border-radius:8px}.tuner-instruments button>span{font-size:20px}.tuner-workspace{display:flex;flex-direction:column;border-radius:14px}.tuner-meter-panel{order:0;padding:19px 26px 20px}.tuner-instrument-panel{order:1;border-right:0;border-top:1px solid #ece6db;padding:17px 20px}.tuner-readout{margin-top:20px}.tuner-readout strong{font-size:56px;min-height:70px}.tuner-gauge{max-width:300px;margin-top:5px;aspect-ratio:420/155}.tuner-scale{max-width:300px}#tuner-status{min-height:24px;margin:15px 0 12px;font-size:12px}.tuner-start{padding:12px}.tuner-input{margin-top:14px}.tuner-headstock{max-width:300px;margin-top:-45px;margin-bottom:-10px}.tuner-mode{flex-direction:row;margin-top:12px;gap:10px}.tuner-peg{width:48px;height:48px}.tuner-peg b{font-size:21px}.tuner-instrument-note{margin-top:10px;font-size:9px}.tuner-tips{grid-template-columns:1fr;gap:14px;padding:21px 5px}.tuner-tips strong{font-size:11px;margin-bottom:0}.tuner-tips span{font-size:10px}.mobile-nav .nav{padding-inline:10px}.tuner-privacy{font-size:8px}html[lang=en] .tuner-heading h1{font-size:23px;max-width:230px}}
@media(prefers-reduced-motion:reduce){#tuner-needle,.tuner-peg,.tuner-input i{transition:none}}