:root{font-family:Arial,Helvetica,sans-serif;color:#30352d;background:#f3f0e7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #30352d;--muted: #626354;--line: #d9d7ca;--amber: #bd5b31;--green: #4a6646;--paper: #faf8f1;--mono: "Courier New", monospace}*{box-sizing:border-box}body{margin:0;min-width:375px}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button,a,select,input{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #9a4c27;outline-offset:4px}button{color:inherit}button:active{transform:translateY(1px)}a{color:inherit}::selection{background:#eac189;color:#292e26}button:disabled:active{transform:none}.wrap{width:min(1192px,calc(100% - 88px));margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;height:111px;border-bottom:1px solid var(--line);gap:24px}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-family:Georgia,Times New Roman,serif;font-size:31px;font-weight:700;letter-spacing:-1.1px}.brand-symbol{height:37px;width:37px;display:grid;place-items:center;background:var(--ink);color:#f4d392;border-radius:9px}.brand-symbol .icon{width:25px;height:25px}.brand-dot{color:var(--amber)}.icon{height:20px;width:20px;flex-shrink:0;vertical-align:middle}.header-tagline{font-size:10px;letter-spacing:2px;color:var(--muted);margin-left:55px}.about-button{background:none;border:0;display:flex;gap:8px;align-items:center;font-size:12px;padding:12px 0 12px 12px}.about-button:hover{color:var(--amber)}.about-button .icon{height:17px;width:17px}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:40px 0 31px;gap:20px}h1{font-family:Georgia,Times New Roman,serif;font-size:49px;letter-spacing:-1.6px;font-weight:400;margin:0 0 11px;line-height:1.1}h1>span{color:var(--amber)}.intro p{margin:0;font-size:14px;color:var(--muted);line-height:1.5}.reference-tag{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:10px;letter-spacing:.2px;padding-bottom:4px;white-space:nowrap}.tiny-dot{width:6px;height:6px;border-radius:50%;background:#a6a897;display:inline-block;flex-shrink:0}.reference-tag .tiny-dot{background:var(--green)}.tag-divider{color:#b4b3a6;margin:0 4px}.studio-layout{display:grid;grid-template-columns:minmax(0,1.92fr) minmax(310px,1fr);gap:24px 30px;align-items:start}.tuner{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden}.tuner-toolbar{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 18px}.tuner-title{display:flex;align-items:center;gap:9px}.tuner-title>.icon{color:var(--muted);width:18px}h2{font-family:Georgia,Times New Roman,serif;font-size:23px;font-weight:400;margin:0;letter-spacing:-.5px}.tuner-title h2{font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:600;letter-spacing:0}.input-state{font-family:var(--mono);font-size:10px;display:flex;align-items:center;gap:7px;letter-spacing:.6px}.input-state.active .tiny-dot{background:var(--green)}.input-state.active{color:var(--green)}.meter-housing{margin:0 20px;position:relative;background:#e2dece;padding:15px 15px 30px;border-radius:9px;box-shadow:inset 0 1px 2px #b8b29e,0 2px 4px #d6d2c033}.meter-face{background:#f3ebd4;border-radius:5px;box-shadow:inset 0 2px 6px #8d805c36;overflow:hidden;border:1px solid #ccc2a6}.meter-corners{display:flex;justify-content:space-between;padding:18px 30px 0;font-family:var(--mono);font-size:9px;letter-spacing:1.5px;color:#6d6958}.meter-corners>span:nth-child(2){color:#4c6547}.meter-svg{display:block;width:100%;height:auto;margin-top:6px}.meter-ticks{color:#625e4b}.meter-ticks text{fill:#625e4b;font-family:var(--mono);font-size:14px}.meter-brand{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:4px;fill:#5a5a47;font-size:16px}.meter-caption{font-family:var(--mono);font-size:8px;letter-spacing:1.5px;fill:#827b65}.meter-small{fill:#827b65;font-size:25px;font-family:var(--mono)}.needle{transform-origin:350px 300px;transition:transform .16s cubic-bezier(.16,1,.3,1);opacity:.45}.readout{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 25px;margin-top:-3px;gap:10px}.data-label{font-size:9px;letter-spacing:1.2px;color:var(--muted);display:block;font-weight:500;line-height:1.5}.reading-secondary{display:flex;flex-direction:column;gap:7px}.measurement{font-family:var(--mono);font-size:23px;white-space:nowrap;letter-spacing:-1px;font-variant-numeric:tabular-nums}.measurement small{font:10px Arial,sans-serif;letter-spacing:0;color:#68634f}.note-reading{font-family:Georgia,Times New Roman,serif;font-size:71px;text-align:center;line-height:1.1;letter-spacing:-4px;display:flex;align-items:baseline;justify-content:center}.note-reading sub{font-family:var(--mono);font-size:23px;letter-spacing:-1px;bottom:0;padding-left:4px}.cents-reading{text-align:right}.pitch-status{text-align:center;min-height:38px;padding:9px 12px 16px;font-size:11px;color:#645c47;letter-spacing:.2px}.in-tune{color:var(--green)}.screw{position:absolute;width:6px;height:6px;border-radius:50%;background:#bdb7a2;box-shadow:inset 0 1px 2px #79735a55}.screw:after{content:"";position:absolute;left:1px;top:2.5px;width:4px;height:1px;background:#88836d;transform:rotate(-35deg)}.screw-tl{top:5px;left:5px}.screw-tr{top:5px;right:5px}.screw-bl{bottom:9px;left:7px}.screw-br{bottom:9px;right:7px}.housing-label{font-family:var(--mono);font-size:8px;letter-spacing:1.5px;position:absolute;bottom:10px;left:26px;right:26px;display:flex;justify-content:space-between;color:#5b5748}.housing-label>span{font-size:7px;letter-spacing:1.8px}.input-controls{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin:22px 24px 0}.button{border:0;border-radius:7px;min-height:46px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:600;padding:12px 16px;transition:background .13s,color .13s}.button .icon{width:17px;height:17px}.button-primary{background:#b6552f;color:#fff9ef;box-shadow:0 2px 3px #7f3b1620}.button-primary:hover{background:#9e4424}.button-demo{background:#efede3;border:1px solid #d5d2c5}.button-demo:hover{background:#e4e0d2}.privacy-note{display:flex;gap:7px;align-items:center;justify-content:center;font-size:10px;color:var(--muted);margin:14px 16px 22px;line-height:1.5}.privacy-note .tiny-dot{height:4px;width:4px;background:#6e8062}.practice-column{display:flex;flex-direction:column;gap:29px;padding-top:5px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.mini-label{font-family:var(--mono);font-size:9px;letter-spacing:1px;border:1px solid var(--line);padding:5px 7px;border-radius:4px}.target-section>p,.hold-section>p{font-size:12px;line-height:1.7;color:var(--muted);margin:9px 0 17px}.target-summary{display:flex;align-items:center;gap:18px;margin:0 0 16px}.target-note{font-family:Georgia,Times New Roman,serif;font-size:48px;letter-spacing:-2px;line-height:1.1}.target-note sub{font-size:20px;bottom:0;letter-spacing:-1px;padding-left:2px}.target-summary .data-label{font-size:8px;letter-spacing:1px;margin-bottom:4px}.target-summary>div>span:last-child{font-family:var(--mono);font-size:13px}.target-mark{margin-left:auto;border:1px solid #d6d5c7;color:#7b826c;border-radius:50%;height:35px;width:35px;display:grid;place-items:center}.target-mark>.icon{width:18px}.note-ladder{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.note-key{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:flex-start;background:#faf8f1;border:1px solid #d7d3c5;border-bottom:3px solid #c8c3b3;border-radius:5px;min-width:0;height:84px;padding:13px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:19px;gap:4px}.note-key small{font-family:var(--mono);font-size:9px;color:var(--muted)}.note-key:hover{background:#ebe4d1;border-color:#b0a98f}.note-key.selected{background:#ebbc6a;border-color:#c39449;border-bottom-color:#b07c32;color:#373323}.note-key.selected small{color:#645334}.key-dot{height:3px;width:3px;background:transparent;border-radius:50%;margin-top:auto}.note-key.selected .key-dot{background:#65502c}.octave-control{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:15px}.octave-control label,.challenge-settings label{font-size:10px;color:var(--muted)}select{font-size:11px;background:#faf8f1;color:var(--ink);border:1px solid #d5d2c5;border-radius:5px;min-height:36px;padding:8px 23px 8px 10px;cursor:pointer;max-width:100%;color-scheme:light}.octave-control select{min-height:38px;background:transparent}.hold-section{border-top:1px solid var(--line);padding-top:23px}.amber-dot{color:var(--amber)}.challenge-icon{color:#8b7752}.challenge-icon>.icon{width:21px;height:21px}.hold-section>p{margin-bottom:17px}.challenge-settings{display:grid;grid-template-columns:.85fr 1.15fr;gap:10px}.challenge-settings>div{display:flex;flex-direction:column;gap:6px}.challenge-settings select{width:100%;min-height:39px;font-size:10px;padding-left:9px}.hold-progress{height:6px;background:#deded1;border-radius:5px;margin:20px 0 9px;overflow:hidden}.hold-progress>div{height:100%;width:0;background:#728668;transition:width .1s linear}.hold-progress.complete>div{background:#496944}.hold-caption{display:flex;justify-content:space-between;gap:10px;font-size:9px;min-height:25px;color:var(--muted);line-height:1.5}.hold-caption>span:last-child{font-family:var(--mono);white-space:nowrap;font-size:10px}.button-challenge{background:#30382c;color:#f8f7ef;justify-content:space-between;width:100%;font-weight:500}.button-challenge:hover{background:#46523e}.hold-section>.button{min-height:43px;margin-top:8px}.drone-section{background:#e9e9dc;border-radius:10px;padding:22px 23px;display:flex;flex-wrap:wrap;align-items:center;gap:17px 20px}.drone-copy{display:flex;align-items:center;gap:13px;flex:1 1 320px}.drone-symbol{width:36px;height:36px;flex-shrink:0;border:1px solid #c9cdbb;border-radius:50%;display:grid;place-items:center;color:#67765b}.drone-copy h2{font-size:19px}.drone-copy p{font-size:11px;color:var(--muted);margin:7px 0 0;line-height:1.5}.drone-controls{display:flex;align-items:center;gap:12px;width:100%;padding-left:49px}.volume-label>.icon{width:17px;height:17px;color:#6c715e}input[type=range]{accent-color:#697a59;cursor:pointer;height:30px;margin:0;min-width:0;max-width:100%}#volume{width:95px;flex:1;max-width:145px;margin-right:auto}.drone-button{background:#f7f7ed;border:1px solid #ccd0be;min-width:118px;min-height:40px;padding:9px 15px;font-size:11px}.drone-button:hover,.drone-button.playing{background:#d9dfcc}.drone-tip{font-size:9px;color:#5b624f;margin:0;padding-left:49px;line-height:1.5}.practice-stats{padding:20px 0 0}.practice-stats>div:first-child{display:flex;flex-direction:column;gap:6px}.practice-stats .data-label{font-size:9px;letter-spacing:1.5px}.saved-indicator{font-size:10px;color:var(--muted)}.stats-row{display:flex;justify-content:space-between;margin-top:21px;gap:12px}.stats-row>div{display:flex;flex-direction:column;gap:5px}.stats-row strong{font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:28px;letter-spacing:-1px}.stats-row>div>span{font-size:9px;color:var(--muted)}footer{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);margin:36px 0 0;padding:21px 0 27px;color:var(--muted);font-size:10px}footer>span:last-child{font-size:8px;letter-spacing:1px;display:flex;align-items:center;gap:10px}footer .icon{width:17px;height:17px;color:#8e917e}.demo-controls{padding:0 25px 20px}.demo-controls>label{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted)}.demo-controls output{font-family:var(--mono);color:var(--ink);white-space:nowrap}.demo-controls>input{width:100%;height:36px;accent-color:#b6552f}.range-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);max-width:calc(100% - 32px);width:max-content;padding:16px 21px;border-radius:9px;background:#30382c;color:#fff9e9;font-size:13px;line-height:1.5;box-shadow:0 6px 24px #262a2833;z-index:20}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{background:var(--paper);color:var(--ink);border:0;border-radius:16px;width:min(460px,calc(100% - 36px));padding:34px;box-shadow:0 20px 80px #1e281f55;max-height:calc(100dvh - 40px);overflow:auto}dialog::backdrop{background:#292e2680}dialog h2{font-size:31px;line-height:1.2;margin:21px 0 15px}dialog p{font-size:13px;line-height:1.75;color:#626355}dialog .button{width:100%;margin-top:24px}.dialog-symbol{display:grid;place-items:center;background:#eee2c7;width:48px;height:48px;border-radius:12px;color:#926a32}.dialog-symbol>.icon{height:24px;width:24px}.dialog-close{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:transparent}.dialog-close:hover{background:#e8e5d8}.dialog-tip{background:#eeeade;padding:14px;border-radius:7px}.text-button{border:0;background:none;color:#655e4c;font-size:12px;min-height:44px;width:100%;margin-top:9px;text-decoration:underline;text-underline-offset:4px}.about-three{padding-bottom:10px}.about-three p{margin:11px 0}details{border-top:1px solid var(--line);padding-top:17px;margin-top:8px}summary{font-size:13px;cursor:pointer;font-weight:600;min-height:28px}details p{font-size:12px}details strong{color:#424a3a}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#eeeade}::-webkit-scrollbar-thumb{background:#bbb9a7;border:2px solid #eeeade;border-radius:5px}[hidden]{display:none!important}@media(min-width:1400px){.wrap{width:min(1230px,calc(100% - 120px))}.site-header{height:116px}.intro{padding-top:45px;padding-bottom:35px}.studio-layout{gap:26px 36px}.tuner-toolbar{padding:23px 26px}.meter-housing{margin:0 23px}.input-controls{margin-top:24px}.practice-column{gap:35px}.hold-section{padding-top:28px}.note-key{height:90px}.target-summary{margin:22px 0}.hold-section>p{margin:13px 0 22px}.hold-section>.button{margin-top:11px;min-height:46px}.drone-section{padding:22px 26px}}@media(min-width:1050px){.drone-section{gap:15px}.drone-copy{flex-basis:100%}.drone-controls{width:100%}.practice-stats{padding-top:18px}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.header-tagline{margin-left:0;font-size:9px;letter-spacing:1px}.studio-layout{grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);gap:22px}.intro h1{font-size:43px}.reference-tag{font-size:8px;gap:5px}.tuner-toolbar{padding:18px}.meter-housing{margin:0 14px;padding:12px 12px 28px}.meter-corners{padding:17px 18px 0;font-size:8px}.readout{padding:0 14px;gap:5px}.measurement{font-size:19px}.note-reading{font-size:62px}.input-controls{margin:20px 17px 0;gap:8px;grid-template-columns:1.3fr 1fr}.button{font-size:11px;padding:12px 10px;gap:7px}.input-controls .icon{width:15px}.privacy-note{font-size:9px;margin-left:8px;margin-right:8px}.target-section>p,.hold-section>p{font-size:11px}.practice-column{gap:25px}.section-heading h2{font-size:22px}.hold-section{padding-top:20px}.target-summary{margin-bottom:14px}.note-key{height:74px}.challenge-settings{gap:7px}.hold-progress{margin-top:17px}.hold-caption{font-size:8px}.drone-section{padding:21px 18px}.drone-copy{flex-basis:100%}.drone-copy h2{font-size:18px}.drone-copy p{font-size:10px}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.site-header{height:83px}.brand{font-size:28px;gap:10px}.brand-symbol{width:33px;height:33px;border-radius:8px}.header-tagline{display:none}.about-button{font-size:11px;gap:6px}.intro{padding:29px 0 24px;display:block}.intro h1{font-size:43px;margin-bottom:10px}.intro p{font-size:12px}.reference-tag{margin-top:20px;font-size:9px;gap:7px}.studio-layout{grid-template-columns:1fr;gap:24px}.tuner-toolbar{padding:18px 20px}.meter-housing{margin:0 15px;padding:12px 12px 28px}.meter-corners{padding:15px 18px 0}.meter-svg{margin-top:8px}.readout{padding:0 15px}.measurement{font-size:21px}.note-reading{font-size:67px}.pitch-status{font-size:10px;padding-bottom:14px}.input-controls{margin:20px 20px 0;gap:10px;grid-template-columns:1.3fr 1fr}.button{font-size:11px;min-height:47px}.privacy-note{font-size:9px;margin-bottom:20px}.practice-column{gap:26px;padding-top:0}.target-section{padding:3px 3px 0}.section-heading h2{font-size:24px}.target-section>p,.hold-section>p{font-size:12px}.target-summary{margin:20px 0 17px}.target-note{font-size:47px}.target-summary .data-label{font-size:9px}.note-key{height:88px;font-size:22px;padding-top:15px;gap:7px}.note-key small{font-size:10px}.note-ladder{gap:5px}.octave-control{margin-top:17px}.octave-control label{font-size:11px}.octave-control select{min-height:44px;font-size:11px}.hold-section{padding:24px 3px 0}.hold-section>p{margin-bottom:19px}.challenge-settings{gap:12px}.challenge-settings select{font-size:12px;min-height:44px}.challenge-settings label{font-size:11px}.hold-progress{margin-top:23px;height:7px}.hold-caption{font-size:10px;min-height:27px}.hold-caption>span:last-child{font-size:11px}.hold-section>.button{min-height:46px;font-size:12px;margin-top:10px}.drone-section{grid-row:3;padding:22px 20px;gap:17px}.drone-copy h2{font-size:20px}.drone-copy p{font-size:11px}.drone-controls{padding-left:0}.drone-tip{padding-left:0;font-size:9px}.drone-button{min-height:44px;min-width:122px}.practice-stats{padding:5px 3px 0}.practice-stats>div:first-child{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.practice-stats .data-label{font-size:8px}.saved-indicator{font-size:9px}.stats-row{margin:24px 0 8px;justify-content:space-around}.stats-row strong{font-size:32px}.stats-row>div>span{font-size:10px}footer{margin-top:27px;padding:20px 0;align-items:flex-start;gap:12px;font-size:9px;line-height:1.6}footer>span:last-child{font-size:7px;letter-spacing:.6px;gap:6px;text-align:right}.demo-controls{padding:0 20px 20px}.demo-controls>label{font-size:9px}dialog{padding:28px}dialog h2{font-size:30px}}@media(max-width:400px){.wrap{width:calc(100% - 28px)}.intro h1{font-size:40px}.about-button{font-size:10px}.meter-housing{margin:0 11px;padding:11px 9px 28px}.meter-corners{padding:15px 13px 0;font-size:7px}.readout{padding:0 10px}.measurement{font-size:18px}.measurement small{font-size:9px}.data-label{font-size:8px}.note-reading{font-size:61px}.input-controls{margin-left:15px;margin-right:15px;gap:8px}.input-controls>.button{font-size:10px}.input-controls .icon{width:14px}.housing-label{font-size:7px;left:20px;right:20px}.housing-label>span{letter-spacing:1.2px;font-size:6px}.privacy-note{font-size:8px}.tuner-toolbar{padding:17px}.note-key{height:82px}.drone-copy{gap:10px}.drone-copy h2{font-size:18px}.drone-copy p{font-size:10px}.drone-section{padding:20px 17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:480px){.note-ladder{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.note-key{height:64px;flex-direction:row;align-items:center;justify-content:center;padding:10px;gap:5px}.note-key small{align-self:center;padding-top:10px}.key-dot{position:absolute;bottom:7px;margin:0}}