.wave-page{padding-top:20px}.wave-page .page-head{padding:38px 0 25px}.wave-page h1{font-size:clamp(54px,7vw,88px)}.wave-page .lede{font-size:17px;max-width:58ch;text-align:center}.instrument{padding:clamp(18px,3vw,36px);background:#102730eb;border:1px solid #60787480;border-radius:30px 0}.instrument-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.micro{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#bcc8be}.base-switch{display:flex;align-items:center;gap:10px;font-size:12px;cursor:pointer}.base-switch input{width:34px;height:20px;accent-color:#a6d6b1;cursor:pointer}.base-switch strong{font:26px Cormorant,serif;color:#d0bf8b;margin-left:5px}#base-state{font-size:10px;color:#bcc8be}.plot-head{text-align:center;margin:17px 0 10px}.plot-head h2{font-size:29px;margin:0}canvas{display:block;width:100%;border-block:1px solid #60787450}#sum{height:180px}#waves{height:230px}.pitch-picker{max-width:760px;margin:22px auto 0;text-align:center}.pitch-picker>label{display:block}#pitch-label{display:block;font:46px/1.15 Cormorant,serif;margin-top:6px;color:#e5e5d9}#pitch-name{font-size:12px;margin:4px 0 15px;min-height:22px;color:#c1cbc0}.green-text,#pitch-label.green-text,#pitch-name.green-text{color:#baf3ca}.slider-row{display:flex;align-items:center;gap:18px}.slider-row button{flex-shrink:0;width:40px;height:40px;border:1px solid #839c9b;background:none;border-radius:50%;color:#e1e8df;font-size:23px;cursor:pointer}.slider-row button:disabled{opacity:.3;cursor:default}.pitch-track{position:relative;flex:1;min-width:0;padding-bottom:24px}#pitch{display:block;width:100%;margin:0;height:32px;accent-color:#b3d6ed;cursor:ew-resize}#harmonic-marks{position:absolute;top:33px;left:8px;right:8px;height:18px;pointer-events:none}#harmonic-marks span{position:absolute;transform:translateX(-50%);font-size:9px;color:#a6dbb5;line-height:14px}#harmonic-marks span:before{content:'';display:block;width:3px;height:5px;background:#a6dbb5;margin:auto}.slider-scale{display:flex;justify-content:space-between;margin:-7px 58px 0;font-size:9px;color:#afc1bf}#pitch-help{font-size:11px;margin:14px 0 0;color:#b7c9c1}.observation{text-align:center;font-size:12px;color:#b8cec4;margin:15px 0;min-height:23px}.transport{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:5px 0 15px}.transport button{color:inherit;background:none;border:1px solid #738887;border-radius:24px;padding:9px 16px;font-size:12px;cursor:pointer}.transport #sound{background:#d0bf8b;color:#142e38;padding:12px 23px;font-weight:600}.transport button:hover{background:#29464c}.transport #sound:hover{background:#e4d5a5}#audio-message{font-size:12px;color:#e4c292;margin:5px 0;text-align:center}.advanced{border-top:1px solid #60787470;margin-top:12px;padding-top:18px}.advanced>summary{cursor:pointer;text-align:center;font-size:13px;color:#d0bf8b;padding:10px 0}.advanced[open]>.plot-head{margin-top:25px}.legend{display:flex;justify-content:center;gap:10px 20px;flex-wrap:wrap;font-size:10px;margin-top:12px;color:#c1cbc0}.legend span:before{content:'';display:inline-block;width:14px;height:2px;margin:0 6px 3px 0;background:#d0bf8b}.legend .note-key:before{background:#8ec6de}.legend .green-key:before{background:#99dfad}.advanced-settings{margin:25px 0 12px}.volume{display:flex;align-items:center;gap:9px;font-size:11px}.volume input{width:90px;accent-color:#a6d6b1}.partials-head{max-width:65ch;margin:35px auto 25px}.partials-head h2{font-size:34px}.partials-head p{font-size:13px}.partials{display:grid;gap:10px}.partial-row{display:grid;grid-template-columns:85px 1fr;align-items:center;gap:12px}.partial-label{font-size:10px}.partial-cells{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px}.partial{border:1px solid #60787480;text-align:center;padding:8px 0;color:#c1cbc0;font-size:11px}.partial.shared{background:#284e3c;color:#bcf3ca;border-color:#89bf9a}.explanation{padding:35px 0}.explanation details{border-bottom:1px solid #60787480;padding:17px 0}.explanation summary{cursor:pointer;color:#d0bf8b;font-size:13px}.explanation details p{font-size:13px;margin-top:15px}.wave-page button:focus-visible,.wave-page input:focus-visible{outline:2px solid #a6d6b1;outline-offset:3px}@media(max-width:760px){.wave-page{padding-top:0}.wave-page .page-head{padding:28px 0 20px}.wave-page .lede{font-size:15px}.instrument{padding:18px 12px}.instrument-top{justify-content:center}.instrument-top>.micro{display:none}#sum{height:150px}.plot-head h2{font-size:27px}.slider-row{gap:10px}.slider-row button{width:36px;height:36px}.slider-scale{margin-inline:46px}.partial-row{grid-template-columns:1fr;gap:4px}.partial-cells{gap:3px}.partial{font-size:10px}#pitch-help{font-size:10px}.pitch-picker{margin-top:18px}} .pitch-track{padding-bottom:0}.slider-row{align-items:flex-start}.slider-row>button{margin-top:-4px}.slider-scale{margin-top:8px}#harmonic-marks{top:32px;height:5px}#harmonic-shortcuts{display:flex;justify-content:space-between;gap:3px;margin-top:12px}.slider-row #harmonic-shortcuts button{width:24px;height:24px;min-width:24px;padding:0;border:1px solid #6fa887;border-radius:7px;color:#baf3ca;background:#1b3c32;font:10px Manrope,sans-serif;cursor:pointer}.slider-row #harmonic-shortcuts button:hover{background:#365b44}.slider-row #harmonic-shortcuts button[aria-pressed=true]{background:#9bd4ae;color:#142e38;border-color:#baf3ca}