:root{color-scheme:light;--bg: #f5efe6;--bg-deep: #eadfce;--ink: #202b28;--muted: #64706b;--panel: #fffdf9;--line: #d8d2c8;--accent: #17745f;--accent-strong: #0f5949;--accent-soft: #dceee7;--gold: #c67b36;--flat: #3475a9;--sharp: #a74f68;--good: #17745f;--shadow: 0 20px 55px rgba(50, 45, 36, .09);font-family:Avenir Next,Avenir,Segoe UI,ui-sans-serif,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% 0%,rgba(255,252,244,.95) 0,transparent 31rem),linear-gradient(145deg,var(--bg) 0%,#f9f5ed 55%,var(--bg-deep) 140%)}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{display:flex;justify-content:center;align-items:center;width:min(1320px,100%);margin:0 auto;padding:22px clamp(18px,4vw,48px) 18px}.brand{display:flex;gap:12px;align-items:center;border:0;padding:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.brand:hover .brand__mark{background:var(--accent-strong);transform:translateY(-1px)}.brand__mark{transition:background .16s ease,transform .16s ease}.brand__mark{display:grid!important;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--ink)}.brand__mark svg{color:#fff8ec;width:23px;height:23px}.brand span{display:block;font-weight:850;font-size:1.22rem;letter-spacing:-.025em}.brand small,.hint,.panel p,.intro p,.target-card small,.note-result small,.disclaimer{color:var(--muted)}.brand small{margin-top:1px;font-size:.8rem}.site-footer{width:min(1320px,100%);margin:auto auto 0;padding:22px clamp(18px,4vw,48px);color:var(--muted);font-size:.78rem;font-weight:650;text-align:center}.about-modal{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#202b287a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:about-modal-in .18s ease-out}.about-modal__panel{width:min(680px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;padding:clamp(24px,5vw,42px);border:1px solid rgba(45,55,51,.16);border-radius:22px;background:var(--panel);box-shadow:0 28px 80px #202b2840}.about-modal__header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.about-modal__header .eyebrow{margin:0 0 8px}.about-modal__header h2{font-size:clamp(2rem,5vw,3rem);letter-spacing:-.04em}.about-modal__close{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:#fff;cursor:pointer}.about-modal__close:hover{color:var(--ink);border-color:var(--accent);background:var(--accent-soft)}.about-modal__close svg{width:19px;height:19px}.about-modal__lead{margin:22px 0 0;color:var(--muted);font-size:1.05rem;line-height:1.6}.about-modal__content{display:grid;grid-template-columns:1.12fr .88fr;gap:26px;margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.about-modal__content h3{margin:0 0 10px;font-size:1rem}.about-modal__content p,.about-modal__content li{color:var(--muted);line-height:1.55}.about-modal__content p{margin:0}.about-modal__content ol{display:grid;gap:10px;margin:0;padding-left:21px}.about-modal__footer{display:grid;gap:14px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.about-modal__link,.about-modal__contact{display:inline-flex;gap:8px;align-items:flex-start;width:fit-content;color:var(--accent-strong);font-weight:800;line-height:1.45;text-decoration:none}.about-modal__link:hover{text-decoration:underline}.about-modal__link svg{width:17px;height:17px;margin-top:2px}.about-modal__contact{color:var(--muted);font-size:.9rem;font-weight:500}.about-modal__contact svg{flex:0 0 auto;width:18px;height:18px;margin-top:2px;color:var(--accent)}.about-modal__contact strong{color:var(--ink)}@keyframes about-modal-in{0%{opacity:0}to{opacity:1}}.practice-controls{position:sticky;top:0;z-index:20;width:min(1240px,calc(100% - 36px));margin:0 auto;border:1px solid rgba(45,55,51,.13);border-radius:18px;background:#fffdf9f0;box-shadow:0 14px 40px #312c231c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.selector-bar{display:grid;grid-template-columns:132px auto 112px auto minmax(220px,1.25fr) minmax(170px,.9fr) auto;gap:9px;align-items:end;padding:10px 12px}.selector-bar .button{min-height:42px}.button--hear,.button--mic-access{padding-inline:11px}.selector-field{display:grid;gap:5px}.selector-field>span{color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.selector-field select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:10px;padding:0 38px 0 12px;background:#fff;color:var(--ink);font-weight:750}.selector-field select:disabled{background:#f3f0e9;color:#717874;cursor:not-allowed}.selector-field--note select{padding-right:30px}.warmup-selector{display:grid;grid-template-columns:auto minmax(260px,.45fr) minmax(0,1fr);gap:18px;align-items:center;width:100%;margin-bottom:14px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#ffffffc7}.warmup-selector__label{color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.warmup-selector__field select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:10px;padding:0 38px 0 12px;background:#fff;color:var(--ink);font:inherit;font-size:1rem;font-weight:750}.warmup-selector p{margin:0;color:var(--muted);line-height:1.45}.tempo-input{display:flex;align-items:center;min-height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.tempo-input input{width:58px;min-height:40px;border:0;padding:0 7px 0 10px;background:transparent;color:var(--ink);font:inherit;font-weight:750}.tempo-input input:focus{outline:none}.tempo-input>span{padding-right:9px;color:var(--muted);font-size:.7rem;font-weight:800}.guide-control{min-width:120px}.guide-control label{white-space:nowrap}.guide-control{display:grid;gap:3px}.guide-control label{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:.72rem;font-weight:750}.guide-control label svg{width:15px;height:15px}.guide-control label strong{margin-left:auto;color:var(--ink)}.guide-control input{width:100%;min-height:26px;accent-color:var(--accent)}.audio-controls{position:relative;align-self:stretch}.audio-controls summary{height:100%;min-height:40px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border:1px solid var(--line);border-radius:10px;color:var(--accent-strong);background:#ffffff9e;cursor:pointer;list-style:none;font-size:.78rem;font-weight:800;white-space:nowrap}.audio-controls summary::-webkit-details-marker{display:none}.audio-controls summary svg{width:16px;height:16px}.audio-controls[open] summary{border-color:var(--accent);background:var(--accent-soft)}.audio-controls__body{position:absolute;z-index:2;top:calc(100% + 9px);right:0;display:grid;grid-template-columns:minmax(210px,1.1fr) minmax(150px,.8fr) auto;gap:14px;width:min(720px,calc(100vw - 44px));padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 16px 35px #312c2324}.audio-controls__microphone,.audio-controls__body .guide-control{display:grid;gap:5px;align-content:center}.audio-controls__microphone>span{color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.audio-controls__microphone select{min-height:40px;width:100%;border:1px solid var(--line);border-radius:9px;padding:0 10px;background:#fff;color:var(--ink);font-weight:700}.audio-controls__actions{display:flex;gap:8px;align-items:center}.app-main{width:min(1120px,100%);margin:0 auto;padding:clamp(18px,4vw,44px);flex:1}.app-main--setup{display:grid;gap:24px}.intro{display:grid;gap:22px;align-items:end;grid-template-columns:minmax(0,.85fr) minmax(360px,1fr)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-strong);font-weight:800;font-size:.78rem}h1{font-size:clamp(2.4rem,5vw,5.4rem);line-height:.95;margin:0 0 12px;letter-spacing:0}h2{margin:0;font-size:1.15rem}.app-main--welcome{width:min(1240px,100%)}.welcome-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr);gap:clamp(30px,6vw,90px);align-items:end;min-height:340px;padding:clamp(28px,5vw,66px);border:1px solid rgba(45,55,51,.12);border-radius:26px;background:radial-gradient(circle at 86% 20%,rgba(216,239,229,.95),transparent 19rem),var(--panel);box-shadow:var(--shadow)}.welcome-card:after{content:"";position:absolute;width:230px;height:230px;right:-95px;top:-105px;border:28px solid rgba(23,116,95,.08);border-radius:50%;pointer-events:none}.welcome-card h1{max-width:760px;font-size:clamp(2.8rem,6.5vw,5.9rem);letter-spacing:-.055em}.welcome-card p:not(.eyebrow){max-width:650px;margin:0;color:var(--muted);font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.6}.welcome-card__scale{display:grid;gap:12px}.welcome-card__scale>span{color:var(--accent-strong);font-size:.75rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.setup-columns{display:grid;gap:18px;grid-template-columns:1fr 1fr;align-items:start}.panel,.target-card,.results-summary,.note-result{background:#ffffffdb;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.panel{padding:22px;display:grid;gap:18px}.panel__heading{display:flex;gap:14px;align-items:flex-start}.panel__heading svg{color:var(--accent);flex:0 0 auto}.octave-preview{display:inline-flex;margin-top:8px;padding:5px 9px;border:1px solid rgba(31,122,109,.2);border-radius:999px;background:#1f7a6d14;color:var(--accent-strong);font-size:.78rem;font-weight:800}.field{display:grid;gap:7px;font-weight:700}.field span{font-size:.9rem}.field select,.field input[type=number]{min-height:44px;border:1px solid var(--line);border-radius:6px;padding:0 12px;background:#fff;color:var(--ink)}.field input[type=range]{min-height:44px;accent-color:var(--accent)}.setup-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.setup-grid .field:last-child{grid-column:1 / -1}.button-row{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:44px;border:1px solid var(--line);border-radius:10px;padding:0 16px;display:inline-flex;gap:8px;align-items:center;justify-content:center;cursor:pointer;font-weight:800;background:#fff;color:var(--ink);white-space:nowrap}.button svg{width:17px;height:17px}.button--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.button--ghost{background:#ffffffb3}.button--secondary{min-height:40px;padding:0 12px;background:transparent;font-size:.78rem}.button--start{min-height:44px;padding-inline:18px}.button:disabled{opacity:.45;cursor:not-allowed}.meter{display:grid;gap:8px}.meter__track{position:relative;height:14px;border-radius:999px;background:#ecefeb;overflow:hidden;border:1px solid var(--line)}.meter__safe{position:absolute;left:36%;width:42%;top:0;bottom:0;background:#1f7a6d2e}.meter__fill{position:absolute;left:0;top:0;bottom:0;border-radius:inherit;background:linear-gradient(90deg,var(--flat),var(--accent),var(--gold));transition:width .18s cubic-bezier(.22,1,.36,1),background .22s ease}.meter__signal-dot{position:absolute;top:50%;left:clamp(4px,var(--meter-percent, 0%),calc(100% - 4px));width:8px;height:8px;border:2px solid var(--panel);border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #17745f29;transform:translate(-50%,-50%);transition:left .18s cubic-bezier(.22,1,.36,1),background .22s ease,box-shadow .22s ease;animation:meter-pulse 1.8s ease-in-out infinite}.meter--waiting .meter__signal-dot,.meter--no-input .meter__signal-dot{background:#9aa49e;box-shadow:0 0 0 3px #9aa49e24;animation:none}.meter--too-quiet .meter__signal-dot{background:var(--gold);box-shadow:0 0 0 3px #c67b3629}.meter--clipping .meter__signal-dot{background:var(--sharp);box-shadow:0 0 0 3px #a74f682e;animation-duration:.8s}.meter__labels{display:flex;justify-content:space-between;color:var(--muted);font-size:.86rem}@keyframes meter-pulse{0%,to{transform:translate(-50%,-50%) scale(.9);opacity:.86}50%{transform:translate(-50%,-50%) scale(1.18);opacity:1}}.progress-row{list-style:none;display:grid;gap:8px;grid-template-columns:repeat(8,minmax(0,1fr));padding:0;margin:0}.progress-row__item{border:1px solid var(--line);border-radius:6px;padding:10px 8px;background:#ffffffb8;text-align:center;min-width:0}.progress-row__item span,.progress-row__item small{display:block;overflow-wrap:anywhere}.progress-row__item--current{border-color:var(--accent);box-shadow:inset 0 0 0 2px #1f7a6d2e}.progress-row__item--completed{background:#1f7a6d1f}.app-main--focus,.app-main--exercise,.app-main--results{display:grid;gap:24px;align-content:center}.app-main--exercise{width:min(1320px,100%);gap:18px;padding-top:clamp(16px,2.5vw,30px);padding-bottom:clamp(16px,2.5vw,30px);align-content:start}.app-main--idle{gap:12px}.pitch-timeline--disabled{opacity:.58;filter:saturate(.55)}.pitch-timeline--disabled .pitch-timeline__playhead{opacity:.35}.pitch-timeline--counting-in{position:relative}.pitch-timeline__count-in{position:absolute;top:18%;right:8%;bottom:18%;left:9%;display:grid;place-items:center;border-radius:12px;background:#fffdf9b8;color:var(--accent);font-size:clamp(5rem,17vw,11rem);line-height:.85;font-weight:900;text-shadow:0 3px 0 rgba(255,253,249,.9);pointer-events:none}.count-in{text-align:center;padding:40px 0}.count-in__number{display:block;font-size:clamp(6rem,20vw,13rem);line-height:.85;font-weight:900;color:var(--accent)}.exercise-feedback{display:grid;gap:18px}.exercise-feedback__controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}.target-card{padding:24px;text-align:center;display:grid;gap:4px;justify-items:center}.target-card strong{font-size:clamp(3rem,8vw,6.5rem);line-height:.9}.target-card span:not(.target-card__eyebrow){font-size:1.4rem;font-weight:800}.target-card__eyebrow{color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.target-card__time{margin-top:8px;border:1px solid var(--line);border-radius:999px;padding:7px 12px;color:var(--muted)}.live-feedback{display:grid;justify-items:center;text-align:center;gap:8px}.live-feedback h1{font-size:clamp(2.2rem,7vw,5.2rem)}.live-feedback svg{color:var(--accent)}.live-feedback--flat svg{color:var(--flat);transform:rotate(-25deg)}.live-feedback--sharp svg{color:var(--sharp);transform:rotate(25deg)}.live-feedback--in-tune svg{color:var(--good)}.session-readout{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(300px,1.5fr) minmax(160px,.62fr);overflow:hidden;background:#ffffffe6;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.session-readout>div{min-width:0;padding:16px 20px}.session-readout>div+div{border-left:1px solid var(--line)}.session-readout__target{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:baseline}.session-readout__target span,.session-readout__stats span{grid-column:1 / -1;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.session-readout__target strong{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1;color:var(--accent-strong)}.session-readout__target b{color:var(--muted);font-size:1rem}.session-readout__coach{display:flex;gap:14px;align-items:center}.session-readout__coach svg{flex:0 0 auto;width:30px;height:30px;color:var(--accent)}.session-readout__coach div{display:grid;gap:2px;min-width:0}.session-readout__coach strong{font-size:clamp(1.25rem,2.2vw,1.9rem);line-height:1.05}.session-readout__coach span{color:var(--muted);overflow-wrap:anywhere}.session-readout__coach--flat svg{color:var(--flat)}.session-readout__coach--sharp svg{color:var(--sharp)}.session-readout__coach--in-tune svg{color:var(--good)}.session-readout__coach--wrong-note svg,.session-readout__coach--wrong-octave svg{color:var(--gold)}.session-readout__stats{display:grid;justify-items:end;align-content:center}.session-readout__stats strong{font-size:1.55rem}.session-readout__stats small{color:var(--muted)}.pitch-timeline{margin:0;padding:clamp(10px,1.5vw,18px);background:#ffffffe6;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);overflow:hidden}.pitch-timeline svg{display:block;width:100%;max-height:min(58vh,590px)}.pitch-timeline__canvas{fill:#f7f8f5;stroke:var(--line);stroke-width:1}.pitch-timeline__row{fill:#ffffff8c}.pitch-timeline__row--black{fill:#1f27240b}.pitch-timeline__row--exercise{fill:#1f7a6d0b}.pitch-timeline__grid-line{stroke:#66706b2b;stroke-width:1}.pitch-timeline__key{fill:#fff;stroke:#aeb6b0;stroke-width:1}.pitch-timeline__key--black{fill:#28302d;stroke:#1b201e}.pitch-timeline__key-label{text-anchor:end;fill:#434a46;font-size:10px;font-weight:800}.pitch-timeline__key-label--black{fill:#fff}.pitch-timeline__target rect{fill:#1f7a6d29;stroke:#1f7a6d75;stroke-width:1.2}.pitch-timeline__target text{text-anchor:middle;fill:var(--accent-strong);font-size:10px;font-weight:900}.pitch-timeline__target--active rect{fill:#1f7a6d4d;stroke:var(--accent);stroke-width:2.3}.pitch-timeline__target--active text{fill:#104b43}.pitch-timeline__target--complete{opacity:.48}.pitch-timeline__expected-line{fill:none;stroke:#155a50b8;stroke-width:2.2;stroke-dasharray:7 4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.pitch-timeline__trail{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}circle.pitch-timeline__trail{fill:var(--accent);stroke:none}.pitch-timeline__trail--flat{stroke:var(--flat)}.pitch-timeline__trail--sharp{stroke:var(--sharp)}.pitch-timeline__trail--in-tune{stroke:var(--good)}.pitch-timeline__trail--wrong-note,.pitch-timeline__trail--wrong-octave{stroke:var(--gold)}.pitch-timeline__trail--listening{stroke:#7d8781}circle.pitch-timeline__trail--flat{fill:var(--flat)}circle.pitch-timeline__trail--sharp{fill:var(--sharp)}circle.pitch-timeline__trail--in-tune{fill:var(--good)}circle.pitch-timeline__trail--wrong-note,circle.pitch-timeline__trail--wrong-octave{fill:var(--gold)}circle.pitch-timeline__trail--listening{fill:#7d8781}.pitch-timeline__playhead-group{transform-box:view-box;transform-origin:0 0;transition:transform 80ms linear;will-change:transform}.pitch-timeline__playhead-group--playback{transition:none}.pitch-timeline__playhead{stroke:#202124;stroke-width:2;stroke-dasharray:5 5;vector-effect:non-scaling-stroke}.pitch-timeline__playhead-cap{fill:#202124}.pitch-timeline__live-point circle{fill:#202124;stroke:#fff;stroke-width:3;vector-effect:non-scaling-stroke}.pitch-timeline__live-point--holding circle{fill:#7d8781;stroke-dasharray:2 2}.pitch-timeline__range-arrow{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.pitch-timeline figcaption{display:flex;align-items:center;gap:18px;padding:8px 5px 0 88px;color:var(--muted);font-size:.78rem;font-weight:700}.pitch-timeline figcaption span{display:inline-flex;align-items:center;gap:6px}.pitch-timeline__progress{margin-left:auto;color:var(--ink);font-variant-numeric:tabular-nums}.legend-line{width:18px;height:0;display:inline-block;border-top:3px solid}.legend-line--target{border-color:var(--accent-strong);border-top-style:dashed}.legend-line--voice{border-color:#202124;border-radius:999px}.pitch-lane{width:100%;min-height:140px}.pitch-lane__rail{stroke:#bcc7bf;stroke-width:1.4}.pitch-lane__target{fill:#22745f29}.pitch-lane__center{stroke:var(--good);stroke-width:1.1}.pitch-lane__tick{stroke:#7d8781;stroke-width:.7}.pitch-lane__marker{fill:var(--accent);stroke:#fff;stroke-width:1.5;transition:cx .12s ease,opacity .12s ease}.pitch-lane--flat .pitch-lane__marker{fill:var(--flat)}.pitch-lane--sharp .pitch-lane__marker{fill:var(--sharp)}.pitch-lane--wrong-note .pitch-lane__marker,.pitch-lane--wrong-octave .pitch-lane__marker{fill:var(--gold)}.pitch-lane__text{font-size:3px;fill:var(--muted)}.pitch-lane__text--center{text-anchor:middle}.pitch-lane__text--end{text-anchor:end}.results-summary{padding:clamp(24px,4vw,44px);display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.6fr);gap:clamp(24px,5vw,72px);align-items:center;text-align:left}.results-summary>div+div{border-left:1px solid var(--line);padding-left:clamp(24px,5vw,72px)}.results-summary .eyebrow{margin:0 0 8px}.results-summary__coverage strong{display:block;color:var(--accent-strong);font-size:clamp(2.8rem,6vw,5.2rem);line-height:.95}.results-summary__coverage p:last-child,.results-summary__suggestion p:last-child{margin:8px 0 0;color:var(--muted)}.results-summary__suggestion h2{margin:0;font-size:clamp(1.7rem,3.5vw,3rem);line-height:1.05}.results-summary--positive{border-color:#1f7a6d59}.results-summary--positive .results-summary__suggestion .eyebrow{color:var(--good)}.results-summary--steady{border-color:#c1891f6b}.results-summary--steady .results-summary__suggestion .eyebrow{color:var(--gold)}.results-summary--encouraging{border-color:#1f7a6d4d}.results-summary--encouraging .results-summary__suggestion .eyebrow{color:var(--accent)}.app-main--results{width:min(1320px,100%);align-content:start}.results-performance{display:grid;gap:14px}.results-actions{justify-content:center;margin:2px 0 0}.results-performance__heading,.results-section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px}.results-performance__heading{justify-content:center;text-align:center}.results-performance__heading .eyebrow,.results-section-heading .eyebrow{margin:0 0 5px}.results-performance__heading .eyebrow{font-size:clamp(1.15rem,2.2vw,1.65rem)}.results-performance__description{width:100%;max-width:none;margin:0;color:var(--muted);text-align:center;white-space:nowrap}.results-section-heading>p{max-width:620px;margin:0;color:var(--muted)}.results-performance .pitch-timeline{width:100%}.assessment-playback{display:grid;grid-template-columns:minmax(260px,1fr) minmax(280px,520px);gap:20px;align-items:center;padding:16px 18px;background:#ffffffe0;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.assessment-playback__label{display:flex;align-items:center;gap:12px;min-width:0}.assessment-playback__label svg{color:var(--accent);flex:0 0 auto}.assessment-playback__label div{display:grid;gap:3px}.assessment-playback__label span,.assessment-playback__status{color:var(--muted);font-size:.88rem}.assessment-playback audio{display:block;width:100%;min-height:44px;accent-color:var(--accent)}.assessment-playback__status{justify-self:end}.results-section-heading{margin-top:6px}.results-section-heading h2,.results-performance__heading h2{font-size:clamp(1.35rem,2.5vw,2rem)}.results-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.note-result{padding:16px;display:grid;gap:6px}.note-result strong{font-size:1.5rem}.note-result__step{color:var(--accent-strong)!important;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.disclaimer{text-align:center}.error-panel ol{margin:0;padding-left:20px;color:var(--muted)}.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}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(max-width:820px){.site-header,.intro,.setup-columns,.exercise-topbar{grid-template-columns:1fr}.site-header{align-items:center;gap:12px}.practice-controls{position:static;width:calc(100% - 28px)}.selector-bar{grid-template-columns:1fr auto}.selector-bar__fields,.selector-bar__actions{grid-column:1 / -1}.selector-bar__fields{grid-template-columns:minmax(160px,1fr) auto minmax(150px,.8fr)}.warmup-selector{grid-template-columns:auto minmax(180px,1fr);gap:8px 12px}.warmup-selector p,.button--start{grid-column:1 / -1}.welcome-card{grid-template-columns:1fr;min-height:0}.intro{align-items:start}.setup-grid,.results-grid{grid-template-columns:1fr}.results-performance__heading,.results-section-heading{display:grid;align-items:start;gap:8px}.results-performance__description{white-space:normal}.assessment-playback{grid-template-columns:1fr;gap:12px}.assessment-playback__status{justify-self:start}.progress-row{grid-template-columns:repeat(4,minmax(0,1fr))}.session-readout{grid-template-columns:1fr 1fr}.session-readout__coach{grid-column:1 / -1;grid-row:2;border-left:0!important;border-top:1px solid var(--line)}.session-readout__stats{border-left:1px solid var(--line)}.pitch-timeline{padding:8px}.pitch-timeline figcaption{padding-left:56px}.pitch-timeline__target text,.pitch-timeline__key-label{font-size:16px}}@media(max-width:520px){.site-footer{padding:18px 14px;font-size:.7rem}.practice-controls{width:calc(100% - 20px);border-radius:14px}.selector-bar{grid-template-columns:1fr;gap:12px}.selector-bar__fields,.selector-bar__actions{grid-column:auto}.selector-bar__fields{grid-template-columns:1fr auto}.selector-bar__fields .selector-field:last-child{grid-column:1 / -1}.selector-bar__actions{justify-content:stretch}.selector-bar__actions .button{flex:1}.audio-controls__body{position:fixed;left:10px;right:10px;top:auto;width:auto}.button--start{grid-column:auto}.welcome-card{padding:26px 20px;border-radius:18px}.welcome-card h1{font-size:clamp(2.6rem,14vw,4rem)}.welcome-card__scale .progress-row{grid-template-columns:repeat(4,minmax(0,1fr))}.results-summary{grid-template-columns:1fr;gap:24px}.results-summary>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:24px}.app-main--exercise{padding-left:10px;padding-right:10px}.about-modal__content{grid-template-columns:1fr;gap:20px}.session-readout>div{padding:12px 14px}.session-readout__coach svg{width:24px;height:24px}.session-readout__stats strong{font-size:1.25rem}.pitch-timeline figcaption{padding-left:0;gap:10px}.pitch-timeline figcaption span{font-size:.7rem}}.site-header{padding:15px 14px 12px}.brand small{display:none}