:root{--hotspot-unvisited:#8851eb;--hotspot-target:#008c8c;--hotspot-correct:#007835;--hotspot-wrong:#df202e;--hotspot-muted:#817e8b;--hotspot-text:#fff7ed;--hotspot-unvisited-30:color-mix(in oklab, var(--hotspot-unvisited) 30%, transparent);--hotspot-unvisited-38:color-mix(in oklab, var(--hotspot-unvisited) 38%, transparent);--hotspot-unvisited-100:var(--hotspot-unvisited);--hotspot-target-30:color-mix(in oklab, var(--hotspot-target) 30%, transparent);--hotspot-target-44:color-mix(in oklab, var(--hotspot-target) 44%, transparent);--hotspot-target-100:var(--hotspot-target);--hotspot-correct-30:color-mix(in oklab, var(--hotspot-correct) 30%, transparent);--hotspot-correct-50:color-mix(in oklab, var(--hotspot-correct) 50%, transparent);--hotspot-correct-100:var(--hotspot-correct);--hotspot-wrong-100:var(--hotspot-wrong);--hotspot-pin-shadow:0 3px 8px #00000073;--hotspot-pin-shadow-lift:0 6px 16px #0000008c;--hotspot-badge-bg:#0b0b0b;--hotspot-badge-text:#fff;--hotspot-badge-ring:#ffffffd9;--pron-tier-good:color-mix(in oklab, var(--accent-success) 70%, #c4c4c4);--pron-tier-good-soft:color-mix(in oklab, color-mix(in oklab, var(--accent-success) 75%, #a4a4a4) 16%, transparent);--pron-tier-good-edge:color-mix(in oklab, color-mix(in oklab, var(--accent-success) 70%, #c4c4c4) 32%, transparent);--pron-tier-ok:color-mix(in oklab, var(--accent-warning) 70%, #c4c4c4);--pron-tier-ok-soft:color-mix(in oklab, color-mix(in oklab, var(--accent-warning) 70%, #c4c4c4) 16%, transparent);--pron-tier-ok-edge:color-mix(in oklab, color-mix(in oklab, var(--accent-warning) 70%, #c4c4c4) 32%, transparent);--pron-tier-poor:color-mix(in oklab, var(--accent-danger) 75%, #b7b7b7);--pron-tier-poor-soft:color-mix(in oklab, color-mix(in oklab, var(--accent-danger) 75%, #b7b7b7) 16%, transparent);--pron-tier-poor-edge:color-mix(in oklab, color-mix(in oklab, var(--accent-danger) 75%, #b7b7b7) 32%, transparent);--pron-tier-omission:#8a8c92;--pron-sentence-bg:#0b0b0b73;--pron-word-border:#f5f5f51a;--pron-word-hover-bg:#f5f5f50a;--pron-focus-ring:color-mix(in oklab, var(--vocab-accent) 90%, transparent);--pron-focus-ring-warn:color-mix(in oklab, var(--accent-warning) 70%, #c4c4c4);--pron-popover-shadow:0 18px 40px #00000052;--pron-detail-border:#ffffff29;--pron-detail-shadow:0 16px 36px #00000052;--pron-detail-bg:radial-gradient(70% 85% at 50% -14%, var(--pron-tier-good-soft), transparent 72%), linear-gradient(180deg, color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 40%, #292929) 94%, transparent), color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 30%, #161616) 96%, transparent));--pron-popover-above-border:color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 40%, #d1d1d1) 22%, transparent);--pron-popover-above-bg:radial-gradient(70% 85% at 50% -14%, color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 100%, #a4a4a4) 36%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 50%, #292929) 88%, transparent), color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 45%, #1b1b1b) 92%, transparent));--pron-popover-above-shadow:0 1px 0 #f2f2f224 inset, 0 10px 28px -8px color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 20%, #020202) 60%, transparent);--pron-gloss-fg:#ffffff9e;--pron-chrome-fg:#ffffffc7;--pron-phones-fg:#f5f5f5ad;--pron-checkbox-border:#ffffff52;--popover-text-strong:#f8f8f8;--popover-text-soft:#f2f2f2eb;--popover-text-muted:#ebebebd9;--popover-text-dim:#ebebebd1;--popover-text-faint:#ebebebe0;--popover-text-fainter:#ebebebb8;--popover-skip-ring:#f2f2f28c;--popover-skip-track:#f2f2f22e;--popover-skip-mask-fill:#000;--popover-translation:color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 20%, #dedede) 80%, transparent);--popover-bloom-brand:#ffffff0d;--popover-base-top-brand:#262540c7;--popover-base-bottom-brand:#262540c7;--popover-border-brand:#ffffff2e;--popover-aura-brand:#ffffff2e;--popover-divider-brand:#ffffff1a;--popover-halo:color-mix(in oklab, var(--accent-brand) 32%, transparent);--popover-bloom-warning:#ffffff0d;--popover-border-warning:#ffffff2e;--popover-aura-warning:#ffffff2e;--popover-base-top-warning:#262540c7;--popover-base-bottom-warning:#262540c7;--popover-bloom-gate:color-mix(in oklab, var(--accent-danger) 28%, transparent);--popover-border-gate:color-mix(in oklab, var(--accent-danger) 45%, #fff3);--popover-aura-gate:color-mix(in oklab, var(--accent-danger) 35%, transparent);--popover-base-top-gate:#1d1b36d1;--popover-base-bottom-gate:color-mix(in oklab, var(--accent-danger) 14%, #1d1b36d1);--popover-correct-border:color-mix(in oklab, var(--accent-success) 45%, #ffffff2e);--popover-correct-bloom:color-mix(in oklab, var(--accent-success) 32%, transparent);--popover-correct-base-top:#262540c7;--popover-correct-base-bottom:color-mix(in oklab, var(--accent-success) 18%, #262540c7);--popover-correct-inset-highlight:color-mix(in oklab, color-mix(in oklab, var(--accent-success) 20%, #f2f2f2) 14%, transparent);--popover-correct-shadow-depth:color-mix(in oklab, color-mix(in oklab, var(--accent-success) 20%, #020202) 58%, transparent);--popover-correct-ring:color-mix(in oklab, color-mix(in oklab, var(--accent-success) 85%, #bebebe) 24%, transparent);--popover-correct-glow:color-mix(in oklab, color-mix(in oklab, var(--accent-success) 85%, #bebebe) 42%, transparent);--popover-wrong-border:color-mix(in oklab, var(--accent-danger) 45%, #ffffff2e);--popover-wrong-bloom:color-mix(in oklab, var(--accent-danger) 32%, transparent);--popover-wrong-base-top:#262540c7;--popover-wrong-base-bottom:color-mix(in oklab, var(--accent-danger) 18%, #262540c7);--popover-wrong-inset-highlight:color-mix(in oklab, color-mix(in oklab, var(--accent-danger) 20%, #f2f2f2) 14%, transparent);--popover-wrong-shadow-depth:color-mix(in oklab, color-mix(in oklab, var(--accent-danger) 30%, #020202) 58%, transparent);--popover-wrong-ring:color-mix(in oklab, color-mix(in oklab, var(--accent-danger) 100%, #b1b1b1) 28%, transparent);--popover-wrong-glow:color-mix(in oklab, color-mix(in oklab, var(--accent-danger) 100%, #b1b1b1) 40%, transparent);--popover-shell-inset-highlight:#f2f2f224;--popover-shadow-depth:color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 20%, #020202) 58%, transparent);--popover-section-divider:color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 20%, #dedede) 16%, transparent);--popover-btn-rest-fg:color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 20%, #e4e4e4) 70%, transparent);--popover-btn-playing-fg:color-mix(in oklab, var(--accent-brand) 70%, #dedede);--popover-btn-hover-bg:#f2f2f224;--popover-btn-hover-border:color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 30%, #e4e4e4) 30%, transparent);--popover-nav-fg:#ebebebd1;--popover-retry-fg:#e4e4e4b3;--popover-retry-hover-bg:color-mix(in oklab, var(--surface-glass-strong) 50%, transparent);--popover-retry-hover-border:color-mix(in oklab, var(--text-on-brand-strong) 40%, transparent);--popover-cta-bg:#f2f2f233;--popover-cta-bg-hover:#f2f2f24d;--popover-cta-bg-hover-strong:#f2f2f238;--popover-cta-border:color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 20%, #e4e4e4) 55%, transparent);--popover-cta-border-hover:color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 20%, #e4e4e4) 85%, transparent);--popover-cta-border-hover-strong:color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 30%, #e4e4e4) 50%, transparent);--popover-amber-bg:color-mix(in oklab, var(--accent-warning) 80%, #c4c4c4);--popover-amber-bg-hover:color-mix(in oklab, var(--accent-warning) 80%, #d1d1d1);--popover-amber-text:color-mix(in oklab, var(--accent-warning) 30%, #1b1b1b);--popover-amber-border:color-mix(in oklab, color-mix(in oklab, var(--accent-warning) 80%, #c4c4c4) 60%, transparent);--popover-tone-warning-eyebrow:color-mix(in oklab, var(--accent-warning) 70%, #d1d1d1);--popover-tone-gate-eyebrow:color-mix(in oklab, var(--accent-danger) 80%, #bebebe);--popover-example-fg:#f2f2f2;--popover-example-hover-bg:#f2f2f21a;--popover-example-hover-border:color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 30%, #e4e4e4) 26%, transparent);--popover-listen-highlight:color-mix(in oklab, var(--accent-warning) 60%, #c4c4c4);--popover-listen-highlight-playing:color-mix(in oklab, var(--accent-warning) 70%, #d7d7d7);--popover-dot-rest:color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 20%, #e4e4e4) 30%, transparent);--popover-dot-hover:color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 20%, #e4e4e4) 55%, transparent);--popover-dot-active:#f2f2f2;--popover-hint-bubble-bg:color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 50%, #d1d1d1) 24%, transparent);--popover-hint-bubble-border:color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 20%, #e4e4e4) 32%, transparent);--popover-hint-bubble-shadow:color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 40%, #333) 50%, transparent);--popover-teaser-bg-start:color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 20%, #e4e4e4) 14%, transparent);--popover-teaser-bg-end:#d7d7d714;--popover-teaser-border:color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 20%, #e4e4e4) 18%, transparent);--popover-teaser-shadow:color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 30%, #161616) 70%, transparent);--popover-teaser-preview-bg:color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 20%, #121212) 34%, transparent);--popover-teaser-preview-border:color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 20%, #e4e4e4) 12%, transparent);--popover-mic-resting:#e4e4e4;--popover-mic-processing:#b7b7b7;--popover-mic-live:color-mix(in oklab, var(--accent-success) 90%, #a4a4a4);--popover-mic-muted:color-mix(in oklab, var(--accent-danger) 85%, #9e9e9e);--popover-mic-error:color-mix(in oklab, var(--accent-danger) 100%, #868686);--popover-mic-group-bg:color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 40%, #d1d1d1) 14%, transparent);--popover-mic-group-border:color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 20%, #e4e4e4) 18%, transparent);--popover-mic-group-shadow:color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 40%, #333) 60%, transparent);--pron-tier-ok-underline:color-mix(in oklab, var(--pron-tier-ok) 70%, transparent);--pron-tier-poor-underline:color-mix(in oklab, var(--pron-tier-poor) 70%, transparent);--pron-tier-omission-underline:color-mix(in oklab, var(--pron-tier-omission) 70%, transparent);--vocab-text-soft:#fdf4e7d1;--vocab-text-faint:#fdf4e79e;--vocab-surface:#fdf4e70f;--vocab-surface-strong:#fdf4e714;--vocab-surface-mid:#fdf4e71f;--vocab-surface-modal:#121717f5;--vocab-found:#82e3ca;--vocab-found-soft:#82e3ca29;--pulse-ring-shadow-rest:var(--hotspot-pin-shadow);--pulse-ring-shadow-rest-min:var(--hotspot-pin-shadow);--pulse-ring-shadow-selected:var(--hotspot-pin-shadow-lift), 0 0 0 5px var(--pulse-glow);--pulse-ring-shadow-target-min:var(--hotspot-pin-shadow), 0 0 10px 4px var(--pulse-glow-min);--pulse-ring-shadow-target-max:var(--hotspot-pin-shadow), 0 0 14px 9px var(--pulse-glow-max);--pulse-ring-shadow-correct-start:var(--hotspot-pin-shadow), 0 0 6px 3px var(--pulse-glow-max);--pulse-ring-shadow-correct-peak:var(--hotspot-pin-shadow), 0 0 18px 14px var(--pulse-glow-min);--pulse-ring-shadow-correct-rest:var(--hotspot-pin-shadow), 0 0 12px 6px var(--pulse-glow-mid);--pulse-ring-shadow-breathe-max:var(--hotspot-pin-shadow), 0 0 16px 10px var(--pulse-glow-max);--hotspot-badge-ring-shadow:0 0 0 2px var(--hotspot-badge-ring);--hotspot-correct-pulse-dur:1.2s;--hotspot-target-pulse-dur:1.8s;--hotspot-breathe-dur:2.6s;--popover-shell-shadow-stack:0 1px 0 var(--popover-shell-inset-highlight) inset, 0 20px 56px -14px var(--popover-shadow-depth), 0 10px 28px -10px var(--card-aura);--popover-correct-shadow-stack:0 1px 0 var(--popover-correct-inset-highlight) inset, 0 20px 56px -14px var(--popover-correct-shadow-depth), 0 0 0 3px var(--popover-correct-ring), 0 0 36px -6px var(--popover-correct-glow);--popover-wrong-shadow-stack:0 1px 0 var(--popover-wrong-inset-highlight) inset, 0 20px 56px -14px var(--popover-wrong-shadow-depth), 0 0 0 3px var(--popover-wrong-ring), 0 0 32px -6px var(--popover-wrong-glow);--popover-hint-bubble-shadow-stack:0 6px 14px -6px var(--popover-hint-bubble-shadow);--popover-teaser-shadow-stack:0 12px 26px -18px var(--popover-teaser-shadow);--popover-mic-group-shadow-stack:0 8px 18px -12px var(--popover-mic-group-shadow);--popover-enter-dur:.34s;--popover-shake-dur:.55s;--group-card-glow-brand:0 4px 12px var(--accent-brand-glow);--group-card-glow-success:0 4px 12px var(--accent-success-glow);--group-card-active-ring:inset 0 0 0 2px var(--accent-brand), 0 0 0 1px var(--accent-brand-glow);--iv-stage-shadow:0 24px 48px var(--shadow-black-soft);--iv-warning-ring:0 0 0 2px var(--border-warning-glow);--iv-success-glow:0 4px 8px var(--accent-success-glow);--iv-stage-enter-dur:.34s;--shadow-popover-skip-focus-ring:0 0 0 2px var(--border-glass-strong);--pron-detail-popup-dur:.35s}@supports (color:color(display-p3 0 0 0%)){:root{--hotspot-target:#008c8c;--hotspot-correct:#007835;--hotspot-text:#fff7ed}@media (color-gamut:p3){:root{--hotspot-target:color(display-p3 0 .55877 .5689);--hotspot-correct:color(display-p3 .0805 .48071 .17683);--hotspot-text:color(display-p3 .99997 .96956 .92309)}}}