:root{color:#e8ece6;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--muted:#7f8980;--lime:#c2ef91;--line:#2c342d;--surface:#1a201b;background:#111513;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,a,select,input{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button{color:inherit}button,select{transition:background .15s,color .15s}button:hover:not(:disabled){filter:brightness(1.12)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--lime)}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:flex}.sidebar{background:#151a16;border-right:1px solid #29302a;flex-direction:column;flex-shrink:0;width:222px;padding:38px 20px 23px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1.5px;align-items:center;margin:0 12px 59px;font-size:29px;font-weight:650;display:flex}.brand-mark{background:var(--lime);color:#192417;border-radius:8px;place-items:center;width:29px;height:32px;margin-right:12px;padding-bottom:3px;font-size:30px;font-weight:800;display:grid;transform:skew(-9deg)}.brand-dot{color:var(--lime)}.workspace-label{letter-spacing:1.5px;color:#6d796e;margin:0 12px 18px;font-size:9px}.nav-item{text-align:left;color:#919b91;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;width:100%;margin-bottom:6px;padding:13px 12px;font-size:12px;display:flex}.nav-item.selected{color:#d0edb0;background:#283324}.nav-indicator{background:var(--lime);border-radius:100%;width:5px;height:5px;margin-left:auto}.sidebar-note{margin:auto 12px 46px;padding-top:80px}.small-spark{color:var(--lime);font-size:35px;font-weight:300}.sidebar-note h3{letter-spacing:-.4px;margin-top:22px;font-size:17px;font-weight:400;line-height:1.5}.sidebar-note p{color:#7f8b80;font-size:11px;line-height:1.8}.help-button{color:#a2ada2;background:0 0;border:0;align-items:center;gap:9px;margin:0 9px 24px;padding:0;font-size:11px;display:flex}.sidebar-footer{color:#778577;border-top:1px solid #2a322b;align-items:center;gap:7px;padding:20px 9px 0;font-size:9px;display:flex}.local-dot{background:#9cbd7d;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}main{flex:1;min-width:0;margin-left:222px}.topbar{border-bottom:1px solid #262e27;justify-content:space-between;align-items:center;height:83px;padding:0 42px;display:flex}.breadcrumb{color:#869087;font-size:11px}.breadcrumb span{color:#454e46;margin:0 14px}.breadcrumb strong{color:#c7cec5;font-weight:400}.version{letter-spacing:1.2px;color:#899487;font-size:8px}.version span{letter-spacing:0;color:#b4d499;background:#263221;border:1px solid #34402f;border-radius:4px;margin-left:9px;padding:3px 5px}.content{max-width:1320px;margin:auto;padding:38px 42px 24px}.page-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:31px;display:flex}.eyebrow{letter-spacing:2px;color:#9ab586;font-size:9px;font-weight:500}h1{letter-spacing:-1.5px;margin:12px 0 9px;font-size:37px;font-weight:460}.page-heading p{color:#889388;margin:0;font-size:12px}.heading-actions{align-items:center;gap:10px;padding-top:21px;display:flex}.primary-button,.demo-button{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:11px;font-weight:550;display:flex}.primary-button{background:var(--lime);border:1px solid var(--lime);color:#26341e}.demo-button{color:#b8c5ae;background:#1a2119;border:1px solid #354033}.tuner-card,.history-card,.reference-card{background:linear-gradient(120deg,#1c241c 0%,#192019 70%);border:1px solid #35412f;border-radius:12px;overflow:hidden}.card-heading{justify-content:space-between;align-items:center;padding:20px 23px 0;display:flex}.card-title{color:#9aa992;letter-spacing:1.3px;align-items:center;gap:8px;font-size:8px;display:flex}.status-light{background:#73816a;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #75816714}.status-light.live{background:var(--lime);box-shadow:0 0 0 3px #c2ef9115}.compact-select{color:#8e9b87;align-items:center;gap:9px;font-size:9px;display:flex}.compact-select select{appearance:none;color:#d0dcc7;background:#212b1e;border:1px solid #384531;border-radius:5px;padding:6px 23px 6px 9px;font-size:10px}.compact-select svg{pointer-events:none;margin-left:-28px;margin-right:8px}.tuner-display{grid-template-columns:1fr 1.4fr 1fr;align-items:center;min-height:177px;padding:23px 8.5% 0;display:grid}.metric-label{color:#7e8e76;letter-spacing:1.5px;margin-bottom:12px;font-size:8px;display:block}.side-metric>div{letter-spacing:-.6px;font-variant-numeric:tabular-nums;font-size:25px;font-weight:350}.side-metric small{color:#8e9e84;letter-spacing:0;font-size:10px}.side-metric.right{text-align:right}.main-note{text-align:center}.note-value{letter-spacing:-5px;color:#e0e9d8;font-size:90px;font-weight:380;line-height:1.05}.note-value span{vertical-align:baseline;letter-spacing:-2px;color:#9dad91;margin-left:4px;font-size:43px}.in-tune{color:var(--lime)!important}.pitch-status{color:#8e9d85;justify-content:center;align-items:center;gap:5px;min-height:16px;margin-top:12px;font-size:10px;display:flex}.tuning-ruler{width:71%;margin:30px auto 23px;position:relative}.ruler-ticks{z-index:1;justify-content:space-between;align-items:center;height:35px;display:flex;position:relative}.ruler-ticks i{background:#607154;width:1px;height:10px}.ruler-ticks i.major{background:#91a47e;height:19px}.ruler-center{background:#c2ef9111;border:1px solid #c2ef9129;border-radius:5px;width:10%;height:37px;position:absolute;left:45%}.needle{background:#e7c48d;width:2px;height:40px;position:absolute;top:-3px;transform:translate(-1px)}.needle:before{content:"";background:inherit;border-radius:50%;width:8px;height:8px;position:absolute;top:-5px;left:-3px}.needle.in-tune{background:var(--lime)}.ruler-labels{color:#87967b;letter-spacing:.7px;justify-content:space-between;margin-top:11px;font-size:8px;display:flex}.ruler-labels small{color:#586b50;margin:0 5px;font-size:7px}.tuner-bottom{color:#8c9b82;border-top:1px solid #34402e;justify-content:space-between;align-items:center;padding:14px 23px;font-size:9px;display:flex}.input-meter{align-items:center;gap:7px;display:flex}.meter-bars{gap:2px;margin:0 6px;display:flex}.meter-bars i{background:#36422e;border-radius:1px;width:3px;height:10px}.meter-bars i.filled{background:#9bd070}.meter-bars i.clipping{background:#e3a16e}.mono{color:#718466;font-family:Menlo,monospace;font-size:8px}.signal-detail{font-size:8px}.clip-warning{color:#efb076;font-size:9px}.history-card{background:#181e19;border-color:#2e382d;margin-top:20px;padding:20px 23px 16px}.section-heading{justify-content:space-between;align-items:center;display:flex}.section-heading h2{margin:0;font-size:12px;font-weight:500}.section-heading h2 span{color:#748270;margin-left:13px;font-size:9px;font-weight:400}.pitch-graph{width:100%;height:auto;max-height:250px;margin-top:13px;display:block;overflow:visible}.pitch-graph text{fill:#677660;font-family:Menlo,monospace;font-size:9px}.pitch-graph .empty-graph{fill:#66725f;letter-spacing:.2px;font-family:inherit;font-size:13px}.grid-line{stroke:#303b2c;stroke-dasharray:3 5;stroke-width:.7px}.zero-line{stroke:#7b9864;stroke-opacity:.7;stroke-dasharray:4 4}.vertical-grid{stroke:#293327;stroke-width:.5px}.graph-footer{color:#718269;justify-content:space-between;align-items:center;font-size:8px;display:flex}.graph-footer>span:first-child{align-items:center;gap:6px;display:flex}.graph-footer i{background:var(--lime);width:12px;height:2px;display:inline-block}.reference-card{background:#181e19;border-color:#2e382d;grid-template-columns:1fr 1fr;gap:30px;margin-top:20px;padding:23px;display:grid}.reference-copy .eyebrow{letter-spacing:1.5px;color:#879b78;font-size:7px}.reference-copy h2{letter-spacing:-.6px;margin:11px 0 9px;font-size:21px;font-weight:400}.reference-copy p{color:#7b8c72;margin:0;font-size:10px}.reference-controls{align-items:center;gap:15px;margin-top:21px;display:flex}.tone-button{color:#ccdfbf;background:#2b3825;border:1px solid #4b5c3f;border-radius:6px;align-items:center;gap:7px;padding:9px 12px;font-size:10px;display:flex}.tone-button.playing{color:var(--lime);background:#40542f}.reference-frequency{color:#d2dec9;font-size:12px}.reference-frequency>span{color:#7c8e70;margin-left:7px;font-size:9px}.volume{color:#708266;align-items:center;gap:9px;width:100px;margin-top:12px;display:flex}.volume input{accent-color:#9dc677;width:78px;height:3px}.keyboard-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.keyboard-heading>span{letter-spacing:1.2px;color:#819674;font-size:7px}.octave-control{color:#9bad8d;align-items:center;gap:7px;font-size:8px;display:flex}.octave-control button{color:#9bad8d;background:0 0;border:0;padding:0;display:flex}.keyboard{gap:4px;height:102px;display:flex;position:relative}.keyboard button{border-radius:4px;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:9px;min-width:0;padding:0 0 10px;font-size:9px;display:flex}.white-key{color:#4e5b45;background:#cdd4c6;border:1px solid #dae1d3}.black-key{color:#bac7b0;z-index:2;background:#343d2e;border:1px solid #46553c;max-width:9%;height:70%;margin:0 -3.6%}.keyboard .key-active{background:var(--lime);color:#304722;border-color:var(--lime)}.keyboard small{height:4px}.key-dot{background:#3b6326;border-radius:50%;width:3px;height:3px;display:block}.lock-reference{color:#899b7b;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:13px;font-size:8px;display:flex}.page-footer{color:#6f7d69;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;font-size:8px;display:flex}.page-footer>span{align-items:center;gap:7px;display:flex}.page-footer button{color:#839477;white-space:nowrap;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:8px;display:flex}.footer-divider{color:#3d4b36;margin:0 2px}.error,.demo-notice{color:#e8bf99;background:#392b20;border:1px solid #70513a;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:13px 15px;font-size:12px;display:flex}.error button{background:0 0;border:0;display:flex}.demo-notice{color:#c2dcae;background:#253321;border-color:#405437;font-size:11px}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:10;background:#070b09bb;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.settings-panel{background:#1c241d;border:1px solid #405039;border-radius:14px;width:520px;max-height:90vh;padding:36px;position:relative;overflow:auto;box-shadow:0 30px 120px #0008}.settings-panel h2{letter-spacing:-.8px;margin:14px 0 30px;font-size:26px;font-weight:450}.close-panel{color:#9eaf94;background:0 0;border:0;padding:5px;display:flex;position:absolute;top:18px;right:18px}.setting-row{border-top:1px solid #34402f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;font-size:12px;display:flex}.setting-row select{background:#293522;border:1px solid #4a5c3c;border-radius:5px;max-width:260px;padding:7px;font-size:11px}.setting-row input[type=number]{color:#d4e1ca;background:#293522;border:1px solid #4a5c3c;border-radius:4px;width:64px;padding:6px}.setting-row>input[type=range]{width:100%;accent-color:var(--lime)}.setting-row>span{color:#9eae92;font-size:11px}.setting-hint{color:#8d9f81;margin:0 0 16px;font-size:11px;line-height:1.7}.diagnostics{border-top:1px solid #34402f;grid-template-columns:1fr 1.2fr;gap:15px;margin-top:24px;padding-top:20px;font-size:11px;display:grid}.diagnostics dt{color:#8d9f81}.diagnostics dd{text-align:right;overflow-wrap:anywhere;margin:0}.help-copy p{color:#a8b99b;margin-bottom:19px;font-size:13px;line-height:1.85}@media (width>=1500px){.content{padding-top:50px}.tuner-display{min-height:190px}.pitch-graph{max-height:280px}.reference-card{padding:30px}.keyboard{height:112px}}@media (width<=1100px){.sidebar{width:190px;padding-left:12px;padding-right:12px}main{margin-left:190px}.content{padding:30px 25px}.topbar{padding:0 25px}.side-metric>div{font-size:22px}.heading-actions{gap:6px}.primary-button,.demo-button{padding:11px 12px}.reference-card{gap:20px}.reference-copy p{max-width:200px;line-height:1.6}}@media (width<=850px){.sidebar{width:72px;padding:32px 10px}.brand{justify-content:center;margin:0 0 45px;font-size:0}.brand-mark{margin:0;font-size:28px}.workspace-label,.sidebar-note,.help-button,.sidebar-footer{display:none}.nav-item{justify-content:center;gap:0;padding:15px 0;font-size:0}.nav-indicator{display:none}.nav-item svg{width:20px;height:20px}main{margin-left:72px}.page-heading{align-items:flex-start}.heading-actions{flex-direction:column;align-items:stretch;padding-top:4px}.tuner-display{padding-left:5%;padding-right:5%}.note-value{font-size:78px}.tuning-ruler{width:81%}.meter-bars i{width:2px}.signal-detail{text-align:right;max-width:110px}.reference-card{grid-template-columns:1fr 1.1fr}.page-footer{align-items:flex-start;line-height:1.6}.page-footer>span{max-width:280px}}@media (width<=600px){.shell{display:block}.sidebar{border-bottom:1px solid #29302a;border-right:0;flex-direction:row;justify-content:space-between;align-items:center;width:auto;height:65px;padding:0 20px;position:relative}.brand{letter-spacing:-1px;margin:0;font-size:22px}.brand-mark{width:24px;height:25px;margin-right:10px;font-size:25px}.sidebar nav{gap:7px;display:flex}.nav-item{width:38px;margin:0;padding:10px}main{margin-left:0}.topbar{height:54px;padding:0 20px}.content{padding:26px 16px}.page-heading{margin-bottom:24px}h1{font-size:30px}.page-heading p{font-size:10px}.eyebrow{font-size:7px}.heading-actions{gap:7px}.primary-button,.demo-button{gap:6px;padding:9px 10px;font-size:9px}.card-heading{padding:16px 14px 0}.card-title{letter-spacing:1px;font-size:6px}.compact-select{gap:5px;font-size:8px}.compact-select select{padding-top:5px;padding-bottom:5px;font-size:9px}.tuner-display{grid-template-columns:1fr 1.1fr 1fr;min-height:150px;padding:23px 6% 0}.metric-label{letter-spacing:1px;font-size:6px}.side-metric>div{font-size:18px}.side-metric small{margin-top:5px;font-size:8px;display:block}.note-value{font-size:64px}.note-value span{font-size:28px}.pitch-status{min-height:26px;margin-top:7px;font-size:8px;line-height:1.6}.tuning-ruler{margin-top:22px;margin-bottom:20px}.ruler-ticks i{height:8px}.ruler-ticks i.major{height:16px}.tuner-bottom{padding:12px 14px}.input-meter{gap:5px;font-size:8px}.meter-bars{gap:2px;margin:0 3px}.meter-bars i{width:2px;height:9px}.signal-detail{max-width:88px;font-size:7px}.mono{font-size:7px}.history-card{padding:17px 14px 14px}.section-heading h2{font-size:11px}.section-heading h2 span{display:none}.pitch-graph{height:155px;max-height:none;margin-top:20px}.graph-footer{font-size:7px}.reference-card{grid-template-columns:1fr;gap:24px;padding:20px}.reference-copy p{max-width:none}.reference-copy h2{font-size:23px}.reference-controls{margin-top:17px}.volume{margin-top:-24px;position:absolute;right:37px}.keyboard{height:112px}.keyboard-heading{margin-bottom:12px}.keyboard-heading>span{font-size:8px}.octave-control{font-size:10px}.lock-reference{font-size:9px}.page-footer{flex-direction:column;gap:14px;font-size:8px}.page-footer>span{max-width:none}.page-footer button{font-size:9px}.version{font-size:7px}.settings-panel{padding:28px 22px}.diagnostics{font-size:10px}.setting-row select{max-width:220px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}