:root{--ask-paper-border-strong:color-mix(in oklab, var(--learner-bubble-border) 75%, transparent);--ask-paper-border-quote:color-mix(in oklab, var(--learner-bubble-border) 70%, transparent);--ask-paper-border-mid:color-mix(in oklab, var(--learner-bubble-border) 60%, transparent);--ask-paper-border-soft:color-mix(in oklab, var(--learner-bubble-border) 40%, transparent);--ask-paper-ink-strong:color-mix(in oklab, var(--learner-bubble-text) 80%, transparent);--ask-paper-ink-emphasis:color-mix(in oklab, var(--learner-bubble-text) 75%, transparent);--ask-paper-ink-readable:color-mix(in oklab, var(--learner-bubble-text) 70%, transparent);--ask-paper-ink-muted:color-mix(in oklab, var(--learner-bubble-text) 65%, transparent);--ask-paper-ink-meta:color-mix(in oklab, var(--learner-bubble-text) 60%, transparent);--ask-paper-ink-subtle:color-mix(in oklab, var(--learner-bubble-text) 50%, transparent);--ask-paper-ink-faint:color-mix(in oklab, var(--learner-bubble-text) 45%, transparent);--ask-paper-control-border:color-mix(in oklab, var(--learner-bubble-text) 38%, transparent);--ask-paper-hairline:color-mix(in oklab, var(--learner-bubble-text) 12%, transparent);--ask-paper-hover:color-mix(in oklab, var(--learner-bubble-text) 6%, transparent);--ask-paper-pron-good-edge:color-mix(in oklab, var(--learner-bubble-pron-good) 32%, transparent);--ask-paper-pron-ok-edge:color-mix(in oklab, var(--learner-bubble-pron-ok) 32%, transparent);--ask-paper-pron-poor-edge:color-mix(in oklab, var(--learner-bubble-pron-poor) 32%, transparent);--ask-paper-pron-detail-bg:radial-gradient(70% 85% at 50% -14%, color-mix(in oklab, var(--pron-tier-poor) 6%, #ffffff8c), #ffffff8c 72%);--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-arc-track:#ffffff24;--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-ipa-fg:#ffffffb3;--pron-gloss-fg:#ffffff9e;--pron-chrome-fg:#ffffffc7;--pron-trail-label-fg:#ffffff73;--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-word-em:#ffc25a;--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);--transcript-user-bubble-bg:color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 60%, #717171) 22%, transparent);--transcript-user-bubble-border:color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 50%, #9e9e9e) 18%, transparent);--transcript-bubble-bg:color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 30%, #2e2e2e) 28%, transparent);--transcript-bubble-border:color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 50%, #8f8f8f) 12%, transparent);--transcript-quoted-text:color-mix(in oklab, var(--accent-warning) 20%, #e4e4e4);--transcript-syllable-good:color-mix(in oklab, var(--accent-success) 40%, #cecece);--transcript-syllable-ok:color-mix(in oklab, var(--accent-warning) 50%, #d7d7d7);--transcript-syllable-poor:color-mix(in oklab, var(--accent-danger) 60%, #c4c4c4);--transcript-compact-text:#dededeeb;--transcript-playback-rest:#bebebe59;--transcript-playback-hover:#d7d7d7b3;--transcript-playback-active:color-mix(in oklab, color-mix(in oklab, var(--accent-success) 30%, #c4c4c4) 80%, transparent);--transcript-playback-active-hover:color-mix(in oklab, var(--accent-success) 30%, #c4c4c4);--surface-warning-faint:color-mix(in oklab, var(--accent-warning) 14%, transparent);--border-warning-faint:color-mix(in oklab, var(--accent-warning) 24%, transparent);--surface-warning-soft:color-mix(in oklab, var(--accent-warning) 18%, transparent);--border-warning-soft:color-mix(in oklab, var(--accent-warning) 32%, transparent);--surface-warning-mid:color-mix(in oklab, var(--accent-warning) 22%, transparent);--border-warning-mid:color-mix(in oklab, var(--accent-warning) 40%, transparent);--surface-warning-strong:color-mix(in oklab, var(--accent-warning) 32%, transparent);--border-warning-strong:color-mix(in oklab, var(--accent-warning) 48%, transparent);--border-warning-accent:color-mix(in oklab, var(--accent-warning) 60%, transparent);--border-warning-glow:color-mix(in oklab, var(--accent-warning) 28%, transparent);--surface-photo-deep:#0b0b0bc7;--surface-photo-deep-hover:#0d1528e0;--border-photo-overlay-bright:#ffffffd9;--border-photo-overlay-soft:#ffffff2e;--border-photo-overlay-soft-hover:#ffffff52;--text-on-photo-overlay:#fff;--shadow-photo-overlay:0 2px 8px #0000002e, 0 0 0 1px #00000059;--status-dot-success-glow:color-mix(in oklab, color-mix(in oklab, var(--accent-success) 75%, #a4a4a4) 18%, transparent);--status-dot-warning-glow:color-mix(in oklab, color-mix(in oklab, var(--accent-warning) 70%, #c4c4c4) 18%, transparent);--surface-bar-track:#ffffff1a;--surface-glass-dim:color-mix(in oklab, var(--surface-glass) 50%, transparent);--text-warning-bright:color-mix(in oklab, var(--accent-warning) 65%, #d1d1d1);--text-warning-muted:color-mix(in oklab, var(--accent-warning) 50%, #dedede);--text-success-muted:color-mix(in oklab, var(--accent-success) 50%, #dedede);--text-danger-muted:color-mix(in oklab, var(--accent-danger) 35%, #e4e4e4);--status-pill-success-border:color-mix(in oklab, color-mix(in oklab, var(--accent-success) 70%, #c4c4c4) 35%, transparent);--status-pill-warning-border:color-mix(in oklab, color-mix(in oklab, var(--accent-warning) 70%, #c4c4c4) 40%, transparent);--status-pill-danger-border:color-mix(in oklab, color-mix(in oklab, var(--accent-danger) 75%, #aeaeae) 45%, transparent);--status-pill-danger-bg:color-mix(in oklab, color-mix(in oklab, var(--accent-danger) 90%, #868686) 16%, transparent);--notice-success-border:color-mix(in oklab, var(--accent-success) 45%, transparent);--notice-success-bg:color-mix(in oklab, var(--accent-success) 16%, var(--surface-glass));--notice-warning-border:color-mix(in oklab, var(--accent-warning) 45%, transparent);--notice-warning-bg:color-mix(in oklab, var(--accent-warning) 14%, var(--surface-glass));--notice-error-border:color-mix(in oklab, var(--accent-danger) 45%, transparent);--notice-error-bg:color-mix(in oklab, var(--accent-danger) 14%, var(--surface-glass));--marketing-brand-border:color-mix(in oklab, var(--accent-brand) 45%, transparent);--pill-listening-border:color-mix(in oklab, color-mix(in oklab, var(--accent-success) 75%, #a4a4a4) 22%, transparent);--pill-listening-bg:color-mix(in oklab, color-mix(in oklab, var(--accent-success) 75%, #a4a4a4) 8%, transparent);--pill-ready-bg:color-mix(in oklab, color-mix(in oklab, var(--accent-success) 75%, #a4a4a4) 5%, transparent);--pill-pressed-ring:color-mix(in oklab, color-mix(in oklab, var(--accent-brand) 75%, #c4c4c4) 10%, transparent);--sweep-shimmer:#ffffff14;--bullet-dot-soft:color-mix(in oklab, var(--text-on-brand-strong) 40%, transparent);--bullet-dot-mid:color-mix(in oklab, var(--text-on-brand-strong) 45%, transparent);--notice-info-bg:color-mix(in oklab, var(--status-info-bg) 50%, var(--surface-glass));--surface-glass-strong-dim:color-mix(in oklab, var(--surface-glass-strong) 70%, transparent);--hero-em-highlight:#ffffff40;--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);--level-badge-bg:color-mix(in oklab, color-mix(in oklab, var(--accent-success) 75%, #a4a4a4) 25%, transparent);--level-badge-border:color-mix(in oklab, color-mix(in oklab, var(--accent-success) 75%, #a4a4a4) 40%, transparent);--course-level-warm-tone:#eea74c;--course-level-main-tone:#00d1d2;--course-level-stretch-tone:#bda7ff;--pill-on-glass-bg:#ffffffeb;--pill-on-glass-bg-strong:#fffffff2;--pill-on-glass-text:#2c3077;--text-tinted-warning-soft:#ffebd1;--text-tinted-warning-bright:#ffefdb;--text-tinted-success-soft:#defae6;--text-tinted-success-mid:#d8fce3;--surface-success-soft:color-mix(in oklab, var(--accent-success) 20%, transparent);--surface-success-mid:color-mix(in oklab, var(--accent-success) 28%, transparent);--accent-warning-glow:color-mix(in oklab, var(--accent-warning) 35%, transparent);--surface-scrim-faintest:#0000000a;--surface-scrim-faint:#0000000f;--surface-scrim-light:#0000001a;--surface-glass-hover-faint:#ffffff0d;--surface-glass-track-strong:#ffffff2e;--surface-glass-track-bright:#ffffffd9;--surface-hero-plate-glow:#4423218c;--surface-hero-plate-base:#2b130f;--surface-hero-plate-deep:#0e0505;--surface-hero-plate-scrim:color-mix(in oklab, var(--surface-hero-plate-deep) 82%, transparent);--course-chip-mark-color:#f8f8f8;--shadow-ring-warning:0 0 0 3px var(--accent-warning-glow);--shadow-ring-success:0 0 0 3px var(--accent-success-glow);--shadow-inset-accent-warning:inset 3px 0 0 var(--accent-warning);--surface-scrim-mid:#0b0b0b66;--surface-scrim-soft:#0b0b0b40;--input-focus-border:color-mix(in oklab, var(--accent-brand) 50%, transparent);--input-focus-ring:color-mix(in oklab, var(--accent-brand) 15%, transparent);--border-status-completed-30:color-mix(in oklab, var(--status-completed) 30%, transparent);--border-status-stuck-30:color-mix(in oklab, var(--status-stuck) 30%, transparent);--border-status-failed-30:color-mix(in oklab, var(--status-failed) 30%, transparent);--border-status-failed-45:color-mix(in oklab, var(--status-failed) 45%, transparent);--accent-success-glow-50:color-mix(in oklab, var(--accent-success) 50%, transparent);--text-on-warning:#0b0b0b;--border-on-warning:#00000014;--surface-on-warning:#00000024;--google-button-bg:#fff;--google-button-text:#3a3a3a;--apple-button-bg:#000;--apple-button-text:#fff;--badge-success-border:color-mix(in srgb, var(--accent-success) 24%, transparent);--badge-success-bg:color-mix(in srgb, var(--accent-success) 10%, transparent);--accent-warning-strong:color-mix(in oklab, var(--accent-warning) 80%, transparent);--badge-free-border:color-mix(in oklab, color-mix(in oklab, var(--accent-success) 75%, #a4a4a4) 40%, transparent);--border-warning:color-mix(in oklab, var(--accent-warning) 48%, transparent);--spinner-dark-track:#1616164d;--spinner-dark-head:#161616;--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) color-mix(in oklab, var(--accent-danger) 14%, #0202028c);--chat-error-bg:var(--csstools-light-dark-toggle--0,color-mix(in oklab, var(--accent-danger) 14%, #fcfcfc8c));--chat-error-border:var(--border-danger);--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) color-mix(in oklab, var(--accent-danger) 75%, #eee);--chat-error-eyebrow:var(--csstools-light-dark-toggle--1,color-mix(in oklab, var(--accent-danger) 70%, #161616));--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) color-mix(in oklab, var(--accent-danger) 80%, #eee);--chat-error-retry-fg:var(--csstools-light-dark-toggle--2,color-mix(in oklab, var(--accent-danger) 78%, #161616));--chat-error-retry-border:color-mix(in oklab, var(--accent-danger) 50%, transparent);--chat-error-retry-bg-hover:color-mix(in oklab, var(--accent-danger) 18%, transparent);--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) color-mix(in oklab, var(--accent-brand) 60%, #ababab);--brand-glass-base:var(--csstools-light-dark-toggle--3,color-mix(in oklab, var(--accent-brand) 60%, #c4c4c4));--brand-glass-bg-rest:color-mix(in oklab, var(--brand-glass-base) 10%, transparent);--brand-glass-bg-hover:color-mix(in oklab, var(--brand-glass-base) 24%, transparent);--brand-glass-bg-pressed:color-mix(in oklab, var(--brand-glass-base) 26%, transparent);--brand-glass-border:color-mix(in oklab, var(--brand-glass-base) 24%, transparent);--brand-glass-hero-bg-hover:linear-gradient(135deg, color-mix(in oklab, var(--brand-glass-base) 32%, transparent), color-mix(in oklab, var(--brand-glass-base) 14%, transparent));--brand-glass-hero-border:color-mix(in oklab, var(--brand-glass-base) 35%, transparent);--brand-glass-hero-border-hover:color-mix(in oklab, var(--brand-glass-base) 55%, transparent);--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) color-mix(in oklab, var(--accent-danger) 70%, #b1b1b1);--danger-glass-base:var(--csstools-light-dark-toggle--4,color-mix(in oklab, var(--accent-danger) 80%, #9e9e9e));--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) color-mix(in oklab, var(--accent-danger) 30%, #cacaca);--danger-glass-button-text:var(--csstools-light-dark-toggle--5,color-mix(in oklab, var(--accent-danger) 25%, #dbdbdb));--danger-glass-button-border:color-mix(in oklab, var(--danger-glass-base) 28%, transparent);--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) color-mix(in oklab, color-mix(in oklab, var(--accent-danger) 45%, #333) 22%, transparent);--danger-glass-panel-bg:var(--csstools-light-dark-toggle--6,color-mix(in oklab, color-mix(in oklab, var(--accent-danger) 55%, #484848) 12%, transparent));--danger-glass-panel-border:color-mix(in oklab, var(--danger-glass-base) 24%, transparent);--csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) #ffffff05;--surface-glass-whisper:var(--csstools-light-dark-toggle--7,#ffffff06);--csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) #ffffff14;--border-glass-soft:var(--csstools-light-dark-toggle--8,#ffffff1a);--csstools-light-dark-toggle--9:var(--csstools-color-scheme--light) #ffffff0f;--border-glass-faint:var(--csstools-light-dark-toggle--9,#ffffff14);--csstools-light-dark-toggle--10:var(--csstools-color-scheme--light) #0303036b;--surface-overlay-dim:var(--csstools-light-dark-toggle--10,#03030357);--csstools-light-dark-toggle--11:var(--csstools-color-scheme--light) #0000002e;--shadow-block-soft:0 10px 24px var(--csstools-light-dark-toggle--11,#0000001a);--csstools-light-dark-toggle--12:var(--csstools-color-scheme--light) #0000003d;--shadow-hero:0 14px 32px var(--csstools-light-dark-toggle--12,#0000001f);--neutral-surface:#fff;--neutral-surface-soft:#f8f8f8;--neutral-surface-mid:#f2f2f2;--neutral-border:#e1e1e1;--neutral-border-soft:#ebebeb;--neutral-border-strong:#d1d1d1;--neutral-border-active:#c4c4c4;--neutral-text-strong:#161616;--neutral-text:#353535;--neutral-text-muted:#505050;--neutral-text-soft:#636363;--neutral-text-faint:#959595;--neutral-shadow-soft:0 2px 8px #0000001a;--paper-surface:#fbf7eb;--paper-ink:#362c20;--paper-ink-muted:color-mix(in oklab, var(--paper-ink) 76%, var(--paper-surface));--paper-ink-faint:color-mix(in oklab, var(--paper-ink) 55%, var(--paper-surface));--paper-hairline:#8a6d4f57;--paper-hairline-soft:#8a6d4f33;--paper-accent:#7842a3;--paper-highlight:#f6e5a48c;--paper-link-underline:color-mix(in oklab, var(--paper-accent) 45%, transparent);--paper-code-bg:color-mix(in oklab, var(--paper-ink) 7%, transparent);--shadow-paper-sheet:0 1px 0 #ffffff8c inset, 0 24px 48px -24px #170b3780, 0 8px 20px -12px #08062366;--csstools-light-dark-toggle--13:var(--csstools-color-scheme--light) #e4e4e4;--text-recovery-strong:var(--csstools-light-dark-toggle--13,#eee);--csstools-light-dark-toggle--14:var(--csstools-color-scheme--light) #e4e4e4e6;--text-recovery-body:var(--csstools-light-dark-toggle--14,#eeeeeee6);--csstools-light-dark-toggle--15:var(--csstools-color-scheme--light) #e4e4e4d6;--text-recovery-muted:var(--csstools-light-dark-toggle--15,#eeeeeed6);--csstools-light-dark-toggle--16:var(--csstools-color-scheme--light) #f4c352;--accent-signal:var(--csstools-light-dark-toggle--16,#ac7300);--csstools-light-dark-toggle--17:var(--csstools-color-scheme--light) #f4c35233;--accent-signal-soft:var(--csstools-light-dark-toggle--17,#ac73002e);--lesson-scheme-change:#00b9cf;--lesson-scheme-ending:#e2a500;--lesson-scheme-gender:#ffa3cf;--lesson-scheme-number:#6de18b;--glow-primary:0 8px 24px #6d76f347;--glow-soft:0 6px 16px #0000001f;--csstools-light-dark-toggle--18:var(--csstools-color-scheme--light) #000000c7;--overlay-modal:var(--csstools-light-dark-toggle--18,#000000b3);--csstools-light-dark-toggle--19:var(--csstools-color-scheme--light) #3bacff;--csstools-light-dark-toggle--20:var(--csstools-color-scheme--light) #a37aff;--gradient-cta-secondary:linear-gradient(135deg, var(--csstools-light-dark-toggle--19,#0089ea), var(--csstools-light-dark-toggle--20,#8e58f2));--vocab-text:#fdf4e7;--vocab-text-soft:#fdf4e7d1;--vocab-text-mid:#fdf4e7b8;--vocab-text-faint:#fdf4e79e;--vocab-surface:#fdf4e70f;--vocab-surface-strong:#fdf4e714;--vocab-surface-mid:#fdf4e71f;--vocab-surface-modal:#121717f5;--vocab-accent:#eea74c;--vocab-found:#82e3ca;--vocab-found-soft:#82e3ca29;--stt-classification-correct:var(--accent-success);--stt-classification-mispronounced:var(--accent-danger);--stt-classification-english-question:var(--accent-warning);--stt-classification-off-script:var(--accent-warning);--stt-classification-unclear:var(--text-on-brand-muted);--dur-mic-breath:3.2s;--ease-in-out-soft:ease-in-out;--mic-shadow-drop-color:#00000047;--mic-halo-ring:color-mix(in oklab, currentColor 16%, transparent);--dur-instant:.01ms;--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-input-focus-ring:0 0 0 3px var(--input-focus-ring);--shadow-popover-skip-focus-ring:0 0 0 2px var(--border-glass-strong);--shadow-progress-fill-glow:0 0 10px var(--accent-success-glow-50);--dur-text-tutor-bounce-lead-1:-320ms;--dur-text-tutor-bounce-lead-2:-160ms;--ease-linear:linear;--dur-spin:1s;--dur-spinner:.8s;--pron-detail-popup-dur:.35s;--completion-stagger-1:40ms;--completion-stagger-2:.18s;--completion-stagger-3:.32s;--completion-stagger-4:.46s;--dur-progress-tick:.1s;--dur-loading-bar-shimmer:2.5s;--dur-loading-bar-complete:.3s;--dur-pulse-border-sweep:4.4s;--shadow-action-active-ring:0 0 0 2px var(--border-glass);--shadow-loading-bar-glow:0 0 8px var(--accent-brand-glow);--shadow-form-focus-ring:0 0 0 3px var(--input-focus-ring);--shadow-confirmation-badge:0 2px 8px var(--shadow-black-soft);--shadow-chip-dot-halo:0 0 0 3px var(--accent-brand-soft);--dur-spin-fast:.8s;--dur-tutor-card-enter-left:.22s;--dur-tutor-dots-bounce:1.1s;--dur-tutor-dot-delay-1:.14s;--dur-tutor-dot-delay-2:.28s;--dur-tutor-dot-delay-3:.32s;--dur-tutor-status-sweep:2.6s;--dur-tutor-icon-breath:1.6s;--dur-tutor-icon-ripple:1.4s;--dur-tutor-icon-ripple-stagger:.5s;--tutor-chat-pressed-ring:0 0 0 .28rem var(--brand-glass-bg-rest);--tutor-status-pill-pressed-ring:0 0 0 .28rem var(--pill-pressed-ring);--shadow-status-pill-brand:0 0 8px var(--accent-brand-strong);--shadow-status-pill-warning:0 0 8px var(--accent-warning-strong);--shadow-status-dot-success-ring:0 0 0 4px var(--status-dot-success-glow);--shadow-status-dot-warning-ring:0 0 0 4px var(--status-dot-warning-glow);--dur-pulse-soft:2s;--fc-sky:#fdf6e3;--fc-ink:#3f3422;--fc-ink-soft:#91805f;--fc-card:#fffdf4;--fc-line:#e9dcba;--fc-cold:#4f8fd0;--fc-frozen:#3a6da6;--fc-warm:#eda13c;--fc-hot:#e25c3d;--fc-burn:#c92f1d;--fc-found:#5d9143;--fc-glow-a:#fdeecb;--fc-glow-b:#fbe3d2;--fc-thermo-track:#efe5cb;--fc-on-accent:#fff;--fc-scrim:#3f342273;--fc-shadow-thermo:inset 0 2px 8px #3f342240, 0 4px 14px -4px #3f34224d;--fc-shadow-bulb:0 6px 16px -4px #3f342266;--fc-shadow-stage:0 18px 50px -14px #3f342280;--fc-shadow-found-ring:0 0 0 2000px #3f342259, 0 0 26px #7dc85ae6;--fc-shadow-found-card:0 10px 30px #00000059;--fc-shadow-card:0 24px 60px #0000004d;--fc-shadow-button:0 8px 22px -8px #c92f1db3;--fc-shadow-photo:0 14px 40px -10px #3f342280}@supports (color:color(display-p3 0 0 0%)){:root{--popover-word-em:#ffc259;--course-level-main-tone:#00d1d2;--course-level-stretch-tone:#bda7ff;--text-tinted-warning-soft:#ffebd1;--text-tinted-warning-bright:#ffefdb}@media (color-gamut:p3){:root{--popover-word-em:color(display-p3 1 .75508 .28556);--course-level-main-tone:color(display-p3 .23776 .82358 .83496);--course-level-stretch-tone:color(display-p3 .72848 .64956 1);--text-tinted-warning-soft:color(display-p3 1 .9227 .8047);--text-tinted-warning-bright:color(display-p3 1 .93849 .8446)}}}@supports (color:color-mix(in lch, red, blue)) and (color:light-dark(red, red)){:root{--chat-error-bg:light-dark(color-mix(in oklab, var(--accent-danger) 14%, #fcfcfc8c),color-mix(in oklab, var(--accent-danger) 14%, #0202028c));--chat-error-eyebrow:light-dark(color-mix(in oklab, var(--accent-danger) 70%, #161616),color-mix(in oklab, var(--accent-danger) 75%, #eee));--chat-error-retry-fg:light-dark(color-mix(in oklab, var(--accent-danger) 78%, #161616),color-mix(in oklab, var(--accent-danger) 80%, #eee));--brand-glass-base:light-dark(color-mix(in oklab, var(--accent-brand) 60%, #c4c4c4),color-mix(in oklab, var(--accent-brand) 60%, #ababab));--danger-glass-base:light-dark(color-mix(in oklab, var(--accent-danger) 80%, #9e9e9e),color-mix(in oklab, var(--accent-danger) 70%, #b1b1b1));--danger-glass-button-text:light-dark(color-mix(in oklab, var(--accent-danger) 25%, #dbdbdb),color-mix(in oklab, var(--accent-danger) 30%, #cacaca));--danger-glass-panel-bg:light-dark(color-mix(in oklab, color-mix(in oklab, var(--accent-danger) 55%, #484848) 12%, transparent),color-mix(in oklab, color-mix(in oklab, var(--accent-danger) 45%, #333) 22%, transparent))}}@supports (color:light-dark(red, red)){:root{--surface-glass-whisper:light-dark(#ffffff06,#ffffff05);--border-glass-soft:light-dark(#ffffff1a,#ffffff14);--border-glass-faint:light-dark(#ffffff14,#ffffff0f);--surface-overlay-dim:light-dark(#03030357,#0303036b);--shadow-block-soft:0 10px 24px light-dark(#0000001a,#0000002e);--shadow-hero:0 14px 32px light-dark(#0000001f,#0000003d);--text-recovery-strong:light-dark(#eee,#e4e4e4);--text-recovery-body:light-dark(#eeeeeee6,#e4e4e4e6);--text-recovery-muted:light-dark(#eeeeeed6,#e4e4e4d6);--accent-signal:light-dark(#ac7300,#f4c352)}}@supports (color:color(display-p3 0 0 0%)) and (color:light-dark(red, red)){:root{--accent-signal:light-dark(#ac7300,#f4c352)}@media (color-gamut:p3){:root{--accent-signal:light-dark(color(display-p3 .65424 .45466 .06482),#f4c352)}}}@supports (color:light-dark(red, red)){:root{--accent-signal-soft:light-dark(#ac73002e,#f4c35233)}}@supports (color:color(display-p3 0 0 0%)) and (color:light-dark(red, red)){:root{--accent-signal-soft:light-dark(#ac73002e,#f4c35233)}@media (color-gamut:p3){:root{--accent-signal-soft:light-dark(color(display-p3 .65424 .45466 .06482/.18),#f4c35233)}}}@supports (color:color(display-p3 0 0 0%)){:root{--lesson-scheme-change:#00b9cf;--lesson-scheme-ending:#e2a500;--lesson-scheme-gender:#ffa3cf}@media (color-gamut:p3){:root{--lesson-scheme-change:color(display-p3 .11315 .73016 .84486);--lesson-scheme-ending:color(display-p3 .87266 .6485 .00774);--lesson-scheme-gender:color(display-p3 .98899 .62371 .81365)}}}@supports (color:light-dark(red, red)){:root{--overlay-modal:light-dark(#000000b3,#000000c7);--gradient-cta-secondary:linear-gradient(135deg, light-dark(#0089ea,#3bacff), light-dark(#8e58f2,#a37aff))}}@supports (color:color(display-p3 0 0 0%)) and (color:light-dark(red, red)){:root{--gradient-cta-secondary:linear-gradient(135deg, light-dark(#0089ea,#3bacff), light-dark(#8e58f2,#a37aff))}@media (color-gamut:p3){:root{--gradient-cta-secondary:linear-gradient(135deg, light-dark(color(display-p3 .22139 .52735 .89934),color(display-p3 .35625 .66651 .98145)), light-dark(#8e58f2,color(display-p3 .61607 .47658 .98815)))}}}@supports not (color:light-dark(tan, tan)){:root *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) color-mix(in oklab, var(--accent-danger) 14%, #0202028c);--chat-error-bg:var(--csstools-light-dark-toggle--0,color-mix(in oklab, var(--accent-danger) 14%, #fcfcfc8c));--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) color-mix(in oklab, var(--accent-danger) 75%, #eee);--chat-error-eyebrow:var(--csstools-light-dark-toggle--1,color-mix(in oklab, var(--accent-danger) 70%, #161616));--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) color-mix(in oklab, var(--accent-danger) 80%, #eee);--chat-error-retry-fg:var(--csstools-light-dark-toggle--2,color-mix(in oklab, var(--accent-danger) 78%, #161616));--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) color-mix(in oklab, var(--accent-brand) 60%, #ababab);--brand-glass-base:var(--csstools-light-dark-toggle--3,color-mix(in oklab, var(--accent-brand) 60%, #c4c4c4));--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) color-mix(in oklab, var(--accent-danger) 70%, #b1b1b1);--danger-glass-base:var(--csstools-light-dark-toggle--4,color-mix(in oklab, var(--accent-danger) 80%, #9e9e9e));--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) color-mix(in oklab, var(--accent-danger) 30%, #cacaca);--danger-glass-button-text:var(--csstools-light-dark-toggle--5,color-mix(in oklab, var(--accent-danger) 25%, #dbdbdb));--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) color-mix(in oklab, color-mix(in oklab, var(--accent-danger) 45%, #333) 22%, transparent);--danger-glass-panel-bg:var(--csstools-light-dark-toggle--6,color-mix(in oklab, color-mix(in oklab, var(--accent-danger) 55%, #484848) 12%, transparent));--csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) #ffffff05;--surface-glass-whisper:var(--csstools-light-dark-toggle--7,#ffffff06);--csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) #ffffff14;--border-glass-soft:var(--csstools-light-dark-toggle--8,#ffffff1a);--csstools-light-dark-toggle--9:var(--csstools-color-scheme--light) #ffffff0f;--border-glass-faint:var(--csstools-light-dark-toggle--9,#ffffff14);--csstools-light-dark-toggle--10:var(--csstools-color-scheme--light) #0303036b;--surface-overlay-dim:var(--csstools-light-dark-toggle--10,#03030357);--csstools-light-dark-toggle--11:var(--csstools-color-scheme--light) #0000002e;--shadow-block-soft:0 10px 24px var(--csstools-light-dark-toggle--11,#0000001a);--csstools-light-dark-toggle--12:var(--csstools-color-scheme--light) #0000003d;--shadow-hero:0 14px 32px var(--csstools-light-dark-toggle--12,#0000001f);--csstools-light-dark-toggle--13:var(--csstools-color-scheme--light) #e4e4e4;--text-recovery-strong:var(--csstools-light-dark-toggle--13,#eee);--csstools-light-dark-toggle--14:var(--csstools-color-scheme--light) #e4e4e4e6;--text-recovery-body:var(--csstools-light-dark-toggle--14,#eeeeeee6);--csstools-light-dark-toggle--15:var(--csstools-color-scheme--light) #e4e4e4d6;--text-recovery-muted:var(--csstools-light-dark-toggle--15,#eeeeeed6);--csstools-light-dark-toggle--16:var(--csstools-color-scheme--light) #f4c352;--accent-signal:var(--csstools-light-dark-toggle--16,#ac7300);--csstools-light-dark-toggle--17:var(--csstools-color-scheme--light) #f4c35233;--accent-signal-soft:var(--csstools-light-dark-toggle--17,#ac73002e);--csstools-light-dark-toggle--18:var(--csstools-color-scheme--light) #000000c7;--overlay-modal:var(--csstools-light-dark-toggle--18,#000000b3);--csstools-light-dark-toggle--19:var(--csstools-color-scheme--light) #3bacff;--csstools-light-dark-toggle--20:var(--csstools-color-scheme--light) #a37aff;--gradient-cta-secondary:linear-gradient(135deg, var(--csstools-light-dark-toggle--19,#0089ea), var(--csstools-light-dark-toggle--20,#8e58f2))}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--glow-primary:0 0 0 6px #00dbfe24, 0 0 28px #00dbfe73, 0 12px 40px #00000059;--glow-soft:0 0 0 1px #00dbfe38, 0 10px 30px #0006}@supports (color:color(display-p3 0 0 0%)){:root:not([data-theme=light]){--glow-primary:0 0 0 6px #00dbfe24, 0 0 28px #00dbfe73, 0 12px 40px #00000059;--glow-soft:0 0 0 1px #00dbfe38, 0 10px 30px #0006}@media (color-gamut:p3){:root:not([data-theme=light]){--glow-primary:0 0 0 6px color(display-p3 .36825 .84762 .98768/.14), 0 0 28px color(display-p3 .36825 .84762 .98768/.45), 0 12px 40px #00000059;--glow-soft:0 0 0 1px color(display-p3 .36825 .84762 .98768/.22), 0 10px 30px #0006}}}}[data-theme=dark]{--glow-primary:0 0 0 6px #00dbfe24, 0 0 28px #00dbfe73, 0 12px 40px #00000059;--glow-soft:0 0 0 1px #00dbfe38, 0 10px 30px #0006}@supports (color:color(display-p3 0 0 0%)){[data-theme=dark]{--glow-primary:0 0 0 6px #00dbfe24, 0 0 28px #00dbfe73, 0 12px 40px #00000059;--glow-soft:0 0 0 1px #00dbfe38, 0 10px 30px #0006}@media (color-gamut:p3){[data-theme=dark]{--glow-primary:0 0 0 6px color(display-p3 .36825 .84762 .98768/.14), 0 0 28px color(display-p3 .36825 .84762 .98768/.45), 0 12px 40px #00000059;--glow-soft:0 0 0 1px color(display-p3 .36825 .84762 .98768/.22), 0 10px 30px #0006}}}