:root{color-scheme:light;--app-font-family:var(--font-app,"IBM Plex Sans Arabic"),"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;--bg:#f4f8fb;--surface:#ffffff;--surface-soft:#f6f9fc;--surface-strong:#e8f0f7;--text:#142033;--muted:#607084;--line:#d8e3ed;--accent:#0f766e;--accent-dark:#115e59;--accent-indigo:#3f5cc8;--accent-cyan:#0e8ca8;--success:#15803d;--warning:#b7791f;--danger:#b42318;--student-notice-danger-bg:#fff1f2;--student-notice-danger-border:#be123c;--student-notice-danger-text:#881337;--student-notice-warning-bg:#fffbeb;--student-notice-warning-border:#d97706;--student-notice-warning-text:#78350f;--student-notice-success-bg:#ecfdf5;--student-notice-success-border:#15803d;--student-notice-success-text:#14532d;--student-notice-info-bg:#eef2ff;--student-notice-info-border:#4f46e5;--student-notice-info-text:#312e81;--shadow:0 18px 48px rgba(15,23,42,0.09);--shadow-soft:0 10px 28px rgba(15,23,42,0.07);--shadow-lift:0 22px 52px rgba(15,23,42,0.13)}.student-learn-shell .student-loading-panel{display:flex;align-items:center;justify-content:center;min-height:180px;gap:10px;border:1px solid rgba(15,118,110,.16);border-radius:24px;background:rgba(255,255,255,.82);color:#0f766e;font-weight:800}.student-learn-shell .student-trial-booking-card{margin-top:18px}.student-learn-shell .student-trial-booking-card .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.student-learn-shell .student-trial-booking-card .checkbox-row{display:flex;grid-column:1/-1;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid rgba(15,118,110,.16);border-radius:14px;background:rgba(240,253,250,.7)}.student-learn-shell .student-trial-booking-card .checkbox-row input{width:18px;height:18px;margin-top:2px}:root[data-theme=dark] .student-learn-shell .student-loading-panel,:root[data-theme=dark] .student-learn-shell .student-trial-booking-card .checkbox-row{border-color:var(--student-dark-border);background:var(--student-dark-soft);color:var(--student-dark-text)}@media (max-width:700px){.student-learn-shell .student-trial-booking-card .form-grid{grid-template-columns:minmax(0,1fr)}}:root[data-theme=dark]{color-scheme:dark;--bg:#0b1114;--surface:#121b20;--surface-soft:#18252b;--surface-strong:#21333a;--text:#eef7f4;--muted:#a7b6b2;--line:#2a3d45;--accent:#24c6a5;--accent-dark:#64dfc8;--accent-indigo:#8d9cff;--accent-cyan:#38c7dd;--success:#4ade80;--warning:#fbbf24;--danger:#fb7185;--student-notice-danger-bg:#3f151d;--student-notice-danger-border:#fb7185;--student-notice-danger-text:#ffe4e6;--student-notice-warning-bg:#3a2a0b;--student-notice-warning-border:#fbbf24;--student-notice-warning-text:#fef3c7;--student-notice-success-bg:#123524;--student-notice-success-border:#4ade80;--student-notice-success-text:#dcfce7;--student-notice-info-bg:#1e2550;--student-notice-info-border:#818cf8;--student-notice-info-text:#e0e7ff;--shadow:0 18px 48px rgba(0,0,0,0.42);--shadow-soft:0 10px 28px rgba(0,0,0,0.32);--shadow-lift:0 22px 52px rgba(0,0,0,0.5)}.student-learn-shell .alert{border:1px solid var(--student-notice-danger-border);border-inline-start-width:4px;border-radius:14px;font-weight:800;line-height:1.7;padding:11px 13px}.student-learn-shell .alert,.student-learn-shell .alert.danger{background:var(--student-notice-danger-bg);color:var(--student-notice-danger-text)}.student-learn-shell .alert.danger{border-color:var(--student-notice-danger-border)}.student-learn-shell .alert.warning{border-color:var(--student-notice-warning-border);background:var(--student-notice-warning-bg);color:var(--student-notice-warning-text)}.student-learn-shell .alert.success{border-color:var(--student-notice-success-border);background:var(--student-notice-success-bg);color:var(--student-notice-success-text)}.student-learn-shell .alert.neutral{border-color:var(--student-notice-info-border);background:var(--student-notice-info-bg);color:var(--student-notice-info-text)}.student-learn-stats strong,body,button,html,input,select,textarea{font-family:var(--app-font-family)!important}:root[data-theme=dark] .admin-learn-shell,:root[data-theme=dark] .guardian-learn-shell,:root[data-theme=dark] .login-page,:root[data-theme=dark] .portal-shell,:root[data-theme=dark] .status-page,:root[data-theme=dark] .student-learn-shell,:root[data-theme=dark] .student-shell,:root[data-theme=dark] .teacher-learn-shell,:root[data-theme=dark] body,:root[data-theme=dark] main.login-page.login-page-clean{background:linear-gradient(135deg,#0b1114,#102126 48%,#181928);color:var(--text)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text);cursor:pointer;font-size:.78rem;font-weight:900;line-height:1;padding:0 11px;box-shadow:var(--shadow-soft);transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}.theme-toggle:hover{border-color:color-mix(in srgb,var(--accent) 48%,var(--line));background:var(--surface-soft);transform:translateY(-1px)}.theme-toggle svg{color:var(--accent-dark)}.login-theme-toggle{margin:0 auto 10px}.identity-card{grid-template-areas:"brand profile meta theme logout";grid-template-columns:minmax(150px,.9fr) minmax(150px,1fr) minmax(170px,1.1fr) auto auto}.identity-theme{grid-area:theme;display:flex;justify-content:center;min-width:0}:root[data-theme=dark] .desktop-side-nav,:root[data-theme=dark] .flow-overview,:root[data-theme=dark] .flow-stage,:root[data-theme=dark] .identity-card,:root[data-theme=dark] .lesson-body,:root[data-theme=dark] .login-panel.login-panel-clean,:root[data-theme=dark] .login-welcome-card,:root[data-theme=dark] .metric,:root[data-theme=dark] .module,:root[data-theme=dark] .more-drawer-panel,:root[data-theme=dark] .section,:root[data-theme=dark] .student-achievement-preview,:root[data-theme=dark] .student-badge-card,:root[data-theme=dark] .student-certificate-preview,:root[data-theme=dark] .student-continue-card,:root[data-theme=dark] .student-course-card,:root[data-theme=dark] .student-empty-card,:root[data-theme=dark] .student-glass-hero,:root[data-theme=dark] .student-learn-stats article,:root[data-theme=dark] .student-main-progress-card,:root[data-theme=dark] .student-plan-card,:root[data-theme=dark] .student-profile-hero,:root[data-theme=dark] .student-progress-hero,:root[data-theme=dark] .student-progress-stat-grid article,:root[data-theme=dark] .student-settings-row,:root[data-theme=dark] .student-skill-card,:root[data-theme=dark] .student-unit-card,:root[data-theme=dark] .student-weekly-card,:root[data-theme=dark] .table-wrap{border-color:color-mix(in srgb,var(--line) 82%,transparent);background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text);box-shadow:var(--shadow)}:root[data-theme=dark] .identity-brand strong,:root[data-theme=dark] .identity-name,:root[data-theme=dark] .login-panel-clean h2,:root[data-theme=dark] .login-welcome-card h1,:root[data-theme=dark] .student-achievement-preview h2,:root[data-theme=dark] .student-certificate-preview h2,:root[data-theme=dark] .student-glass-hero-copy h2,:root[data-theme=dark] .student-learn-greeting span,:root[data-theme=dark] .student-main-progress-card h2,:root[data-theme=dark] .student-plan-card h2,:root[data-theme=dark] .student-profile-hero h1,:root[data-theme=dark] .student-progress-hero h1,:root[data-theme=dark] .student-skill-card h2,:root[data-theme=dark] .student-weekly-card h2,:root[data-theme=dark] h1,:root[data-theme=dark] h2,:root[data-theme=dark] h3{color:var(--text)}:root[data-theme=dark] .hint,:root[data-theme=dark] .identity-brand small,:root[data-theme=dark] .identity-meta dt,:root[data-theme=dark] .identity-profile span,:root[data-theme=dark] .muted,:root[data-theme=dark] .section-header p,:root[data-theme=dark] .student-achievement-preview p,:root[data-theme=dark] .student-certificate-preview p,:root[data-theme=dark] .student-empty-card p,:root[data-theme=dark] .student-glass-hero-copy p,:root[data-theme=dark] .student-learn-greeting h1,:root[data-theme=dark] .student-main-progress-card p,:root[data-theme=dark] .student-plan-card p,:root[data-theme=dark] .student-profile-hero p,:root[data-theme=dark] .student-progress-hero p{color:var(--muted)}:root[data-theme=dark] .actions-row input,:root[data-theme=dark] .field input,:root[data-theme=dark] .field select,:root[data-theme=dark] .field textarea{border-color:var(--line);background:#101a1f;color:var(--text)}:root[data-theme=dark] .button.secondary{border-color:var(--line);background:var(--surface-soft);color:var(--text)}:root[data-theme=dark] .bottom-nav-card{border-color:color-mix(in srgb,var(--line) 80%,transparent);background:rgba(8,13,16,.92)}.interactive-lesson-flow.is-review-mode .flow-overview>div>p:not(.eyebrow):not(.flow-review-note),.interactive-lesson-flow.is-review-mode .pronunciation-stage .flow-stage-header p{display:none}.flow-review-note,.flow-review-practice-note{border:1px solid color-mix(in srgb,var(--accent-cyan) 34%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--accent-cyan) 10%,var(--surface));color:var(--text);font-weight:850}.flow-review-note{margin:8px 0 0;padding:10px 12px}.flow-review-practice-note{display:flex;align-items:center;gap:8px;margin-top:12px;padding:11px 12px}.flow-review-practice-note svg{color:var(--accent-cyan);flex:0 0 auto}.extra-activity-card,.extra-activity-form,.extra-activity-grid,.extra-activity-options,.extra-activity-section,.extra-pronunciation-recorder,.student-notification-list,.student-profile-form,.student-profile-grid{display:grid;gap:14px}.student-progress-hero.activities{background:radial-gradient(circle at 18% 20%,rgba(36,198,165,.22),transparent 28%),linear-gradient(135deg,color-mix(in srgb,var(--surface) 88%,transparent),color-mix(in srgb,var(--accent-cyan) 12%,var(--surface)))}.activity-kind-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.activity-kind-tab{display:flex;min-width:0;align-items:center;justify-content:center;gap:8px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:16px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow-soft);color:var(--text);font-weight:900;text-align:center;text-decoration:none;padding:12px 10px;transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease}.activity-kind-tab:focus-visible,.activity-kind-tab:hover{border-color:color-mix(in srgb,var(--accent) 44%,var(--line));transform:translateY(-1px)}.activity-kind-tab span{min-width:0;overflow:visible;line-height:1.15;text-overflow:clip;white-space:normal}.activity-kind-tab small{display:inline-grid;min-width:24px;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent-dark);font-size:.78rem;font-weight:900;padding:3px 7px}.activity-kind-tab.is-active{border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--accent-cyan));color:white}.activity-kind-tab.is-active small{background:rgba(255,255,255,.2);color:white}.activity-kind-tab.is-empty{opacity:.66}.activity-kind-selector,.extra-activity-section,.student-activities-page{position:relative;z-index:1}.extra-activity-section{border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:18px;background:color-mix(in srgb,var(--surface) 86%,transparent);box-shadow:var(--shadow-soft);padding:16px}.extra-activity-section .student-section-title h2{display:inline-flex;align-items:center;gap:8px}.extra-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.extra-activity-flow{display:grid;gap:12px;max-width:720px;margin-inline:auto}.extra-activity-flow-status{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-weight:850}.extra-activity-flow-status strong{color:var(--accent-dark);font-size:.95rem}.extra-activity-flow-track{overflow:hidden;height:8px;border-radius:999px;background:color-mix(in srgb,var(--line) 70%,transparent)}.extra-activity-flow-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--success));transition:width .18s ease}.extra-activity-flow-notice{display:flex;align-items:center;gap:8px;border:1px solid var(--student-notice-warning-border);border-inline-start-width:4px;border-radius:12px;background:var(--student-notice-warning-bg);color:var(--student-notice-warning-text);font-weight:850;line-height:1.65;margin:0;padding:10px 12px}.extra-activity-flow-notice.passed{border-color:var(--student-notice-success-border);background:var(--student-notice-success-bg);color:var(--student-notice-success-text)}.extra-activity-card{align-content:start;min-width:0;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-soft);padding:16px}.extra-activity-card.activity-step-card{display:grid;gap:14px;min-height:260px}.activity-step-card h3{font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.55}.extra-activity-meta{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px}.extra-activity-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.extra-activity-tier{display:inline-flex;width:max-content;max-width:100%;align-items:center;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--accent-dark);font-size:.78rem;font-weight:900;padding:5px 9px}.extra-activity-tier.related_practice{border-color:color-mix(in srgb,var(--accent-cyan) 28%,var(--line));background:color-mix(in srgb,var(--accent-cyan) 9%,var(--surface))}.extra-activity-tier.enrichment{border-color:color-mix(in srgb,var(--warning) 34%,var(--line));background:color-mix(in srgb,var(--warning) 10%,var(--surface));color:color-mix(in srgb,var(--warning) 78%,var(--text))}.extra-activity-instructions{color:var(--muted)!important;font-size:.9rem}.extra-activity-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:auto}.extra-activity-target-text{border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) 6%,var(--surface));color:var(--text);font-size:1.2rem;font-weight:900;letter-spacing:0;margin:0;padding:12px 14px;text-align:center}.activity-flow-complete{display:grid;justify-items:center;gap:10px;text-align:center}.extra-activity-card.is-complete{border-color:color-mix(in srgb,var(--success) 38%,var(--line));background:color-mix(in srgb,var(--success) 6%,var(--surface))}.extra-activity-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.extra-activity-card small,.extra-activity-card-head span{color:var(--muted);font-weight:800}.extra-activity-card-head strong{border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent-dark);font-size:.82rem;padding:6px 10px}.extra-activity-card h3,.extra-activity-card p{margin:0}.extra-activity-card p{color:var(--text);line-height:1.65}.extra-activity-computer-audio{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.extra-activity-listen-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:max-content;max-width:100%;min-height:42px;border:1px solid color-mix(in srgb,var(--accent-cyan) 34%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--accent-cyan) 10%,var(--surface));color:var(--accent-dark);cursor:pointer;font-weight:900;padding:0 14px}.extra-activity-listen-button:disabled{cursor:wait;opacity:.78}.extra-activity-listen-button .spin{animation:route-card-spin .78s linear infinite}.extra-activity-computer-audio span{color:var(--muted);font-size:.86rem}.extra-activity-options{gap:8px}.extra-activity-options label{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);cursor:pointer;padding:10px 12px}.extra-activity-options input{accent-color:var(--accent)}.extra-activity-form .spin{animation:route-card-spin .78s linear infinite}.extra-activity-result,.extra-pronunciation-recorder .hint{display:flex;align-items:center;gap:7px;border:1px solid var(--student-notice-info-border);border-inline-start-width:4px;border-radius:12px;background:var(--student-notice-info-bg);color:var(--student-notice-info-text);font-weight:850;line-height:1.65;margin:0;padding:10px 12px}.extra-activity-result.passed,.extra-pronunciation-recorder .hint.passed{border-color:var(--student-notice-success-border);background:var(--student-notice-success-bg);color:var(--student-notice-success-text)}.extra-activity-result.retry,.extra-pronunciation-recorder .hint.retry{border-color:var(--student-notice-warning-border);background:var(--student-notice-warning-bg);color:var(--student-notice-warning-text)}.student-badge-card.locked{opacity:.76;filter:grayscale(.45)}.student-badge-card .student-progress-line{width:100%}.student-badge-card em{color:var(--muted);font-style:normal;font-weight:850}@media (min-width:640px){.activity-kind-selector{grid-template-columns:repeat(5,minmax(0,1fr))}.activity-kind-tab{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:20px minmax(28px,auto);min-height:68px;align-items:center;gap:3px 5px;padding:8px}.activity-kind-tab>svg{grid-column:1;grid-row:1;justify-self:start}.activity-kind-tab span{grid-column:1/-1;grid-row:2;align-self:center;font-size:.74rem}.activity-kind-tab small{grid-column:2;grid-row:1;min-width:22px;justify-self:end;padding:2px 5px}}.student-profile-avatar{overflow:hidden}.student-profile-avatar img{width:100%;height:100%;object-fit:cover}.student-profile-grid{grid-template-columns:minmax(260px,.85fr) minmax(320px,1.15fr);align-items:start}.student-profile-form-card{display:grid;align-content:start;align-items:stretch;justify-content:stretch;gap:14px;min-width:0}.student-profile-form-card>div{min-width:0}.student-profile-form{display:grid;grid-template-columns:1fr;align-items:start;gap:12px;width:100%}.student-profile-form-card:nth-child(2) .student-profile-form{grid-template-columns:repeat(2,minmax(0,1fr))}.student-profile-form .field{display:grid;min-width:0;gap:6px}.student-profile-form input,.student-profile-form select{width:100%;min-width:0}.student-profile-form button{justify-self:start}.student-profile-form-card:nth-child(2) .student-profile-form button{grid-column:1/-1}.student-achievement-preview span,.student-notifications-card span,.student-profile-form .field span,.student-profile-form-card span{display:inline-flex;align-items:center;gap:7px}.student-profile-form input[type=file]{width:100%;border:1px dashed var(--line);border-radius:14px;background:var(--surface-soft);color:var(--text);padding:14px}.student-profile-page .student-achievement-preview,.student-profile-page .student-notifications-card,.student-profile-page .student-plan-card{min-width:0}.student-profile-page .student-achievement-preview,.student-profile-page .student-notifications-card{align-items:stretch}.student-notification-item strong{display:block;width:auto;height:auto;border:0;border-radius:0;color:var(--text);font-family:inherit;font-size:.95rem;line-height:1.4;padding:0}.course-path-unit-flow-card .course-path-action-thumb{color:var(--accent-dark);background:radial-gradient(circle at 35% 20%,color-mix(in srgb,var(--accent-cyan) 28%,transparent),transparent 42%),color-mix(in srgb,var(--accent) 10%,var(--surface))}.unit-flow-page{display:grid;gap:10px;width:min(920px,100%);min-width:0;margin:0 auto}.unit-flow-empty,.unit-flow-hero,.unit-flow-locked,.unit-flow-question-card{border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:20px;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:var(--shadow-soft)}.unit-flow-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;overflow:hidden;padding:12px 14px}.unit-flow-hero>div:first-child{min-width:0}.unit-flow-hero.review{background:radial-gradient(circle at 12% 20%,color-mix(in srgb,var(--accent-cyan) 22%,transparent),transparent 32%),color-mix(in srgb,var(--surface) 88%,transparent)}.unit-flow-hero.test{background:radial-gradient(circle at 12% 20%,color-mix(in srgb,var(--warning) 20%,transparent),transparent 32%),color-mix(in srgb,var(--surface) 88%,transparent)}.unit-flow-hero span,.unit-flow-question-head span{color:var(--accent-dark);font-size:.84rem;font-weight:900}.unit-flow-hero h1{margin:2px 0 0;color:var(--text);font-size:clamp(1.25rem,3.2vw,1.7rem);font-weight:950;line-height:1.2}.unit-flow-question-card h2{margin:0;color:var(--text);font-size:clamp(1.15rem,2.8vw,1.5rem);font-weight:950;line-height:1.3}.unit-flow-empty p,.unit-flow-hero p,.unit-flow-locked p,.unit-flow-question-card p,.unit-flow-question-card small{margin:4px 0 0;color:var(--muted);font-weight:800;line-height:1.5}.unit-flow-question-card>p,.unit-flow-question-card>small{margin:0}.unit-flow-question-card>.unit-flow-stimulus{width:100%;border-inline-start:3px solid color-mix(in srgb,var(--accent-cyan) 68%,var(--accent));border-radius:10px;background:color-mix(in srgb,var(--accent-cyan) 7%,var(--surface-soft));color:var(--text);font-size:1.05rem;font-weight:900;line-height:1.45;padding:8px 11px;text-align:left;unicode-bidi:isolate}.unit-flow-progress-card{display:flex;min-width:max-content;align-items:baseline;justify-content:center;gap:7px;border:1px solid color-mix(in srgb,var(--accent-cyan) 28%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--accent-cyan) 9%,var(--surface));padding:7px 10px}.unit-flow-progress-card strong{color:var(--text);font-size:1.08rem;font-weight:950}.unit-flow-progress-card span{color:var(--muted)}.unit-flow-progress-track{overflow:hidden;height:7px;border-radius:999px;background:color-mix(in srgb,var(--line) 55%,transparent)}.unit-flow-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-cyan));transition:width .22s ease}.unit-flow-step-list{display:flex;gap:6px;overflow-x:auto;padding:1px 0 4px;scrollbar-width:thin}.unit-flow-step-list button{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:12px;background:var(--surface);color:var(--muted);cursor:pointer;font-weight:900}.unit-flow-step-list button.is-current,.unit-flow-step-list button.is-passed{border-color:color-mix(in srgb,var(--accent-cyan) 42%,var(--line));background:color-mix(in srgb,var(--accent-cyan) 12%,var(--surface));color:var(--accent-dark)}.unit-flow-step-list button:disabled{cursor:not-allowed;opacity:.45}.unit-flow-question-card{display:grid;gap:10px;padding:14px 16px}.unit-flow-question-card.is-passed{border-color:color-mix(in srgb,var(--success) 40%,var(--line));background:color-mix(in srgb,var(--success) 5%,var(--surface))}.unit-flow-question-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.unit-flow-question-head strong{border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent-dark);font-size:.82rem;padding:4px 8px}.unit-flow-actions,.unit-flow-answer-form,.unit-flow-empty,.unit-flow-feedback,.unit-flow-listen-button,.unit-flow-locked,.unit-flow-recorder{display:flex;align-items:center;gap:10px}.unit-flow-listen-button{justify-content:center;width:max-content;max-width:100%;min-height:42px;border:1px solid color-mix(in srgb,var(--accent-cyan) 34%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--accent-cyan) 10%,var(--surface));color:var(--accent-dark);cursor:pointer;font-weight:900;padding:0 14px}.unit-flow-answer-form,.unit-flow-recorder{align-items:stretch;flex-direction:column;gap:8px}.unit-flow-recorder p{margin:0;border:1px dashed color-mix(in srgb,var(--accent-cyan) 38%,var(--line));border-radius:16px;background:var(--surface-soft);color:var(--text);font-size:1.15rem;font-weight:950;padding:10px 12px}.unit-flow-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.unit-flow-option-grid label{display:flex;min-width:0;align-items:center;gap:9px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft);color:var(--text);cursor:pointer;font-weight:850;padding:10px 12px}.unit-flow-option-grid input{accent-color:var(--accent)}.unit-flow-feedback{border:1px solid var(--student-notice-info-border);border-inline-start-width:4px;border-radius:14px;background:var(--student-notice-info-bg);color:var(--student-notice-info-text);font-weight:850;line-height:1.65;margin:0;padding:11px 12px}.unit-flow-feedback.passed{border-color:var(--student-notice-success-border);background:var(--student-notice-success-bg);color:var(--student-notice-success-text)}.unit-flow-feedback.retry{border-color:var(--student-notice-warning-border);background:var(--student-notice-warning-bg);color:var(--student-notice-warning-text)}.unit-flow-actions{justify-content:space-between}.unit-flow-actions .button{min-width:128px;justify-content:center}.unit-flow-empty,.unit-flow-locked{align-items:center;justify-content:space-between;padding:18px}.unit-flow-locked>svg{color:var(--warning);flex:0 0 auto}:root[data-theme=dark] .course-path-unit-flow-card .course-path-action-thumb,:root[data-theme=dark] .unit-flow-empty,:root[data-theme=dark] .unit-flow-hero,:root[data-theme=dark] .unit-flow-locked,:root[data-theme=dark] .unit-flow-option-grid label,:root[data-theme=dark] .unit-flow-question-card,:root[data-theme=dark] .unit-flow-recorder p,:root[data-theme=dark] .unit-flow-step-list button,:root[data-theme=dark] .unit-flow-stimulus{border-color:var(--student-dark-border);background:var(--student-dark-soft);color:var(--student-dark-body)}:root[data-theme=dark] .unit-flow-hero h1,:root[data-theme=dark] .unit-flow-option-grid label,:root[data-theme=dark] .unit-flow-progress-card strong,:root[data-theme=dark] .unit-flow-question-card h2,:root[data-theme=dark] .unit-flow-recorder p,:root[data-theme=dark] .unit-flow-stimulus{color:var(--student-dark-heading)}:root[data-theme=dark] .unit-flow-hero p,:root[data-theme=dark] .unit-flow-question-card p,:root[data-theme=dark] .unit-flow-question-card small{color:var(--student-dark-body)}:root[data-theme=dark] .unit-flow-question-card>.unit-flow-stimulus{border-inline-start-color:color-mix(in srgb,var(--accent-cyan) 68%,var(--accent));color:var(--student-dark-heading)}.student-notifications-card{display:grid;gap:16px}.student-notification-item{border:1px solid var(--line);border-radius:14px;background:var(--surface-soft);padding:12px}.student-notification-item.is-unread{border-color:color-mix(in srgb,var(--accent-cyan) 45%,var(--line));background:color-mix(in srgb,var(--accent-cyan) 8%,var(--surface))}.student-notification-item p,.student-notification-item strong{margin:0}.student-notification-item span{color:var(--muted);font-size:.82rem;font-weight:800}.teacher-extra-activity-audio{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.teacher-extra-activity-audio audio{width:100%;min-width:0}.teacher-extra-activity-audio .button{min-height:38px;white-space:nowrap}:root[data-theme=dark] .extra-activity-card,:root[data-theme=dark] .extra-activity-options label,:root[data-theme=dark] .extra-activity-section,:root[data-theme=dark] .student-notification-item{border-color:color-mix(in srgb,var(--line) 82%,transparent);background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text)}.course-path-loading-shell{gap:18px}.course-path-hero-loading,.course-path-loading-card,.course-path-summary-loading>div,.skeleton-live-badge,.skeleton-live-media{position:relative;overflow:hidden}.course-path-hero-loading:after,.course-path-loading-card:before,.course-path-summary-loading>div:after,.skeleton-live-badge:after,.skeleton-live-media:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;transform:translateX(100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);animation:skeleton-shimmer 1.25s ease-in-out infinite}.course-path-hero-loading:after{z-index:2;opacity:.65}.course-path-loading-card{pointer-events:none}.course-path-loading-card .course-path-progress span{width:42%;background:linear-gradient(90deg,#dce8f2,#8dc8ed,#dce8f2)}.course-path-loading-card .course-path-score{background:conic-gradient(#dce8f2 78%,#eef4f8 0)}.course-path-loading-card .course-path-score span{color:var(--muted)}.course-path-lesson-card[data-route-loading=true]{position:relative;overflow:hidden;isolation:isolate;pointer-events:none;border-color:color-mix(in srgb,var(--accent-cyan) 56%,var(--line));box-shadow:0 18px 44px rgba(14,140,168,.18);transform:none}.course-path-lesson-card[data-route-loading=true]:before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;transform:translateX(100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.54),transparent);animation:skeleton-shimmer 1s ease-in-out infinite}.course-path-lesson-card[data-route-loading=true]:after{content:"";position:absolute;inset-block-start:18px;inset-inline-end:18px;z-index:5;width:24px;height:24px;border:3px solid color-mix(in srgb,var(--accent-cyan) 28%,transparent);border-block-start-color:var(--accent-cyan);border-radius:999px;animation:route-card-spin .78s linear infinite}.course-path-lesson-card[data-route-loading=true] .course-path-copy:after{content:"\062C\0627\0631\064A\0020\0641\062A\062D\0020\0627\0644\062F\0631\0633";display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;min-height:28px;margin-top:2px;padding:0 12px;border:1px solid color-mix(in srgb,var(--accent-cyan) 36%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--accent-cyan) 12%,var(--surface));color:var(--accent-dark);font-size:.82rem;font-weight:950;line-height:1}main.login-page.student-domain-login{position:relative;display:grid;align-items:center;min-height:100dvh;overflow:hidden;padding:22px 16px;background:linear-gradient(160deg,rgba(221,242,255,.92),rgba(246,251,255,.96) 44%,rgba(237,251,248,.94))}main.login-page.student-domain-login:before{content:"";position:absolute;inset-block-start:-120px;inset-inline-start:-86px;width:min(320px,74vw);height:min(320px,74vw);border-radius:0 0 68% 0;background:linear-gradient(145deg,#075fb6,#078dd2 55%,#10c4de);box-shadow:0 28px 70px rgba(7,95,182,.24)}.student-login-shell{position:relative;z-index:1;display:grid;gap:14px;width:min(430px,100%);margin:0 auto}.student-login-hero{position:relative;min-height:316px;overflow:hidden;border:1px solid rgba(180,209,231,.72);border-radius:22px;background:rgba(255,255,255,.48);box-shadow:0 22px 56px rgba(24,67,116,.16);backdrop-filter:blur(16px)}.student-login-topbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px}.student-login-menu{display:inline-grid;place-items:center;gap:4px;width:46px;height:46px;border:1px solid rgba(197,218,234,.86);border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 10px 28px rgba(24,67,116,.16)}.student-login-menu i{width:18px;height:2px;border-radius:999px;background:#153955}.student-login-hero .login-theme-toggle{margin:0}.student-login-illustration{position:relative;z-index:1;display:grid;place-items:center;width:calc(100% - 44px);min-height:190px;margin:2px auto 0;overflow:hidden;border:1px solid rgba(185,214,235,.8);border-radius:18px;background:linear-gradient(180deg,rgba(243,250,255,.96),rgba(229,244,255,.88))}.student-login-illustration img{width:100%;height:100%;min-height:190px;object-fit:cover}.student-login-badge{position:relative;z-index:2;display:grid;justify-items:center;gap:6px;width:min(330px,calc(100% - 42px));margin:-46px auto 18px;padding:16px 18px;border:1px solid rgba(13,108,198,.28);border-radius:20px;background:linear-gradient(135deg,#075fb6,#087ed1);color:#ffffff;text-align:center;box-shadow:0 16px 36px rgba(7,95,182,.28)}.student-login-badge h1,.student-login-badge p{margin:0}.student-login-badge h1{color:#ffffff;font-size:clamp(1.32rem,5.2vw,1.78rem);line-height:1.25}.student-login-badge p{color:rgba(255,255,255,.86);font-size:.93rem;font-weight:850}.student-domain-login .login-panel.login-panel-clean{border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 18px 48px rgba(24,67,116,.14)}:root[data-theme=dark] main.login-page.student-domain-login{background:linear-gradient(160deg,#071217,#0d2229 48%,#111827)}:root[data-theme=dark] main.login-page.student-domain-login:before{background:linear-gradient(145deg,#063f78,#075e8f 56%,#0b8e9e);box-shadow:0 28px 70px rgba(3,15,28,.62)}:root[data-theme=dark] .student-domain-login .login-panel.login-panel-clean,:root[data-theme=dark] .student-login-hero{border-color:rgba(64,98,111,.82);background:rgba(18,27,32,.86)}:root[data-theme=dark] .student-login-menu{border-color:rgba(83,119,133,.82);background:rgba(20,33,40,.94)}:root[data-theme=dark] .student-login-menu i{background:#d9f4f0}:root[data-theme=dark] .student-login-illustration{border-color:rgba(64,98,111,.82);background:linear-gradient(180deg,rgba(22,40,48,.96),rgba(17,34,42,.92))}:root[data-theme=dark] .course-path-hero-loading:after,:root[data-theme=dark] .course-path-lesson-card[data-route-loading=true]:before,:root[data-theme=dark] .course-path-loading-card:before,:root[data-theme=dark] .course-path-summary-loading>div:after,:root[data-theme=dark] .skeleton-live-badge:after,:root[data-theme=dark] .skeleton-live-media:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent)}@keyframes route-card-spin{to{transform:rotate(1turn)}}@media (max-width:860px){.identity-card{grid-template-areas:"brand theme logout" "profile profile profile" "meta meta meta";grid-template-columns:minmax(0,1fr) auto auto}.identity-theme{justify-content:flex-end}.login-theme-toggle span{display:none}}@media (max-width:620px){.extra-activity-grid,.student-profile-form-card:nth-child(2) .student-profile-form,.student-profile-grid,.teacher-extra-activity-audio{grid-template-columns:1fr}.unit-flow-empty,.unit-flow-locked{align-items:stretch;flex-direction:column}.unit-flow-hero{align-items:center;padding:11px 12px}.unit-flow-progress-card{flex:0 0 auto}.unit-flow-question-card{padding:12px}.unit-flow-option-grid{grid-template-columns:1fr}.unit-flow-actions{flex-direction:column-reverse}.unit-flow-actions .button{width:100%}}.student-learn-shell .bottom-nav-grid.has-six{grid-template-columns:repeat(6,minmax(0,1fr))}.student-learn-shell .bottom-nav-card{padding:6px}.student-learn-shell .bottom-nav-link{min-height:50px;gap:2px;border-radius:18px;font-size:.62rem;padding:5px 2px}.student-learn-shell .bottom-nav-link svg,.student-learn-shell .bottom-nav-link[data-active=true] svg{width:18px;height:18px}.identity-card,.identity-theme{align-items:center}.identity-theme .theme-toggle{min-width:42px;min-height:38px;border-color:color-mix(in srgb,var(--accent-cyan) 28%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--surface-soft) 92%,transparent));color:var(--text);white-space:nowrap}.identity-theme .theme-toggle span{display:inline;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root[data-theme=dark]{--bg:#071114;--surface:#132127;--surface-soft:#1a3038;--surface-strong:#243f49;--text:#f5fbff;--muted:#c6d5dc;--line:#3d5966;--accent:#38d6b8;--accent-dark:#8cf1df;--accent-indigo:#a8b4ff;--accent-cyan:#67e8f9;--success:#86efac;--warning:#facc15;--danger:#fda4af}:root[data-theme=dark] .identity-card{border-color:rgba(103,232,249,.2);background:linear-gradient(135deg,rgba(17,31,39,.96),rgba(13,25,32,.94));box-shadow:0 18px 46px rgba(0,0,0,.45)}:root[data-theme=dark] .identity-meta div{border-color:rgba(111,143,156,.48);background:rgba(26,48,56,.88)}:root[data-theme=dark] .identity-theme .theme-toggle{border-color:rgba(103,232,249,.36);background:linear-gradient(135deg,rgba(26,48,56,.98),rgba(21,39,48,.96));color:#f8fdff;box-shadow:0 12px 28px rgba(0,0,0,.34)}:root[data-theme=dark] .identity-theme .theme-toggle svg{color:#fde68a}:root[data-theme=dark] .course-path-hero{border-color:rgba(103,232,249,.18);background:radial-gradient(circle at 90% 20%,rgba(250,204,21,.18),transparent 24%),linear-gradient(145deg,#0d1d25,#132933 58%,#0f242a);box-shadow:0 22px 60px rgba(0,0,0,.46)}:root[data-theme=dark] .course-path-shell.is-reserved .course-path-hero{border-color:rgba(52,211,153,.62);box-shadow:0 22px 60px rgba(5,150,105,.18)}:root[data-theme=dark] .course-path-reservation-badge.is-reserved{border-color:rgba(110,231,183,.58);background:rgba(6,95,70,.88);color:#d1fae5}:root[data-theme=dark] .course-path-reservation-badge.is-unreserved{border-color:rgba(148,163,184,.44);background:rgba(15,23,42,.76);color:#e2e8f0}:root[data-theme=dark] .course-path-hero:before{background-image:linear-gradient(90deg,rgba(103,232,249,.08) 1px,transparent 0),linear-gradient(rgba(103,232,249,.08) 1px,transparent 0)}:root[data-theme=dark] .course-path-hero-media{border-color:rgba(111,143,156,.58);background:rgba(18,33,41,.88)}:root[data-theme=dark] .course-path-empty,:root[data-theme=dark] .course-path-footer,:root[data-theme=dark] .course-path-lesson-card,:root[data-theme=dark] .course-path-summary div,:root[data-theme=dark] .course-path-unit,:root[data-theme=dark] .course-path-unit[open]{border-color:rgba(111,143,156,.58);background:rgba(19,33,39,.94);color:var(--text);box-shadow:0 16px 38px rgba(0,0,0,.32)}:root[data-theme=dark] .course-path-lesson-card:hover{border-color:rgba(103,232,249,.46);box-shadow:0 20px 46px rgba(0,0,0,.42)}:root[data-theme=dark] .course-path-lesson-card.is-locked{border-color:rgba(91,118,130,.52);background:rgba(13,25,32,.9);color:#b9cad3}:root[data-theme=dark] .course-path-copy h3,:root[data-theme=dark] .course-path-empty h1,:root[data-theme=dark] .course-path-footer strong,:root[data-theme=dark] .course-path-summary strong,:root[data-theme=dark] .course-path-unit-title h2{color:#f8fdff}:root[data-theme=dark] .course-path-copy p,:root[data-theme=dark] .course-path-empty p,:root[data-theme=dark] .course-path-footer span,:root[data-theme=dark] .course-path-summary span,:root[data-theme=dark] .course-path-unit-title em{color:#c6d5dc}:root[data-theme=dark] .course-path-meta,:root[data-theme=dark] .course-path-unit-title span{color:#6ee7b7}:root[data-theme=dark] .course-path-lesson-card.is-locked .course-path-meta{color:#9fb4bf}:root[data-theme=dark] .course-path-unit-title:after{color:#7dd3fc;background:rgba(23,49,66,.92)}:root[data-theme=dark] .course-path-item:before{background:#34505c}:root[data-theme=dark] .course-path-marker{border-color:#0d1d25;box-shadow:0 10px 24px rgba(0,0,0,.38)}:root[data-theme=dark] .course-path-thumb{border:1px solid rgba(111,143,156,.38);background:#132b37}:root[data-theme=dark] .course-path-progress{background:#29414d}:root[data-theme=dark] .course-path-score span{color:#86efac;background:#0f1d24}:root[data-theme=dark] .course-path-lesson-card.is-locked .course-path-score span{color:#b9cad3;background:#101c23}:root[data-theme=dark] .course-path-unit-cover-title{background:#0d1d25}:root[data-theme=dark] .course-path-unit-cover-image-light{opacity:0;visibility:hidden}:root[data-theme=dark] .course-path-unit-cover-image-dark{opacity:1;visibility:visible}:root[data-theme=dark] .course-path-unit-cover-title .course-path-unit-kicker,:root[data-theme=dark] .course-path-unit-cover-title em,:root[data-theme=dark] .course-path-unit-cover-title h2{color:#ffffff}:root[data-theme=dark] .course-path-unit-toggle{border-color:rgba(255,255,255,.58);color:#0d1d25;background:rgba(255,255,255,.94)}:root[data-theme=dark] .course-path-unit[open] .course-path-unit-toggle{color:#ffffff;background:#0284c7}@media (max-width:860px){.identity-card .identity-theme{justify-content:flex-end}.identity-card .theme-toggle{padding-inline:10px}.identity-card .theme-toggle span{display:inline;max-width:72px}}@media (max-width:430px){.identity-card .theme-toggle span{max-width:58px}}:root[data-theme=dark] .student-learn-shell{--student-dark-heading:#f8fdff;--student-dark-body:#d7e5ec;--student-dark-muted:#b8cad3;--student-dark-soft:rgba(18,33,41,0.94);--student-dark-softer:rgba(23,42,51,0.9);--student-dark-border:rgba(111,143,156,0.5);--student-dark-link:#7dd3fc;--learn-ink:var(--student-dark-heading);--learn-muted:var(--student-dark-muted);--learn-blue:#7dd3fc}:root[data-theme=dark] .student-learn-shell .extra-activity-card h3,:root[data-theme=dark] .student-learn-shell .extra-activity-card-head strong,:root[data-theme=dark] .student-learn-shell .student-badge-card strong,:root[data-theme=dark] .student-learn-shell .student-certificate-preview b,:root[data-theme=dark] .student-learn-shell .student-certificate-preview strong,:root[data-theme=dark] .student-learn-shell .student-continue-copy h2,:root[data-theme=dark] .student-learn-shell .student-course-card h3,:root[data-theme=dark] .student-learn-shell .student-main-progress-card strong,:root[data-theme=dark] .student-learn-shell .student-profile-form-card h2,:root[data-theme=dark] .student-learn-shell .student-progress-stat-grid strong,:root[data-theme=dark] .student-learn-shell .student-section-title h2,:root[data-theme=dark] .student-learn-shell .student-settings-row strong,:root[data-theme=dark] .student-learn-shell .student-skill-card strong,:root[data-theme=dark] .student-learn-shell .student-unit-card strong,:root[data-theme=dark] .student-learn-shell .student-weekly-card strong{color:var(--student-dark-heading)}:root[data-theme=dark] .student-learn-shell .extra-activity-card p,:root[data-theme=dark] .student-learn-shell .extra-activity-card small,:root[data-theme=dark] .student-learn-shell .extra-activity-card-head span,:root[data-theme=dark] .student-learn-shell .student-badge-card small,:root[data-theme=dark] .student-learn-shell .student-certificate-preview p,:root[data-theme=dark] .student-learn-shell .student-certificate-preview small,:root[data-theme=dark] .student-learn-shell .student-continue-copy p,:root[data-theme=dark] .student-learn-shell .student-course-card p,:root[data-theme=dark] .student-learn-shell .student-main-progress-card span,:root[data-theme=dark] .student-learn-shell .student-profile-form-card label,:root[data-theme=dark] .student-learn-shell .student-progress-stat-grid span,:root[data-theme=dark] .student-learn-shell .student-section-title span,:root[data-theme=dark] .student-learn-shell .student-settings-row p,:root[data-theme=dark] .student-learn-shell .student-skill-card span,:root[data-theme=dark] .student-learn-shell .student-unit-card small,:root[data-theme=dark] .student-learn-shell .student-weekly-card span{color:var(--student-dark-body)}:root[data-theme=dark] .student-learn-shell .student-badge-card em,:root[data-theme=dark] .student-learn-shell .student-continue-copy span,:root[data-theme=dark] .student-learn-shell .student-course-card span,:root[data-theme=dark] .student-learn-shell .student-empty-card p,:root[data-theme=dark] .student-learn-shell .student-learn-stats em,:root[data-theme=dark] .student-learn-shell .student-learn-stats small,:root[data-theme=dark] .student-learn-shell .student-profile-form-card p,:root[data-theme=dark] .student-learn-shell .student-profile-hero strong,:root[data-theme=dark] .student-learn-shell .student-unit-card em{color:var(--student-dark-muted)}:root[data-theme=dark] .student-learn-shell .student-achievement-preview a,:root[data-theme=dark] .student-learn-shell .student-certificate-preview a,:root[data-theme=dark] .student-learn-shell .student-profile-link,:root[data-theme=dark] .student-learn-shell .student-section-title a{color:var(--student-dark-link)}:root[data-theme=dark] .student-learn-shell .student-achievement-preview a:hover,:root[data-theme=dark] .student-learn-shell .student-certificate-preview a:hover,:root[data-theme=dark] .student-learn-shell .student-profile-link:hover,:root[data-theme=dark] .student-learn-shell .student-section-title a:hover{color:#bae6fd}:root[data-theme=dark] .student-learn-shell .extra-activity-card,:root[data-theme=dark] .student-learn-shell .student-badge-card,:root[data-theme=dark] .student-learn-shell .student-certificate-preview section,:root[data-theme=dark] .student-learn-shell .student-notification-item,:root[data-theme=dark] .student-learn-shell .student-profile-form-card,:root[data-theme=dark] .student-learn-shell .student-unit-card{border-color:var(--student-dark-border);background:var(--student-dark-soft);color:var(--student-dark-body)}:root[data-theme=dark] .student-learn-shell .student-achievement-preview,:root[data-theme=dark] .student-learn-shell .student-continue-card,:root[data-theme=dark] .student-learn-shell .student-course-card,:root[data-theme=dark] .student-learn-shell .student-glass-hero-copy,:root[data-theme=dark] .student-learn-shell .student-learn-stats article,:root[data-theme=dark] .student-learn-shell .student-main-progress-card,:root[data-theme=dark] .student-learn-shell .student-progress-stat-grid article,:root[data-theme=dark] .student-learn-shell .student-skill-card,:root[data-theme=dark] .student-learn-shell .student-weekly-card{border-color:rgba(103,232,249,.18);background:linear-gradient(135deg,rgba(20,37,45,.96),rgba(14,27,34,.94));color:var(--student-dark-body)}:root[data-theme=dark] .student-learn-shell .student-glass-hero-copy{border-color:rgba(103,232,249,.18);background:linear-gradient(135deg,rgba(16,31,39,.92),rgba(12,24,31,.9))}:root[data-theme=dark] .student-learn-shell .student-avatar-bubble,:root[data-theme=dark] .student-learn-shell .student-continue-thumb,:root[data-theme=dark] .student-learn-shell .student-glass-hero-image{border-color:rgba(111,143,156,.5);background:linear-gradient(135deg,rgba(20,58,69,.82),rgba(12,24,31,.9));color:var(--student-dark-heading)}:root[data-theme=dark] .student-learn-shell .student-badge-card.locked,:root[data-theme=dark] .student-learn-shell .student-empty-card{border-color:rgba(91,118,130,.52);background:rgba(12,24,31,.92);color:var(--student-dark-muted)}:root[data-theme=dark] .student-learn-shell .student-badge-card.gold{border-color:rgba(250,204,21,.38);background:linear-gradient(135deg,rgba(63,50,16,.58),rgba(20,37,45,.94))}:root[data-theme=dark] .student-learn-shell .student-badge-card.gold span,:root[data-theme=dark] .student-learn-shell .student-learn-stats .purple,:root[data-theme=dark] .student-learn-shell .student-unit-card .purple{color:#e9d5ff;background:rgba(126,34,206,.28)}:root[data-theme=dark] .student-learn-shell .desktop-side-group-title{color:#b8cad3}:root[data-theme=dark] .student-learn-shell .desktop-side-brand{border-color:rgba(91,118,130,.48)}:root[data-theme=dark] .student-learn-shell .desktop-side-user{border-color:rgba(91,118,130,.52);background:rgba(20,37,45,.9)}:root[data-theme=dark] .student-learn-shell .desktop-side-brand strong,:root[data-theme=dark] .student-learn-shell .desktop-side-user strong{color:#f5fbff}:root[data-theme=dark] .student-learn-shell .desktop-side-brand small,:root[data-theme=dark] .student-learn-shell .desktop-side-link,:root[data-theme=dark] .student-learn-shell .desktop-side-user>small,:root[data-theme=dark] .student-learn-shell .desktop-side-user>span{color:#c6d5dc}:root[data-theme=dark] .student-learn-shell .desktop-side-link:hover,:root[data-theme=dark] .student-learn-shell .desktop-side-link[data-active=true]{border-color:rgba(94,234,212,.34);background:rgba(36,198,165,.12);color:#f5fbff}:root[data-theme=dark] .student-learn-shell .bottom-nav-link,:root[data-theme=dark] .student-learn-shell .desktop-side-link,:root[data-theme=dark] .student-learn-shell .more-drawer-link{--student-nav-icon:#93c5fd;--student-nav-icon-bg:rgba(59,130,246,0.18);--student-nav-icon-ring:rgba(147,197,253,0.28)}:root[data-theme=dark] .student-learn-shell [data-nav-tone=teal]{--student-nav-icon:#5eead4;--student-nav-icon-bg:rgba(20,184,166,0.18);--student-nav-icon-ring:rgba(94,234,212,0.28)}:root[data-theme=dark] .student-learn-shell [data-nav-tone=purple]{--student-nav-icon:#d8b4fe;--student-nav-icon-bg:rgba(147,51,234,0.2);--student-nav-icon-ring:rgba(216,180,254,0.28)}:root[data-theme=dark] .student-learn-shell [data-nav-tone=cyan]{--student-nav-icon:#7dd3fc;--student-nav-icon-bg:rgba(14,165,233,0.18);--student-nav-icon-ring:rgba(125,211,252,0.28)}:root[data-theme=dark] .student-learn-shell [data-nav-tone=amber]{--student-nav-icon:#fde68a;--student-nav-icon-bg:rgba(217,119,6,0.2);--student-nav-icon-ring:rgba(253,230,138,0.3)}:root[data-theme=dark] .student-learn-shell [data-nav-tone=indigo]{--student-nav-icon:#c7d2fe;--student-nav-icon-bg:rgba(99,102,241,0.2);--student-nav-icon-ring:rgba(199,210,254,0.3)}:root[data-theme=dark] .student-learn-shell .student-learn-stats .blue,:root[data-theme=dark] .student-learn-shell .student-unit-card .blue{color:#bfdbfe;background:rgba(37,99,235,.26)}:root[data-theme=dark] .student-learn-shell .student-learn-stats .green,:root[data-theme=dark] .student-learn-shell .student-unit-card .green{color:#bbf7d0;background:rgba(22,163,74,.24)}:root[data-theme=dark] .student-learn-shell .extra-activity-options label{border-color:rgba(111,143,156,.48);background:var(--student-dark-softer);color:var(--student-dark-body)}:root[data-theme=dark] .student-learn-shell .extra-activity-options label:has(input:checked),:root[data-theme=dark] .student-learn-shell .extra-activity-options label:hover{border-color:rgba(103,232,249,.45);background:rgba(20,58,69,.9)}:root[data-theme=dark] .student-learn-shell .extra-activity-form .field span,:root[data-theme=dark] .student-learn-shell .extra-activity-options span,:root[data-theme=dark] .student-learn-shell .pronunciation-recorder label,:root[data-theme=dark] .student-learn-shell .recorder-status{color:var(--student-dark-body)}:root[data-theme=dark] .student-learn-shell .extra-activity-result,:root[data-theme=dark] .student-learn-shell .extra-pronunciation-recorder .hint{border-color:var(--student-notice-info-border);background:var(--student-notice-info-bg);color:var(--student-notice-info-text)}:root[data-theme=dark] .student-learn-shell .extra-activity-result.passed,:root[data-theme=dark] .student-learn-shell .extra-pronunciation-recorder .hint.passed{border-color:var(--student-notice-success-border);background:var(--student-notice-success-bg);color:var(--student-notice-success-text)}:root[data-theme=dark] .student-learn-shell .extra-activity-result.retry,:root[data-theme=dark] .student-learn-shell .extra-pronunciation-recorder .hint.retry{border-color:var(--student-notice-warning-border);background:var(--student-notice-warning-bg);color:var(--student-notice-warning-text)}:root[data-theme=dark] .student-learn-shell .access-status,:root[data-theme=dark] .student-learn-shell .badge,:root[data-theme=dark] .student-learn-shell .lesson-type-pill,:root[data-theme=dark] .student-learn-shell .status-pill{border-color:rgba(111,143,156,.5);background:rgba(23,42,51,.9);color:var(--student-dark-body)}.student-learn-login-page{--primary:#0057d9;--primary-dark:#0046b5;--primary-soft:#eaf4ff;--soft-bg:#f4f9ff;--text-main:#0b2b5c;--text-muted:#6f7d95;--learn-line:#d9e9fb;--learn-shadow:0 12px 30px rgba(0,87,217,0.12);--learn-shadow-strong:0 18px 42px rgba(0,87,217,0.2);position:relative;display:grid;justify-items:center;min-height:100svh;overflow-x:hidden;overflow-y:auto;padding:max(12px,env(safe-area-inset-top)) 14px max(16px,env(safe-area-inset-bottom));background:radial-gradient(circle at 80% 9%,rgba(228,241,255,.9) 0 18%,transparent 31%),linear-gradient(180deg,#f6fbff 0,var(--soft-bg) 54%,#edf6ff 100%);color:var(--text-main);direction:rtl;isolation:isolate}.student-learn-login-page *,.student-learn-login-page :after,.student-learn-login-page :before{box-sizing:border-box}.student-learn-login-shell{position:relative;z-index:2;display:grid;align-content:start;gap:clamp(9px,2.4vw,14px);width:min(100%,430px);min-width:0;margin:0 auto}.learn-login-theme-toggle{position:absolute;inset-block-start:4px;inset-inline-end:2px;z-index:7;min-width:38px;min-height:38px;border-color:rgba(0,87,217,.12);background:rgba(255,255,255,.76);color:var(--text-main);box-shadow:0 10px 24px rgba(10,56,118,.1);backdrop-filter:blur(12px)}.learn-login-theme-toggle span{display:none}.learn-login-theme-toggle svg{color:var(--primary)}.learn-login-wave{position:absolute;z-index:0;pointer-events:none}.learn-login-wave.wave-top{inset-block-start:-98px;inset-inline-start:-102px;width:clamp(180px,53vw,290px);height:clamp(180px,53vw,290px);border-radius:38% 62% 58% 42%;background:radial-gradient(circle at 48% 48%,#008fe9 0 37%,transparent 38%),radial-gradient(circle at 38% 50%,#0057d9 0 57%,transparent 58%);opacity:.98;transform:rotate(-16deg);box-shadow:0 24px 54px rgba(0,87,217,.18)}.learn-login-wave.wave-bottom{inset-inline:-54px -44px;inset-block-end:-74px;height:clamp(120px,27vw,170px);border-radius:50% 50% 0 0;background:radial-gradient(70px 80px at 10% 52%,rgba(0,87,217,.1),transparent 72%),radial-gradient(110px 90px at 88% 42%,rgba(0,87,217,.11),transparent 72%),linear-gradient(180deg,rgba(217,234,255,.74),rgba(225,241,255,.88))}.learn-login-decor{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;color:rgba(28,91,168,.11)}.learn-login-decor span{position:absolute;display:grid;place-items:center;font-weight:900}.decor-star{font-size:clamp(18px,5vw,30px)}.decor-rocket{width:28px;height:42px;border:2px solid;border-radius:50% 50% 46% 46%;transform:rotate(-28deg)}.decor-rocket:after,.decor-rocket:before{content:"";position:absolute;border-radius:999px;background:currentColor}.decor-rocket:before{width:9px;height:9px;inset-block-start:9px}.decor-rocket:after{width:2px;height:22px;inset-block-end:-18px}.decor-bubble{width:42px;height:26px;border:2px solid;border-radius:999px}.decor-bubble:after{content:"";position:absolute;inset-inline-start:9px;inset-block-end:-6px;width:12px;height:12px;border-inline-start:2px solid currentColor;border-block-end:2px solid currentColor;border-radius:0 0 0 8px;transform:rotate(-18deg)}.decor-book{width:31px;height:38px;border:2px solid;border-radius:5px;transform:rotate(16deg)}.decor-book:before{content:"";position:absolute;inset-block:5px;inset-inline-start:9px;width:2px;border-radius:999px;background:currentColor}.decor-planet{width:38px;height:38px}.decor-planet,.decor-planet:before{border:2px solid;border-radius:999px}.decor-planet:before{content:"";position:absolute;inset-inline-start:-9px;inset-block-start:15px;width:56px;height:9px;transform:rotate(-18deg)}.decor-one{inset-block-start:19%;inset-inline-start:8%}.decor-two{inset-block-start:8%;inset-inline-start:28%}.decor-three{inset-block-start:10%;inset-inline-end:11%}.decor-four{inset-block-start:30%;inset-inline-start:2%}.decor-five{inset-block-start:25%;inset-inline-end:4%}.decor-six{inset-block-end:30%;inset-inline-end:12%}.decor-seven{inset-block-end:22%;inset-inline-start:9%}.learn-login-hero{display:grid;gap:clamp(5px,1.5vw,9px);justify-items:center;min-width:0;padding-top:clamp(6px,2.2vw,14px)}.learn-login-brand{display:grid;place-items:center;width:min(228px,58vw);min-height:68px;margin-inline:auto}.learn-login-brand img{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 18px rgba(0,87,217,.1))}.learn-characters-stage{position:relative;width:min(100%,390px);height:clamp(158px,42vw,190px);margin:2px auto 0;overflow:visible}.learn-characters-stage:before{content:"";position:absolute;inset-inline:32px;inset-block:16px 12px;z-index:-1;border:1px solid rgba(174,209,238,.58);border-radius:23px;background:rgba(255,255,255,.34);box-shadow:inset 0 0 0 1px rgba(255,255,255,.54)}.learn-character,.learn-prop{position:absolute;display:block;height:auto;max-width:none;object-fit:contain;user-select:none;-webkit-user-drag:none}.learn-daqoos{inset-inline-start:clamp(42px,14vw,72px);z-index:3}.learn-daqoos,.learn-teacher{inset-block-end:0;width:clamp(116px,33vw,148px);border-radius:24px;filter:drop-shadow(0 13px 20px rgba(17,50,97,.1))}.learn-teacher{inset-inline-end:clamp(35px,13vw,66px);z-index:2}.learn-bookshelf{inset-inline-start:1px;inset-block-end:1px;z-index:1;width:clamp(58px,17vw,78px);border-radius:16px}.learn-globe{inset-inline-end:2px;inset-block-end:8px;z-index:1;width:clamp(54px,15vw,70px);border-radius:999px}.learn-login-copy{display:grid;gap:7px;width:min(100%,390px);margin-inline:auto;text-align:center}.learn-login-copy h1,.learn-login-copy p{margin:0}.learn-login-copy h1{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--primary);font-size:clamp(1.28rem,6.1vw,1.74rem);font-weight:950;line-height:1.28;letter-spacing:0;overflow-wrap:anywhere}.learn-login-copy h1 span{flex:0 0 auto;color:#ffc400;font-size:.76em}.learn-login-copy p{width:min(100%,326px);margin-inline:auto;color:var(--text-main);font-size:clamp(.78rem,3.25vw,.92rem);font-weight:700;line-height:1.72}.learn-login-alert{border:1px solid rgba(220,38,38,.18);border-radius:18px;background:rgba(255,245,245,.92);color:#b42318;font-size:.83rem;font-weight:850;line-height:1.55;padding:10px 14px;box-shadow:0 8px 20px rgba(180,35,24,.07)}.learn-login-form{display:grid;gap:clamp(10px,2.7vw,13px);width:min(100%,390px);min-width:0;margin-inline:auto}.learn-login-field{position:relative;display:grid;align-items:center;min-width:0;height:clamp(46px,13.5vw,56px);border:1px solid rgba(214,229,245,.9);border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 10px 24px rgba(14,58,118,.08);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.learn-login-field:focus-within{border-color:rgba(0,87,217,.55);box-shadow:0 14px 30px rgba(0,87,217,.16);transform:translateY(-1px)}.learn-login-field input{width:100%;min-width:0;height:100%;border:0;outline:0;border-radius:inherit;background:transparent;color:var(--text-main);font-size:clamp(.88rem,3.5vw,.98rem);font-weight:750;padding-inline:50px 48px}.learn-login-field input::placeholder{color:#95a3ba;opacity:1}.learn-field-icon,.learn-password-toggle{position:absolute;top:50%;display:grid;place-items:center;color:#8190aa;transform:translateY(-50%)}.learn-field-icon{inset-inline-start:18px;width:22px;height:22px}.learn-password-toggle{inset-inline-end:14px;width:34px;height:34px;border:0;border-radius:999px;background:transparent;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}.learn-password-toggle:focus-visible,.learn-password-toggle:hover{background:rgba(0,87,217,.08);color:var(--primary)}.learn-password-toggle:active{transform:translateY(-50%) scale(.94)}.learn-create-account,.learn-login-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:clamp(46px,13.5vw,56px);border-radius:18px;font-size:clamp(.94rem,3.8vw,1.06rem);font-weight:950;line-height:1;text-decoration:none;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease,color .16s ease}.learn-login-submit{border:0;background:linear-gradient(180deg,#1f6cef 0,var(--primary) 100%);color:#ffffff;box-shadow:0 14px 30px rgba(0,87,217,.26)}.learn-login-submit:focus-visible,.learn-login-submit:hover{box-shadow:0 18px 34px rgba(0,87,217,.3);transform:translateY(-1px)}.learn-create-account:active,.learn-login-submit:active{transform:translateY(1px)}.learn-login-submit:disabled{cursor:wait;opacity:.82}.learn-create-account{border:1.5px solid rgba(0,87,217,.76);background:rgba(255,255,255,.96);color:var(--primary);box-shadow:0 8px 20px rgba(0,87,217,.06)}.learn-create-account:focus-visible,.learn-create-account:hover{border-color:var(--primary-dark);background:#f8fbff;color:var(--primary-dark)}.learn-login-spinner{animation:learn-login-spin .8s linear infinite}.learn-login-links{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;color:var(--primary);font-size:clamp(.75rem,3.2vw,.86rem);font-weight:850}.learn-login-links a{display:inline-flex;align-items:center;gap:5px;min-width:0;color:inherit;text-decoration:none;white-space:nowrap}.learn-login-links a:focus-visible,.learn-login-links a:hover{color:var(--primary-dark);text-decoration:underline;text-underline-offset:4px}.learn-login-divider{display:grid;grid-template-columns:minmax(26px,1fr) auto minmax(26px,1fr);align-items:center;gap:10px;margin-top:2px;color:#9ba8bc;font-size:clamp(.72rem,3vw,.82rem);font-weight:800}.learn-login-divider span{height:1px;border-radius:999px;background:rgba(203,217,235,.82)}.learn-login-divider p{margin:0;white-space:nowrap}.learn-social-login{display:flex;align-items:center;justify-content:center;gap:clamp(13px,4vw,18px)}.learn-social-button{display:grid;place-items:center;width:clamp(41px,12vw,50px);height:clamp(41px,12vw,50px);border:1px solid rgba(219,230,243,.9);border-radius:999px;background:rgba(255,255,255,.96);color:var(--text-main);box-shadow:0 10px 22px rgba(15,57,112,.09);cursor:pointer;font-size:1rem;font-weight:950;line-height:1;transition:box-shadow .16s ease,transform .16s ease,border-color .16s ease}.learn-social-button.google{color:#4285f4}.learn-social-button.apple{color:#111827;font-size:.62rem;letter-spacing:0}.learn-social-button.facebook{color:#1877f2;font-family:Arial,sans-serif;font-size:1.36rem}.learn-social-button:focus-visible,.learn-social-button:hover{border-color:rgba(0,87,217,.26);box-shadow:0 14px 26px rgba(0,87,217,.14);transform:translateY(-1px)}.learn-social-button:active{transform:translateY(1px)}.learn-safety-note{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:1px 5px;margin-top:2px;color:var(--text-muted);text-align:center}.learn-safety-note svg{grid-row:span 2;color:#6f8aa8}.learn-safety-note strong{color:#6c7d96;font-size:clamp(.73rem,3vw,.82rem);font-weight:900;line-height:1.2}.learn-safety-note span{grid-column:2;color:#9ca8b9;font-size:clamp(.62rem,2.6vw,.72rem);font-weight:700;line-height:1.2}@keyframes learn-login-spin{to{transform:rotate(1turn)}}@media (max-width:360px){.student-learn-login-page{padding-inline:11px}.learn-characters-stage{height:146px}.learn-login-brand{width:190px;min-height:57px}.learn-daqoos,.learn-teacher{width:112px}.learn-bookshelf{width:50px}.learn-globe{width:48px}.learn-login-copy p{line-height:1.58}.learn-login-links{font-size:.72rem}}@media (min-width:431px){.student-learn-login-page{align-items:center;padding-block:22px}.student-learn-login-shell{border:1px solid rgba(211,229,246,.64);border-radius:34px;background:rgba(255,255,255,.34);box-shadow:0 24px 62px rgba(20,75,145,.12);padding:16px 18px 18px;backdrop-filter:blur(12px)}}:root[data-theme=dark] .student-learn-login-page{--soft-bg:#071521;--text-main:#eef6ff;--text-muted:#a9bad0;--learn-line:#28445f;background:radial-gradient(circle at 80% 9%,rgba(15,52,90,.7) 0 18%,transparent 31%),linear-gradient(180deg,#07121f,#0a1725 56%,#0d1b2d);color:var(--text-main)}:root[data-theme=dark] .learn-create-account,:root[data-theme=dark] .learn-login-field,:root[data-theme=dark] .learn-login-theme-toggle,:root[data-theme=dark] .learn-social-button{border-color:rgba(92,135,178,.38);background:rgba(13,27,43,.88);color:var(--text-main);box-shadow:0 12px 28px rgba(0,0,0,.28)}:root[data-theme=dark] .student-learn-login-shell{border-color:rgba(92,135,178,.24);background:rgba(8,21,34,.38)}:root[data-theme=dark] .learn-login-copy h1{color:#85b8ff}:root[data-theme=dark] .learn-login-copy p,:root[data-theme=dark] .learn-login-field input{color:var(--text-main)}:root[data-theme=dark] .learn-field-icon,:root[data-theme=dark] .learn-login-divider,:root[data-theme=dark] .learn-login-field input::placeholder,:root[data-theme=dark] .learn-password-toggle,:root[data-theme=dark] .learn-safety-note span,:root[data-theme=dark] .learn-safety-note strong{color:var(--text-muted)}:root[data-theme=dark] .learn-create-account,:root[data-theme=dark] .learn-login-links{color:#89bbff}:root[data-theme=dark] .learn-social-button.apple{color:#f5f7fb}:root[data-theme=dark] .learn-characters-stage:before{border-color:rgba(92,135,178,.32);background:rgba(11,28,45,.44)}:root[data-theme=dark] .learn-login-divider span{background:rgba(92,135,178,.34)}.student-learn-shell .bottom-nav-link{color:#52647a}.student-learn-shell .bottom-nav-link[data-active=true]{color:#1f3b63}.student-learn-shell .student-learn-stats em{color:#15803d}.lesson-app-flow{--lesson-blue:#1d4ed8;--lesson-muted:#59677e}.guest-trial-immersive{width:min(100%,460px);min-height:100dvh;margin-inline:auto;padding:max(10px,env(safe-area-inset-top)) 12px max(18px,env(safe-area-inset-bottom))}.guest-trial-immersive .student-lesson-primary,.guest-trial-immersive>[data-public-trial-booking-dialog=true]{width:100%}.guest-trial-immersive .lesson-app-flow{min-height:calc(100dvh - 28px);padding-bottom:max(28px,env(safe-area-inset-bottom))}.guest-trial-immersive .lesson-app-header.has-no-back{grid-template-columns:minmax(0,1fr) auto}.guest-trial-video-recovery,.guest-trial-video-welcome{position:absolute;inset:0;z-index:3;display:grid;place-items:center;gap:14px;padding:22px;background:linear-gradient(145deg,rgba(7,20,42,.76),rgba(15,58,76,.88));color:#ffffff;text-align:center}.guest-trial-video-primary-action.button{width:min(100%,360px);min-height:66px;justify-content:center;border-radius:20px;font-size:clamp(1.05rem,4.5vw,1.25rem);font-weight:950;box-shadow:0 18px 42px rgba(0,0,0,.28)}.guest-trial-video-recovery{align-content:center}.guest-trial-video-recovery p,.guest-trial-video-recovery strong{display:block;margin:0}.guest-trial-video-recovery p{margin-top:5px;color:rgba(255,255,255,.88);line-height:1.7}.guest-trial-session-loading{min-height:min(72dvh,560px)}.lesson-step-dot{color:#52647a}.course-path-meta,.course-path-score span{color:#087a4a}.course-path-lesson-card.is-locked,.course-path-lesson-card.is-locked .course-path-meta,.course-path-lesson-card.is-locked .course-path-score span{color:#64748b}.course-path-lesson-card.is-guest-preview{width:100%;text-align:start}.bottom-nav-link[data-guest-locked-preview=true],.course-path-lesson-card.is-guest-preview,.desktop-side-link[data-guest-locked-preview=true],.more-drawer-link[data-guest-locked-preview=true]{appearance:none;font:inherit;cursor:pointer}.desktop-side-link[data-guest-locked-preview=true],.more-drawer-link[data-guest-locked-preview=true]{width:100%;text-align:start}.course-path-lesson-card.is-guest-preview:focus-visible,.course-path-lesson-card.is-guest-preview:hover{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));box-shadow:var(--shadow);outline:none;transform:translateY(-1px)}.guest-trial-welcome-backdrop{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:18px;background:rgba(5,14,24,.72);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.guest-trial-welcome{position:relative;isolation:isolate;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;overflow:hidden;width:min(640px,100%);max-height:calc(100dvh - 36px);overflow-y:auto;padding:clamp(20px,3vw,30px);border:2px solid color-mix(in srgb,var(--accent) 42%,var(--line));border-radius:24px;background:radial-gradient(circle at 12% 20%,color-mix(in srgb,var(--accent-cyan) 20%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--accent) 11%,var(--surface)),var(--surface));box-shadow:0 20px 48px color-mix(in srgb,var(--accent) 18%,transparent)}.guest-trial-welcome-close{position:absolute;top:14px;left:14px;z-index:2;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:color-mix(in srgb,var(--surface) 90%,transparent);cursor:pointer}.guest-trial-welcome-close:focus-visible,.guest-trial-welcome-close:hover{color:var(--text);border-color:var(--accent);outline:3px solid color-mix(in srgb,var(--accent) 20%,transparent)}.guest-trial-welcome-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-cyan));box-shadow:0 14px 30px color-mix(in srgb,var(--accent) 28%,transparent)}.guest-trial-welcome-copy{display:grid;gap:5px;min-width:0}.guest-trial-welcome-kicker{width:fit-content;padding:4px 10px;border-radius:999px;color:var(--accent-dark);background:color-mix(in srgb,var(--accent) 13%,var(--surface));font-size:.8rem;font-weight:900}.guest-trial-welcome h2,.guest-trial-welcome p,.guest-trial-welcome small{margin:0}.guest-trial-welcome h2{color:var(--text);font-size:clamp(1.25rem,2.4vw,1.7rem);line-height:1.35}.guest-trial-welcome p{max-width:620px;color:var(--muted);font-size:1rem;line-height:1.7}.guest-trial-welcome small{color:var(--accent-dark);font-weight:800}.guest-trial-welcome-button.button{grid-column:1/-1;width:100%;min-height:60px;padding-inline:24px;border-radius:16px;background:linear-gradient(135deg,var(--accent),var(--accent-cyan));box-shadow:0 16px 30px color-mix(in srgb,var(--accent) 27%,transparent);font-size:1.05rem;text-decoration:none}.guest-trial-welcome-button.button:focus-visible,.guest-trial-welcome-button.button:hover{background:linear-gradient(135deg,var(--accent-dark),var(--accent-cyan));box-shadow:0 18px 34px color-mix(in srgb,var(--accent) 34%,transparent);outline:3px solid color-mix(in srgb,var(--accent-cyan) 28%,transparent);outline-offset:3px;transform:translateY(-2px)}@media (max-width:760px){.guest-trial-welcome-backdrop{align-items:end;padding:12px}.guest-trial-welcome{gap:14px;padding:18px;border-radius:20px}.guest-trial-welcome-icon{width:52px;height:52px;border-radius:16px}.guest-trial-welcome-button.button{min-height:58px}}.guest-lesson-booking-cta{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line));border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--surface)),var(--surface-soft));padding:18px;color:var(--text)}.guest-lesson-booking-cta>svg{color:var(--accent)}.guest-lesson-booking-cta p,.guest-lesson-booking-cta strong{display:block;margin:0}.guest-lesson-booking-cta p{margin-top:4px;color:var(--muted);line-height:1.7}.guest-lesson-booking-cta .button{white-space:nowrap}@media (max-width:700px){.guest-lesson-booking-cta{grid-template-columns:auto minmax(0,1fr)}.guest-lesson-booking-cta .button{grid-column:1/-1;width:100%}}.guest-locked-preview-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:rgba(5,14,24,.68);padding:18px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.guest-locked-preview-dialog{position:relative;display:grid;justify-items:center;gap:12px;width:min(500px,100%);max-height:min(680px,calc(100dvh - 36px));overflow-y:auto;border:1px solid color-mix(in srgb,var(--accent-cyan) 32%,var(--line));border-radius:24px;background:var(--surface);color:var(--text);box-shadow:0 28px 90px rgba(0,0,0,.3);padding:30px 24px 24px;text-align:center}.guest-locked-preview-booking,.guest-locked-preview-booking>.student-trial-booking-card{width:100%}.guest-locked-preview-booking>.student-trial-booking-card{margin:0;text-align:start}.guest-locked-preview-booking .section-header{align-items:flex-start}.guest-locked-preview-dialog h2,.guest-locked-preview-dialog p{margin:0}.guest-locked-preview-dialog>p:not(.eyebrow){color:var(--muted);line-height:1.85}.guest-locked-preview-close{position:absolute;top:12px;inset-inline-end:12px;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);color:var(--text);cursor:pointer}.guest-locked-preview-close:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 36%,transparent);outline-offset:2px}.guest-locked-preview-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:color-mix(in srgb,var(--accent) 14%,var(--surface-soft));color:var(--accent-dark)}.guest-locked-preview-note{width:100%;border:1px solid color-mix(in srgb,var(--accent-cyan) 26%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--accent-cyan) 7%,var(--surface-soft));padding:12px 14px}.guest-locked-preview-dialog .button{width:100%}:root[data-theme=dark] .guest-locked-preview-dialog{border-color:rgba(103,232,249,.28);background:var(--student-dark-soft,var(--surface))}.student-learn-shell:has(.lesson-app-flow) .bottom-nav-link{color:#52647a!important}.student-learn-shell:has(.lesson-app-flow) .bottom-nav-link[data-active=true]{color:#1f3b63!important}.lesson-app-flow .lesson-app-title span{color:#59677e!important}.more-drawer-theme-control{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:16px;background:color-mix(in srgb,var(--surface-soft) 92%,transparent);padding:12px}.more-drawer-theme-control>div:first-child{display:grid;gap:3px;min-width:0}.more-drawer-theme-control>div:first-child>strong{color:var(--text);font-size:.9rem;font-weight:950}.more-drawer-theme-control>div:first-child>span{color:var(--muted);font-size:.74rem;font-weight:800}.more-drawer-theme-control .theme-toggle{flex:0 0 auto;box-shadow:none}.student-shell-theme-dock{display:none}@media (min-width:1120px){.student-learn-shell .desktop-side-nav{display:grid}.student-learn-shell .portal-main{margin-inline:auto;padding-bottom:34px}.student-learn-shell .student-shell-theme-dock{position:fixed;top:18px;left:18px;z-index:110;display:flex;align-items:center;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow);padding:5px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}:root[data-theme=dark] .more-drawer-theme-control{border-color:var(--student-dark-border,var(--line));background:var(--student-dark-softer,var(--surface-soft))}.student-overall-progress-ring{--student-progress-accent:#2563eb;--student-progress-track:#e4ebf3;background:conic-gradient(var(--student-progress-accent) var(--student-progress),var(--student-progress-track) 0)}.student-main-progress-card>.student-overall-progress-ring strong{background:var(--surface);color:var(--learn-ink)}.student-skill-icon.green{color:#15803d}.student-skill-icon.blue{color:#1d4ed8}.student-skill-icon.purple{color:#6d28d9}.student-skill-icon.orange{color:#c2410c}.student-skill-progress.green{background:#16a34a}.student-skill-progress.blue{background:#2563eb}.student-skill-progress.purple{background:#7c3aed}.student-skill-progress.orange{background:#ea580c}:root[data-theme=dark] .student-overall-progress-ring{--student-progress-accent:#60a5fa;--student-progress-track:#29414d}:root[data-theme=dark] .student-main-progress-card>.student-overall-progress-ring strong{background:#132127;color:var(--student-dark-heading)}:root[data-theme=dark] .student-learn-shell .student-empty-card strong,:root[data-theme=dark] .student-learn-shell .student-learn-stats strong,:root[data-theme=dark] .student-learn-shell .student-week-bars small{color:var(--student-dark-heading)}:root[data-theme=dark] .student-learn-shell .student-week-bars small{color:var(--student-dark-muted)}:root[data-theme=dark] .student-skill-icon.green{color:#86efac}:root[data-theme=dark] .student-skill-icon.blue{color:#93c5fd}:root[data-theme=dark] .student-skill-icon.purple{color:#d8b4fe}:root[data-theme=dark] .student-skill-icon.orange{color:#fdba74}:root[data-theme=dark] .student-skill-progress.green{background:#4ade80}:root[data-theme=dark] .student-skill-progress.blue{background:#60a5fa}:root[data-theme=dark] .student-skill-progress.purple{background:#c084fc}:root[data-theme=dark] .student-skill-progress.orange{background:#fb923c}:root[data-theme=dark] .student-learn-shell:has(.lesson-app-flow){--lesson-blue:#7dd3fc;--lesson-green:#86efac;--lesson-ink:#f8fdff;--lesson-muted:#b8cad3;--lesson-line:rgba(111,143,156,0.5);background:radial-gradient(circle at 14% 8%,rgba(59,130,246,.15),transparent 30%),radial-gradient(circle at 86% 22%,rgba(45,212,191,.11),transparent 28%),linear-gradient(180deg,#071114,#0d1d25 54%,#0a171c)!important;color:var(--lesson-ink)!important}:root[data-theme=dark] .student-learn-shell:has(.lesson-app-flow):before{opacity:.14}:root[data-theme=dark] .lesson-app-flow,:root[data-theme=dark] .student-lesson-primary.section{color:var(--lesson-ink)!important}:root[data-theme=dark] .lesson-app-flow{--lesson-blue:#7dd3fc;--lesson-green:#86efac;--lesson-ink:#f8fdff;--lesson-muted:#b8cad3;--lesson-line:rgba(111,143,156,0.5)}:root[data-theme=dark] .lesson-app-flow .lesson-app-header{border-color:rgba(103,232,249,.2);background:rgba(15,31,39,.92)!important;color:var(--lesson-ink)!important;box-shadow:0 14px 34px rgba(0,0,0,.36)}:root[data-theme=dark] .lesson-app-flow .lesson-app-title h1,:root[data-theme=dark] .lesson-app-flow .lesson-dialog-card strong,:root[data-theme=dark] .lesson-app-flow .lesson-target-card strong{color:var(--lesson-ink)!important}:root[data-theme=dark] .lesson-app-flow .lesson-app-title span,:root[data-theme=dark] .lesson-app-flow .lesson-dialog-card small,:root[data-theme=dark] .lesson-app-flow .pronunciation-result-card span,:root[data-theme=dark] .lesson-app-flow .voice-practice-zone p{color:var(--lesson-muted)!important}:root[data-theme=dark] .lesson-app-back,:root[data-theme=dark] .lesson-listen-fab{border-color:rgba(125,211,252,.3);background:#172a33;color:var(--lesson-blue);box-shadow:0 8px 18px rgba(0,0,0,.28)}:root[data-theme=dark] .lesson-app-counter{background:rgba(59,130,246,.18);color:#bfdbfe}:root[data-theme=dark] .flow-progress-track,:root[data-theme=dark] .lesson-app-progress,:root[data-theme=dark] .lesson-step-dot{background:#29414d}:root[data-theme=dark] .lesson-app-flow .lesson-hero-card{border-color:rgba(111,143,156,.46);background:radial-gradient(circle at 14% 12%,rgba(59,130,246,.16),transparent 30%),linear-gradient(180deg,#122730,#0d1d25)!important;color:var(--lesson-ink)!important;box-shadow:0 18px 38px rgba(0,0,0,.34)}:root[data-theme=dark] .lesson-hero-image,:root[data-theme=dark] .lesson-hero-video{background:#081216}:root[data-theme=dark] .lesson-scene-board,:root[data-theme=dark] .lesson-scene-fallback:before{border-color:rgba(111,143,156,.4);background:rgba(23,42,51,.86)}:root[data-theme=dark] .lesson-dialog-card{border-color:rgba(111,143,156,.54);background:rgba(18,33,41,.96);box-shadow:0 14px 34px rgba(0,0,0,.38)}:root[data-theme=dark] .lesson-app-flow .lesson-choice-card,:root[data-theme=dark] .lesson-app-flow .lesson-match-card,:root[data-theme=dark] .lesson-app-flow .lesson-target-card,:root[data-theme=dark] .lesson-app-flow .lesson-writing-card,:root[data-theme=dark] .lesson-app-flow .pronunciation-result-card,:root[data-theme=dark] .lesson-app-flow .teacher-tip-card{border-color:var(--lesson-line);background:rgba(18,33,41,.96)!important;color:var(--lesson-ink)!important;box-shadow:0 12px 30px rgba(0,0,0,.3)}:root[data-theme=dark] .lesson-app-flow .flow-actions .button.secondary,:root[data-theme=dark] .lesson-mini-listen{border-color:rgba(125,211,252,.32)!important;background:#172a33!important;color:var(--lesson-blue)!important}:root[data-theme=dark] .lesson-video-activity .flow-actions .button.secondary{border:0!important;background:linear-gradient(180deg,#3b82f6,#2563eb)!important;color:#ffffff!important}:root[data-theme=dark] .pronunciation-score-ring{background:radial-gradient(circle at center,#132127 58%,transparent 60%),conic-gradient(var(--lesson-green) var(--score),#29414d 0)}:root[data-theme=dark] .pronunciation-result-card p,:root[data-theme=dark] .teacher-tip-card p{color:var(--student-dark-body)!important}:root[data-theme=dark] .flow-review-note,:root[data-theme=dark] .flow-review-practice-note,:root[data-theme=dark] .lesson-review-banner{border-color:rgba(125,211,252,.34);background:rgba(30,64,175,.18);color:#bfdbfe}:root[data-theme=dark] .lesson-voice-activity .teacher-return-note,:root[data-theme=dark] .teacher-return-note{border-color:rgba(250,204,21,.36);background:rgba(113,63,18,.28);color:#fde68a}:root[data-theme=dark] .flow-submitted-state{border-color:rgba(134,239,172,.34);background:rgba(20,83,45,.28);color:#bbf7d0}:root[data-theme=dark] .lesson-choice-option{border-color:rgba(111,143,156,.5);background:#172a33;color:var(--lesson-ink)}:root[data-theme=dark] .lesson-choice-option.is-selected,:root[data-theme=dark] .lesson-choice-option:hover{border-color:rgba(134,239,172,.58);background:rgba(20,83,45,.32)}:root[data-theme=dark] .student-learn-shell:has(.lesson-app-flow) .bottom-nav-card{border-color:rgba(111,143,156,.48)!important;background:rgba(7,17,20,.94)!important;box-shadow:0 18px 44px rgba(0,0,0,.42)!important}:root[data-theme=dark] .student-learn-shell:has(.lesson-app-flow) .bottom-nav-link{color:var(--student-dark-muted)!important}:root[data-theme=dark] .student-learn-shell:has(.lesson-app-flow) .bottom-nav-link[data-active=true]{background:rgba(59,130,246,.2)!important;color:#bfdbfe!important}:root[data-theme=dark] .student-learn-shell .assessment-student-hero,:root[data-theme=dark] .student-learn-shell .assessment-taking-hero{border-color:rgba(103,232,249,.2);background:linear-gradient(135deg,rgba(18,33,41,.98),rgba(13,29,37,.96)),repeating-linear-gradient(135deg,rgba(103,232,249,.05) 0 1px,transparent 1px 14px);color:var(--student-dark-body);box-shadow:0 18px 46px rgba(0,0,0,.38)}:root[data-theme=dark] .student-learn-shell .assessment-complete-panel strong,:root[data-theme=dark] .student-learn-shell .assessment-question-card legend strong,:root[data-theme=dark] .student-learn-shell .assessment-student-card h3,:root[data-theme=dark] .student-learn-shell .assessment-student-hero h1,:root[data-theme=dark] .student-learn-shell .assessment-student-score strong,:root[data-theme=dark] .student-learn-shell .assessment-student-stat-grid strong,:root[data-theme=dark] .student-learn-shell .assessment-taking-hero h1,:root[data-theme=dark] .student-learn-shell .assessment-taking-score strong,:root[data-theme=dark] .student-learn-shell .assessment-taking-stat-grid strong{color:var(--student-dark-heading)}:root[data-theme=dark] .student-learn-shell .assessment-complete-panel p,:root[data-theme=dark] .student-learn-shell .assessment-question-card legend span,:root[data-theme=dark] .student-learn-shell .assessment-student-card p,:root[data-theme=dark] .student-learn-shell .assessment-student-hero p:not(.eyebrow),:root[data-theme=dark] .student-learn-shell .assessment-student-meta span,:root[data-theme=dark] .student-learn-shell .assessment-student-score small,:root[data-theme=dark] .student-learn-shell .assessment-student-score span,:root[data-theme=dark] .student-learn-shell .assessment-student-stat-grid span,:root[data-theme=dark] .student-learn-shell .assessment-taking-hero p:not(.eyebrow),:root[data-theme=dark] .student-learn-shell .assessment-taking-score small,:root[data-theme=dark] .student-learn-shell .assessment-taking-score span,:root[data-theme=dark] .student-learn-shell .assessment-taking-stat-grid span{color:var(--student-dark-muted)}:root[data-theme=dark] .student-learn-shell .assessment-complete-panel,:root[data-theme=dark] .student-learn-shell .assessment-empty-state,:root[data-theme=dark] .student-learn-shell .assessment-question-card,:root[data-theme=dark] .student-learn-shell .assessment-student-card,:root[data-theme=dark] .student-learn-shell .assessment-student-score,:root[data-theme=dark] .student-learn-shell .assessment-student-stat-grid article,:root[data-theme=dark] .student-learn-shell .assessment-taking-score,:root[data-theme=dark] .student-learn-shell .assessment-taking-stat-grid article{border-color:var(--student-dark-border);background:var(--student-dark-soft);color:var(--student-dark-body);box-shadow:0 14px 34px rgba(0,0,0,.3)}:root[data-theme=dark] .student-learn-shell .assessment-student-card.passed{border-color:rgba(134,239,172,.4);background:linear-gradient(135deg,rgba(20,83,45,.32),rgba(18,33,41,.96))}:root[data-theme=dark] .student-learn-shell .assessment-student-card.locked{border-color:rgba(91,118,130,.52);background:rgba(12,24,31,.94)}:root[data-theme=dark] .student-learn-shell .assessment-option,:root[data-theme=dark] .student-learn-shell .assessment-student-meta div,:root[data-theme=dark] .student-learn-shell .assessment-student-state{border-color:rgba(111,143,156,.48);background:var(--student-dark-softer);color:var(--student-dark-body)}:root[data-theme=dark] .student-learn-shell .assessment-option span,:root[data-theme=dark] .student-learn-shell .assessment-student-meta strong,:root[data-theme=dark] .student-learn-shell .assessment-student-state{color:var(--student-dark-heading)}:root[data-theme=dark] .student-learn-shell .assessment-option:has(input:checked),:root[data-theme=dark] .student-learn-shell .assessment-option:hover{border-color:rgba(103,232,249,.48);background:rgba(20,58,69,.9)}:root[data-theme=dark] .student-learn-shell .course-row{border-color:var(--student-dark-border);background:var(--student-dark-soft);color:var(--student-dark-body);box-shadow:0 14px 34px rgba(0,0,0,.3)}:root[data-theme=dark] .student-learn-shell .course-row h3{color:var(--student-dark-heading)}:root[data-theme=dark] .student-learn-shell .certificate-ready-list span,:root[data-theme=dark] .student-learn-shell .course-row .muted,:root[data-theme=dark] .student-learn-shell .course-row p{color:var(--student-dark-muted)}:root[data-theme=dark] .student-learn-shell .certificate-check,:root[data-theme=dark] .student-learn-shell .certificate-ready-list span{border-color:rgba(111,143,156,.48);background:var(--student-dark-softer);color:var(--student-dark-body)}:root[data-theme=dark] .student-learn-shell .certificate-check.active{border-color:rgba(134,239,172,.42);background:rgba(20,83,45,.34);color:#bbf7d0}:root[data-theme=dark] .student-learn-shell .certificate-check.active svg{color:#86efac}:root[data-theme=dark] .student-learn-shell .certificate-reason-list span{border-color:rgba(251,191,36,.42);background:rgba(113,63,18,.3);color:#fde68a}:root[data-theme=dark] .student-learn-shell .bottom-nav-link{color:var(--student-dark-muted)}:root[data-theme=dark] .student-learn-shell .bottom-nav-link[data-active=true]{border-color:rgba(125,211,252,.22);background:rgba(59,130,246,.2);color:#e0f2fe}:root[data-theme=dark] .student-learn-shell .bottom-nav-link[data-active=true]:after{background:#7dd3fc}:root[data-theme=dark] .student-learn-shell .field legend,:root[data-theme=dark] .student-learn-shell .field>span:not(.password-control){color:var(--student-dark-body)}:root[data-theme=dark] .student-learn-shell .eyebrow{border-color:rgba(94,234,212,.34);background:rgba(15,118,110,.24);color:#99f6e4}:root[data-theme=dark] .student-learn-shell .badge.active{border-color:rgba(134,239,172,.38)!important;background:rgba(20,83,45,.34)!important;color:#bbf7d0!important}:root[data-theme=dark] .lesson-step-dot{border-color:rgba(111,143,156,.56);background:#172a33;color:#d7e5ec}:root[data-theme=dark] .lesson-step-dot.submitted{border-color:rgba(147,197,253,.56);background:rgba(30,64,175,.32);color:#bfdbfe}:root[data-theme=dark] .lesson-step-dot.approved{border-color:rgba(134,239,172,.52);background:rgba(20,83,45,.34);color:#bbf7d0}:root[data-theme=dark] .lesson-step-dot.returned{border-color:rgba(253,186,116,.52);background:rgba(124,45,18,.34);color:#fed7aa}:root{--ux-motion-standard:200ms;--ux-motion-slow:300ms}.portal-route-progress{position:fixed;inset:0 0 auto;z-index:220;display:block;height:3px;overflow:hidden;pointer-events:none;opacity:0;transform:translateY(-3px);transition:opacity var(--ux-motion-fast) ease,transform var(--ux-motion-fast) ease}.portal-route-progress i{position:absolute;inset:0;display:block;border-radius:0 0 999px 999px;background:linear-gradient(90deg,#2563eb,#14b8a6 52%,#38bdf8);box-shadow:0 0 18px rgba(56,189,248,.52);transform:scaleX(.04);transform-origin:right center}.portal-route-progress[data-state=complete],.portal-route-progress[data-state=loading]{opacity:1;transform:translateY(0)}.portal-route-progress[data-state=loading] i{animation:portal-route-progress-loading 8.8s cubic-bezier(.1,.65,.2,1) forwards}.portal-route-progress[data-state=complete] i{transform:scaleX(1);transition:transform .18s var(--ux-ease-emphasized)}@keyframes portal-route-progress-loading{0%{transform:scaleX(.04)}18%{transform:scaleX(.34)}58%{transform:scaleX(.68)}to{transform:scaleX(.9)}}.student-learn-shell .portal-nav-icon{position:relative;overflow:visible}.student-learn-shell [data-route-pending=true] .portal-nav-icon:after{position:absolute;inset:-4px;border:2px solid transparent;border-top-color:currentcolor;border-inline-end-color:color-mix(in srgb,currentColor 58%,transparent);border-radius:999px;content:"";animation:route-card-spin .72s linear infinite}.student-learn-shell [data-route-pending=true] .portal-nav-icon svg{opacity:.38;transform:scale(.82)}.student-learn-shell .bottom-nav-link:after{position:absolute;inset-inline-start:50%;bottom:3px;width:22px;height:3px;border-radius:999px;background:var(--student-nav-icon,var(--learn-blue));content:"";opacity:0;transform:translateX(-50%) scaleX(.3);transition:opacity .16s ease,transform var(--ux-motion-standard) var(--ux-ease-emphasized)}.student-learn-shell .bottom-nav-link[data-active=true]:after{opacity:1;transform:translateX(-50%) scaleX(1)}:root[data-route-transition=settling] .student-learn-shell .bottom-nav-link[data-active=true] .portal-nav-icon{animation:student-nav-icon-settle var(--ux-motion-slow) var(--ux-ease-emphasized) both}@keyframes student-nav-icon-settle{0%{transform:translateY(1px) scale(.86) rotate(-5deg)}58%{transform:translateY(-2px) scale(1.09) rotate(2deg)}to{transform:translateY(-1px) scale(1.045) rotate(0)}}.more-drawer-scrim{position:fixed;inset:0;z-index:115;background:rgba(3,10,14,.38);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:more-drawer-scrim-in .18s ease both}.more-drawer-scrim[data-state=closing]{animation:more-drawer-scrim-out .18s ease both}.more-drawer-panel[data-state=closing]{animation:more-drawer-panel-out .19s cubic-bezier(.4,0,1,1) both}.more-drawer-close{position:absolute;top:13px;left:13px;z-index:2;display:grid;width:38px;height:38px;place-items:center;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface-soft) 92%,transparent);color:var(--text);cursor:pointer;transition:background var(--ux-motion-fast) ease,border-color var(--ux-motion-fast) ease,transform var(--ux-motion-standard) var(--ux-ease-emphasized)}.more-drawer-close:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-cyan) 52%,transparent);outline-offset:2px}.more-drawer-header{padding-inline-end:46px}.more-drawer-preference-actions{display:flex;align-items:center;gap:7px}.student-shell-theme-dock{align-items:center;gap:7px}.more-drawer-theme-control>.more-drawer-preference-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}.student-sound-toggle{width:42px;height:42px}.more-drawer-preference-actions .theme-toggle,.student-shell-theme-dock .theme-toggle{min-height:42px}@media (hover:hover){.more-drawer-close:hover{border-color:color-mix(in srgb,var(--accent-cyan) 42%,var(--line));background:color-mix(in srgb,var(--accent-cyan) 10%,var(--surface));transform:rotate(8deg) scale(1.04)}.more-drawer[data-open=true]>.bottom-nav-link .portal-nav-icon{transform:translateY(-1px) rotate(90deg)}}@keyframes more-drawer-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes more-drawer-scrim-out{0%{opacity:1}to{opacity:0}}@keyframes more-drawer-panel-out{0%{opacity:1;transform:translateX(50%) translateY(0) scale(1)}to{opacity:0;transform:translateX(50%) translateY(14px) scale(.97)}}.student-spinner{flex:0 0 auto;animation:route-card-spin .72s linear infinite}.button[data-pending=true]{cursor:progress;opacity:.88}.student-inline-link>svg,.student-learn-shell .button>svg,.student-play-button>svg{flex:0 0 auto;transition:opacity var(--ux-motion-fast) ease,transform var(--ux-motion-standard) var(--ux-ease-emphasized)}@media (hover:hover){.student-inline-link:hover>svg,.student-learn-shell .button:not(:disabled):hover>svg,.student-play-button:hover>svg{transform:scale(1.09)}}.student-inline-link{display:inline-flex;align-items:center;justify-content:center;gap:6px}.student-inline-link:active>svg{transform:scale(.9)}.activity-step-card,.student-step-transition{min-width:0}@media (prefers-reduced-motion:no-preference){.activity-step-card,.student-step-transition{animation:student-step-enter .22s var(--ux-ease-emphasized) both}}@keyframes student-step-enter{0%{opacity:.56;transform:translateY(7px) scale(.996)}to{opacity:1;transform:translateY(0) scale(1)}}.unit-flow-step-list button{width:40px;height:40px;border-radius:14px;transition:background var(--ux-motion-fast) ease,border-color var(--ux-motion-fast) ease,box-shadow var(--ux-motion-standard) ease,color var(--ux-motion-fast) ease,transform var(--ux-motion-standard) var(--ux-ease-emphasized)}.unit-flow-step-list button.is-passed{border-color:color-mix(in srgb,var(--success) 52%,var(--line));background:color-mix(in srgb,var(--success) 13%,var(--surface));color:color-mix(in srgb,var(--success) 76%,var(--text))}.unit-flow-step-list button.is-current{border-color:color-mix(in srgb,var(--accent) 62%,var(--line));background:color-mix(in srgb,var(--accent) 13%,var(--surface));color:var(--accent-dark);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent),0 10px 22px color-mix(in srgb,var(--accent) 12%,transparent);transform:translateY(-1px)}.unit-flow-step-list button.is-current.is-passed{border-color:color-mix(in srgb,var(--success) 64%,var(--accent));box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 18%,transparent),0 10px 22px color-mix(in srgb,var(--success) 12%,transparent)}.assessment-option{cursor:pointer;transition:background var(--ux-motion-fast) ease,border-color var(--ux-motion-fast) ease,box-shadow var(--ux-motion-standard) ease,transform var(--ux-motion-standard) var(--ux-ease-emphasized)}.assessment-option input{accent-color:var(--accent)}.assessment-option:focus-within,.assessment-option:has(input:checked){border-color:color-mix(in srgb,var(--accent) 58%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent),0 12px 26px color-mix(in srgb,var(--accent) 10%,transparent);transform:translateY(-1px)}@media (hover:hover){.assessment-option:hover{border-color:color-mix(in srgb,var(--accent-cyan) 48%,var(--line));transform:translateY(-1px)}}.student-form-notice{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:16px;padding:12px 14px;font-weight:850}.student-form-notice.success{border-color:color-mix(in srgb,var(--success) 42%,var(--line));background:color-mix(in srgb,var(--success) 9%,var(--surface));color:color-mix(in srgb,var(--success) 76%,var(--text))}.student-form-notice.error{border-color:color-mix(in srgb,var(--danger) 42%,var(--line));background:color-mix(in srgb,var(--danger) 8%,var(--surface));color:color-mix(in srgb,var(--danger) 74%,var(--text))}.student-error-state{display:grid;justify-items:center;gap:18px;width:min(560px,calc(100% - 28px));margin:clamp(28px,8vh,90px) auto 110px;border:1px solid color-mix(in srgb,var(--danger) 28%,var(--line));border-radius:26px;background:var(--surface);box-shadow:var(--shadow-lift);color:var(--text);padding:clamp(22px,5vw,38px);text-align:center}.student-error-state>div{display:grid;gap:8px}.student-error-state h1,.student-error-state p{margin:0}.student-error-icon{display:grid;width:62px;height:62px;place-items:center;border-radius:20px;background:color-mix(in srgb,var(--danger) 12%,var(--surface));color:var(--danger)}.student-error-actions{display:flex!important;flex-wrap:wrap;justify-content:center}.student-learn-shell .desktop-side-link .portal-nav-icon svg{color:currentColor}@media (prefers-reduced-motion:reduce){.portal-route-progress[data-state=loading] i,.student-learn-shell [data-route-pending=true] .portal-nav-icon:after,.student-spinner{animation-duration:1ms!important;animation-iteration-count:1!important}.portal-route-progress[data-state=loading] i{transform:scaleX(.72)}}.student-learn-shell .assessment-taking-page{gap:10px}.student-learn-shell .assessment-taking-page>.assessment-taking-hero{grid-template-columns:minmax(0,1fr);gap:0;min-height:0;border-radius:14px;padding:10px 14px 10px 16px}.student-learn-shell .assessment-taking-page>.assessment-taking-hero>div:first-child{gap:2px}.student-learn-shell .assessment-taking-page>.assessment-taking-hero .eyebrow,.student-learn-shell .assessment-taking-page>.assessment-taking-hero h1,.student-learn-shell .assessment-taking-page>.assessment-taking-hero p:not(.eyebrow){margin:0}.student-learn-shell .assessment-taking-page>.assessment-taking-hero .eyebrow{font-size:.7rem;line-height:1.25}.student-learn-shell .assessment-taking-page>.assessment-taking-hero h1{font-size:clamp(1.08rem,2vw,1.4rem);line-height:1.25}.student-learn-shell .assessment-taking-page>.assessment-taking-hero p:not(.eyebrow){font-size:.78rem;line-height:1.4}.student-learn-shell .assessment-taking-page>.assessment-taking-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-soft)}.student-learn-shell .assessment-taking-page>.assessment-taking-stat-grid article{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:7px;min-width:0;min-height:68px;border:0;border-radius:0;background:transparent;box-shadow:none;padding:9px 11px}.student-learn-shell .assessment-taking-page>.assessment-taking-stat-grid article+article{border-inline-start:1px solid var(--line)}.student-learn-shell .assessment-taking-page>.assessment-taking-stat-grid article>div{display:grid;gap:2px;min-width:0}.student-learn-shell .assessment-taking-page>.assessment-taking-stat-grid svg{width:18px;height:18px}.student-learn-shell .assessment-taking-page>.assessment-taking-stat-grid span{font-size:.7rem;line-height:1.2}.student-learn-shell .assessment-taking-page>.assessment-taking-stat-grid strong{margin:0;font-size:clamp(.78rem,1.35vw,.96rem);line-height:1.25;overflow-wrap:anywhere}.student-learn-shell .assessment-v2-session{gap:10px}.student-learn-shell .assessment-v2-progress{gap:10px;border-radius:14px;padding:8px 12px}.student-learn-shell .assessment-v2-progress-track{height:7px}.student-learn-shell .assessment-v2-card{min-height:300px;gap:12px;padding:clamp(14px,2vw,18px)}.student-learn-shell .assessment-v2-navigation{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px}.student-learn-shell .assessment-v2-navigation>.button:first-child{justify-self:start}.student-learn-shell .assessment-v2-navigation>.button:last-child{justify-self:end}.assessment-v2-navigation-status{display:inline-flex;align-items:center;justify-content:center;min-height:32px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:.76rem;font-weight:850;padding:5px 10px;white-space:nowrap}.student-learn-shell .assessment-v2-submit{border-radius:14px;padding:10px 12px}.student-learn-shell .assessment-option:has(input:disabled){cursor:progress;opacity:.72}.student-learn-shell .assessment-taking-stat-skeleton article{grid-template-columns:minmax(0,1fr)}.student-learn-shell .assessment-taking-stat-skeleton .skeleton-line{margin-top:4px}:root[data-theme=dark] .student-learn-shell .assessment-taking-page>.assessment-taking-stat-grid{border-color:var(--student-dark-border);background:var(--student-dark-soft);box-shadow:0 14px 34px rgba(0,0,0,.3)}:root[data-theme=dark] .student-learn-shell .assessment-taking-page>.assessment-taking-stat-grid article{border-color:transparent;background:transparent;box-shadow:none}:root[data-theme=dark] .student-learn-shell .assessment-taking-page>.assessment-taking-stat-grid article+article{border-inline-start-color:var(--student-dark-border)}@media (max-width:620px){.student-learn-shell .assessment-taking-page>.assessment-taking-hero{padding:9px 12px 9px 14px}.student-learn-shell .assessment-taking-page>.assessment-taking-hero p:not(.eyebrow){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-learn-shell .assessment-taking-page>.assessment-taking-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.student-learn-shell .assessment-taking-page>.assessment-taking-stat-grid article{grid-template-columns:minmax(0,1fr);justify-items:center;min-height:64px;gap:2px;padding:7px 4px;text-align:center}.student-learn-shell .assessment-taking-page>.assessment-taking-stat-grid svg{display:none}.student-learn-shell .assessment-taking-page>.assessment-taking-stat-grid span{font-size:.63rem}.student-learn-shell .assessment-taking-page>.assessment-taking-stat-grid strong{font-size:.7rem}.student-learn-shell .assessment-v2-card{min-height:270px}.student-learn-shell .assessment-v2-navigation{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.assessment-v2-navigation-status{display:none}.student-learn-shell .assessment-v2-navigation .button{min-width:0;padding-inline:10px}.student-learn-shell .assessment-v2-submit{align-items:stretch;flex-direction:column}.student-learn-shell .assessment-v2-submit .button{width:100%}}:root[data-theme=dark] .lesson-app-flow.pronunciation-ui-v2-enabled{--lesson-blue:#93c5fd;--lesson-green:#86efac;--lesson-ink:#f8fafc;--lesson-muted:#cbd5e1;--lesson-line:rgba(125,157,173,0.42)}:root[data-theme=dark] .pronunciation-prompt-card,:root[data-theme=dark] .pronunciation-recorder-card{border-color:var(--lesson-line);background:radial-gradient(circle at 14% 8%,rgba(59,130,246,.13),transparent 34%),linear-gradient(145deg,#132832,#0e2028);color:var(--lesson-ink);box-shadow:0 14px 34px rgba(0,0,0,.28)}:root[data-theme=dark] .pronunciation-heard-text bdi,:root[data-theme=dark] .pronunciation-live-status bdi,:root[data-theme=dark] .pronunciation-prompt-card h2,:root[data-theme=dark] .pronunciation-recorder-title,:root[data-theme=dark] .pronunciation-target-text{color:var(--lesson-ink)}:root[data-theme=dark] .pronunciation-coach-copy,:root[data-theme=dark] .pronunciation-live-status,:root[data-theme=dark] .pronunciation-privacy-note,:root[data-theme=dark] .pronunciation-recorder-card>p,:root[data-theme=dark] .pronunciation-target-label,:root[data-theme=dark] .pronunciation-ui-v2 .pronunciation-result-copy>p{color:var(--lesson-muted)}:root[data-theme=dark] .pronunciation-listen-button{border-color:rgba(147,197,253,.35);background:rgba(59,130,246,.15);color:#bfdbfe}:root[data-theme=dark] .pronunciation-activity-state{background:rgba(59,130,246,.16);color:#bfdbfe}:root[data-theme=dark] .pronunciation-activity-state.is-recording,:root[data-theme=dark] .pronunciation-activity-state.is-retry{background:rgba(225,29,72,.18);color:#fda4af}:root[data-theme=dark] .pronunciation-activity-state.is-complete{background:rgba(34,197,94,.16);color:#86efac}:root[data-theme=dark] .lesson-app-flow .pronunciation-ui-v2 .pronunciation-result-card{border-color:rgba(134,239,172,.3);background:rgba(20,83,45,.2)!important}:root[data-theme=dark] .lesson-app-flow .pronunciation-ui-v2 .pronunciation-result-card.is-processing{border-color:rgba(147,197,253,.3);background:rgba(30,64,175,.18)!important}:root[data-theme=dark] .pronunciation-ui-v2 .pronunciation-result-copy h3{color:#86efac}:root[data-theme=dark] .pronunciation-ui-v2 .pronunciation-result-card.is-processing h3{color:#bfdbfe}:root[data-theme=dark] .pronunciation-result-symbol{background:rgba(34,197,94,.15);color:#86efac}:root[data-theme=dark] .pronunciation-result-symbol.is-processing{background:rgba(59,130,246,.16);color:#bfdbfe}:root[data-theme=dark] .pronunciation-recording-timer{background:rgba(159,18,57,.2);color:#fecdd3}:root[data-theme=dark] .pronunciation-recording-timer.is-visible{border-color:rgba(251,113,133,.42)}:root[data-theme=dark] .pronunciation-recording-timer bdi{color:#ffe4e6}:root[data-theme=dark] .pronunciation-heard-text{background:rgba(8,18,22,.42)}:root[data-theme=dark] .pronunciation-ui-v2 .pronunciation-actions .pronunciation-skip-action{background:transparent!important;color:#cbd5e1!important}:root[data-theme=dark] .pronunciation-ui-v2 .pronunciation-actions .pronunciation-skip-action:hover{background:rgba(255,255,255,.06)!important;color:#f8fafc!important}@media (min-width:760px){.guest-trial-immersive:has(.lesson-app-flow.pronunciation-ui-v2-enabled){width:min(100%,860px)}}:root{--student-pwa-accent:#4f2be8}.student-pwa-install-card{position:fixed;z-index:80;inset-inline:1rem;bottom:calc(5.5rem + env(safe-area-inset-bottom));display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;max-width:48rem;margin-inline:auto;padding:1rem 1.1rem;border:1px solid color-mix(in srgb,var(--student-pwa-accent) 24%,transparent);border-radius:1.25rem;background:color-mix(in srgb,var(--surface,#fff) 94%,var(--student-pwa-accent));box-shadow:0 18px 60px rgba(31,35,80,.2)}.student-pwa-install-card p,.student-pwa-install-card small{display:block;margin:.2rem 0 0}.student-pwa-card-icon{display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:1rem;color:#fff;background:var(--student-pwa-accent)}.student-pwa-dismiss{position:absolute;inset-inline-end:.35rem;top:.35rem;display:grid;place-items:center;border:0;background:transparent;color:inherit;cursor:pointer}.student-pwa-settings{display:grid;gap:1rem;padding:1.2rem;border:1px solid rgba(79,43,232,.18);border-radius:1.35rem;background:var(--surface,#fff)}.student-pwa-settings-actions,.student-pwa-settings-heading>span{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.student-pwa-settings-heading h2,.student-pwa-settings-heading p{margin:.35rem 0 0}.student-pwa-preferences{display:grid;gap:.6rem}.student-pwa-preferences label{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem .9rem;border-radius:.9rem;background:color-mix(in srgb,var(--student-pwa-accent) 6%,transparent)}.student-pwa-preferences input{width:1.2rem;height:1.2rem;accent-color:var(--student-pwa-accent)}.student-pwa-message{margin:0;color:var(--student-pwa-accent)}@media (min-width:900px){.student-pwa-install-card{bottom:1.25rem}}@media (max-width:560px){.student-pwa-install-card{grid-template-columns:auto minmax(0,1fr)}.student-pwa-install-card>.button{grid-column:1/-1}}