.pron-lab{color:var(--color-paper);overflow:hidden}.pron-lab button,.pron-lab input{font:inherit}.pron-lab button{color:inherit}.pron-lab .eyebrow{margin:0 0 1.25rem;color:var(--color-paper-faint);font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.pron-lab .hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(21rem,.55fr);grid-template-areas:"eye progress" "title progress" "copy progress";gap:1rem clamp(3rem,7vw,7rem);align-items:center;padding-block:clamp(4.5rem,9vw,8rem)}.pron-lab .hero>.eyebrow{grid-area:eye;align-self:end}.pron-lab .hero h1{grid-area:title;margin:0;font-family:var(--font-display);font-size:clamp(4.2rem,8.2vw,8.8rem);font-weight:800;letter-spacing:-.065em;line-height:.86}.pron-lab .hero h1 em{color:var(--color-acid);font-style:normal}.pron-lab .hero-copy{grid-area:copy;align-self:start;max-width:42rem;margin:1.5rem 0 0;color:var(--color-paper-dim);font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.6}.pron-lab .progress-card{grid-area:progress;border:1px solid var(--color-ink-700);background:var(--color-ink-850);padding:clamp(1.5rem,3vw,2rem)}.pron-lab .progress-card>div:first-child{display:flex;align-items:flex-end;justify-content:space-between}.pron-lab .progress-card span,.pron-lab .progress-card small{color:var(--color-paper-faint);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.pron-lab .progress-card strong{font-family:var(--font-mono);font-size:1.45rem;font-weight:500}.pron-lab .progress-track{height:3px;margin:1.35rem 0 .8rem;background:var(--color-ink-700)}.pron-lab .progress-track i{display:block;width:0;height:100%;background:var(--color-acid);transition:width .3s ease}.pron-lab .lab{padding-bottom:clamp(5rem,10vw,9rem)}.pron-lab .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;border-top:1px solid var(--color-ink-700);padding-top:clamp(3.5rem,7vw,6.5rem)}.pron-lab .section-head h2,.pron-lab .coach h2{margin:0;font-family:var(--font-display);font-size:clamp(3rem,6vw,6.2rem);font-weight:800;letter-spacing:-.055em;line-height:.95}.pron-lab .search{display:flex;width:min(24rem,40%);height:3.6rem;align-items:center;border:1px solid var(--color-ink-700);background:var(--color-ink-850)}.pron-lab .search input{width:100%;height:100%;border:0;outline:0;background:transparent;padding:0 1rem;color:var(--color-paper)}.pron-lab .search b{margin-right:1rem;color:var(--color-acid);font-size:1.6rem}.pron-lab .filters{display:flex;gap:.5rem;flex-wrap:wrap;margin:2.5rem 0 1.5rem}.pron-lab .filters button{cursor:pointer;border:1px solid var(--color-ink-700);border-radius:999px;background:var(--color-ink-850);padding:.75rem 1rem;color:var(--color-paper-dim);transition:.2s ease}.pron-lab .filters button span{margin-left:.3rem;color:var(--color-paper-faint);font-family:var(--font-mono);font-size:.68rem}.pron-lab .filters button:hover,.pron-lab .filters button.active{border-color:var(--color-acid);background:var(--color-acid);color:var(--color-ink-900)}.pron-lab .filters button.active span{color:var(--color-ink-700)}.pron-lab .workspace{display:grid;grid-template-columns:minmax(28rem,.8fr) minmax(39rem,1.2fr);gap:1.25rem;align-items:start}.pron-lab .sound-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem;max-height:51rem;overflow:auto;padding-right:.25rem}.pron-lab .sound-card{position:relative;display:flex;aspect-ratio:1;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--color-ink-700);background:var(--color-ink-850)}.pron-lab .sound-card strong{font-family:var(--font-mono);font-size:1.45rem;font-weight:500}.pron-lab .sound-card small{margin-top:.35rem;color:var(--color-paper-faint);font-size:.65rem}.pron-lab .sound-card:hover,.pron-lab .sound-card.active{border-color:var(--color-acid);background:color-mix(in srgb,var(--color-acid) 5%,var(--color-ink-850))}.pron-lab .sound-card.active strong{color:var(--color-acid)}.pron-lab .sound-card.mastered:after{content:"✓";position:absolute;top:.25rem;right:.35rem;color:var(--color-acid);font-family:var(--font-mono);font-size:.65rem}.pron-lab .empty{grid-column:1/-1;padding:2rem;color:var(--color-paper-dim)}.pron-lab .detail{border:1px solid var(--color-ink-700);background:var(--color-ink-850);padding:clamp(1.5rem,3.2vw,2.6rem)}.pron-lab .detail-top{display:flex;justify-content:space-between;gap:2rem}.pron-lab .big-symbol{color:var(--color-acid);font-family:var(--font-mono);font-size:clamp(5rem,8vw,8rem);font-weight:500;line-height:.9}.pron-lab .example-main{margin:1rem 0 0;font-size:1.35rem}.pron-lab .example-main span{margin-left:.7rem;color:var(--color-paper-faint);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em}.pron-lab .round-action{align-self:flex-start;cursor:pointer;border:1px solid var(--color-ink-600);border-radius:999px;background:transparent;padding:.85rem 1.1rem}.pron-lab .round-action:hover{border-color:var(--color-paper-dim)}.pron-lab .round-action span{margin-right:.45rem;color:var(--color-acid)}.pron-lab .example-list{display:grid;grid-template-columns:repeat(4,1fr);margin:2rem 0;border-block:1px solid var(--color-ink-700)}.pron-lab .example-list button{cursor:pointer;border:0;border-right:1px solid var(--color-ink-700);background:transparent;padding:1rem .7rem;text-align:left}.pron-lab .example-list button:last-child{border:0}.pron-lab .example-list button:hover{color:var(--color-acid)}.pron-lab .example-list small{display:block;margin-top:.2rem;color:var(--color-paper-faint)}.pron-lab .guide{display:grid;grid-template-columns:minmax(19rem,24rem) 1fr;gap:2.3rem;align-items:center;padding:1rem 0 2rem}.pron-lab .guide h3{margin:0 0 .6rem;font-family:var(--font-display);font-size:1.45rem;font-weight:700}.pron-lab .guide p:not(.eyebrow){color:var(--color-paper-dim);line-height:1.6}.pron-lab .voice{border:1px solid var(--color-ink-700);padding:.4rem .55rem;color:var(--color-paper-faint);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.12em}.pron-lab .detail-actions{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--color-ink-700);padding-top:1.5rem}.pron-lab .detail-actions button{cursor:pointer;border:0;background:transparent;padding:.7rem 0}.pron-lab .master-btn{color:var(--color-paper-dim)}.pron-lab .master-btn.learned{color:var(--color-acid)}.pron-lab .next-btn{font-weight:700}.pron-lab .coach-band{border-block:1px solid var(--color-ink-700);background:var(--color-ink-850)}.pron-lab .coach{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,7rem);align-items:center;padding-block:clamp(5rem,9vw,8rem)}.pron-lab .coach-intro>p:last-child{max-width:34rem;color:var(--color-paper-dim);line-height:1.65}.pron-lab .coach-card{border:1px solid var(--color-ink-700);background:var(--color-ink-900);padding:clamp(1.5rem,3vw,2.5rem)}.pron-lab .coach-card blockquote{margin:0 0 2rem;font-family:var(--font-display);font-size:clamp(1.8rem,3vw,3rem);font-weight:700;letter-spacing:-.03em;line-height:1.2}.pron-lab .coach-controls{display:flex;gap:.65rem}.pron-lab .coach-controls button{cursor:pointer;border:1px solid var(--color-ink-600);background:transparent;padding:.9rem 1.1rem}.pron-lab .coach-controls .record{border-color:var(--color-acid);background:var(--color-acid);color:var(--color-ink-900);font-weight:700}.pron-lab .coach-controls .record.recording{border-color:#d75a56;background:#d75a56;color:white}.pron-lab .coach-card audio{width:100%;margin-top:1rem}.pron-lab .mic-status{color:var(--color-paper-faint);font-size:.75rem}.pron-lab .minimal-pair{display:flex;align-items:center;gap:.75rem;margin-top:1.7rem;border-top:1px solid var(--color-ink-700);padding-top:1.4rem}.pron-lab .minimal-pair span{margin-right:auto;color:var(--color-paper-faint);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.14em}.pron-lab .minimal-pair button{cursor:pointer;border:1px solid var(--color-ink-700);background:var(--color-ink-800);padding:.5rem .75rem;font-family:var(--font-mono);font-size:1.15rem}.pron-lab .minimal-pair button:hover{border-color:var(--color-acid)}.pron-lab .mouth{position:relative}.pron-lab .vocal-diagram{display:block;width:100%;overflow:visible}.pron-lab .head-cut{fill:var(--color-ink-800);stroke:var(--color-ink-600);stroke-width:3}.pron-lab .palate{fill:var(--color-paper);stroke:var(--color-paper-faint);stroke-width:3}.pron-lab .upper-mouth,.pron-lab .lower-mouth{fill:none;stroke:var(--color-paper-dim);stroke-width:4;stroke-linecap:round}.pron-lab .tongue{fill:none;stroke:var(--color-acid);stroke-width:22;stroke-linecap:round;stroke-linejoin:round;filter:url(#softGlow);transition:d .45s ease}.pron-lab .tongue-shine{fill:none;stroke:#fff4a8;stroke-width:4;stroke-linecap:round;opacity:.7;transition:d .45s ease}.pron-lab .tooth{fill:var(--color-paper);stroke:var(--color-paper-faint);stroke-width:2}.pron-lab .lips{fill:none;stroke:var(--color-acid);stroke-width:7;stroke-linecap:round}.pron-lab .airflow{fill:none;stroke:var(--color-acid);stroke-width:4;stroke-dasharray:8 9;stroke-linecap:round;animation:lab-airflow 1.15s linear infinite}.pron-lab #airArrow path{fill:var(--color-acid)}.pron-lab .diagram-labels text{fill:var(--color-paper-faint);font:600 12px var(--font-sans);letter-spacing:.08em}.pron-lab .diagram-ipa{fill:var(--color-paper);font:600 24px var(--font-mono)}.pron-lab .voice-signal circle{fill:none;stroke:var(--color-acid);stroke-width:2;transform-origin:350px 246px;animation:lab-voice 1.5s ease-out infinite}.pron-lab .voice-signal circle:nth-child(2){animation-delay:.3s}.pron-lab .voice-signal circle:nth-child(3){animation-delay:.6s}.pron-lab .voice-signal.off{opacity:.12}.pron-lab .diagram-caption{display:block;margin-top:.25rem;color:var(--color-paper-faint);font-family:var(--font-mono);font-size:.56rem;letter-spacing:.13em;text-align:center}.pron-lab .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}@keyframes lab-airflow{to{stroke-dashoffset:-34}}@keyframes lab-voice{0%{opacity:.9;transform:scale(.7)}75%,100%{opacity:0;transform:scale(1.25)}}
@media(max-width:1100px){.pron-lab .hero{grid-template-columns:1fr;grid-template-areas:"eye" "title" "copy" "progress";gap:.5rem}.pron-lab .progress-card{max-width:38rem;margin-top:2rem}.pron-lab .workspace{grid-template-columns:1fr}.pron-lab .sound-grid{grid-template-columns:repeat(8,1fr);max-height:none}.pron-lab .coach{grid-template-columns:1fr;gap:3rem}}
@media(max-width:700px){.pron-lab .hero{padding-block:3.8rem 4.5rem}.pron-lab .hero h1{font-size:clamp(3.5rem,16vw,5rem)}.pron-lab .section-head{display:block;padding-top:3.5rem}.pron-lab .section-head h2,.pron-lab .coach h2{font-size:clamp(2.8rem,13vw,4.2rem)}.pron-lab .search{width:100%;margin-top:1.8rem}.pron-lab .filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.3rem}.pron-lab .filters button{white-space:nowrap}.pron-lab .sound-grid{grid-template-columns:repeat(5,1fr)}.pron-lab .sound-card strong{font-size:1.2rem}.pron-lab .detail{padding:1.4rem 1rem}.pron-lab .detail-top{gap:.7rem}.pron-lab .round-action{padding:.7rem .8rem}.pron-lab .example-list{grid-template-columns:repeat(2,1fr)}.pron-lab .example-list button:nth-child(2){border-right:0}.pron-lab .guide{grid-template-columns:1fr}.pron-lab .mouth{width:min(100%,21rem);margin:auto}.pron-lab .detail-actions{flex-direction:column}.pron-lab .coach{padding-block:4.5rem}.pron-lab .coach-card{padding:1.4rem 1rem}.pron-lab .coach-controls{flex-direction:column}.pron-lab .minimal-pair{flex-wrap:wrap}.pron-lab .minimal-pair span{width:100%}}
@media(prefers-reduced-motion:reduce){.pron-lab .airflow,.pron-lab .voice-signal circle{animation:none}.pron-lab *{scroll-behavior:auto!important;transition:none!important}}