body.lesson-active header,body.lesson-active footer{display:none!important}body.lesson-active #main-content{padding-top:0}html:not([data-theme=dark]):has(.learn-root){--bg:#eee7dd;--surface:#f4eee5;--surface-sunken:#e8dfd3;--panel-bg:var(--surface-sunken);--toolbar-bg:#e1d6c8;--surface-card-hover:var(--surface-sunken);--ink:#302923;--ink-muted:#655a50;--ink-subtle:#665b50;--primary:#79543c;--primary-tint:#e6dacb;--primary-tint-2:#efe5d8;--primary-light:var(--primary-tint);--primary-alpha:color-mix(in srgb, var(--primary) 8%, transparent);--accent:var(--primary);--accent-hover:#60402d;--accent-gradient:#967254;--accent-light:var(--primary-tint);--accent-soft:var(--primary-alpha);--accent-text:var(--primary);--border:#e3d9cd;--border-strong:#b8a591;--border-input:#c8b9a8;--success:#52745c;--success-bg:#eff3ea;--success-text:#34523b;--success-border:#c5d3bf}html[data-theme=dark]:has(.learn-root){--success:#81ad8b;--success-bg:#1b2921;--success-text:#b3d5b8;--success-border:#486751}:where(.learn-root,.learn-content-surface,.learn-reader-bridge){--learn-accent-border:color-mix(in srgb, var(--primary) 28%, var(--border))}.learn-root{z-index:1;min-block-size:75vh;inline-size:100%;min-inline-size:0;position:relative}html[lang=en] .learn-root{font-family:var(--font-family)}html[lang=en] .learn-root :is(h1,h2,h3,[lang=ar],.stage-card__title,.family-card__name){font-family:var(--ff-arabic)}.learn-root .lesson-container,.learn-root .drill-container,.learn-root .learn-exercise-shell,.learn-content-surface,.learn-root .syllable-game-container{background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-lg);margin-block:var(--s-5);padding:clamp(1rem,3vw,1.5rem)}.learn-root .drill-container:has(>.session-summary){background:0 0;border:0;padding:0}.learn-root .progress-bar__label{color:var(--ink-muted)}.learn-return-action,.lesson-end-actions{justify-content:space-between;align-items:center;gap:var(--s-3);flex-wrap:wrap;margin-block-start:var(--s-5);display:flex;position:static}.learn-return-action{justify-content:center}.lesson-end-actions{border-block-start:1px solid var(--border);padding-block-start:var(--s-4)}.lesson-btn[aria-disabled=true]{opacity:.55;cursor:default}.learn-root .learn-container{box-sizing:border-box;inline-size:100%}[data-theme=dark] .learn-root,[data-theme=dark] .learn-container,[data-theme=dark] .lesson-container{--on-primary:var(--bg)}.learn-root .learn-container.learn-exercise-shell{min-block-size:65vh;max-inline-size:840px;margin-inline:auto}.learn-root .learn-container.learn-exercise-shell--phrase{min-block-size:auto}.learn-save-recovery{margin-block:var(--s-4);padding:var(--s-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--ink);text-align:start}.learn-save-recovery p{margin-block:0 var(--s-3);line-height:1.6}.learn-save-recovery .lesson-btn{min-block-size:44px}.learn-next-step__context{color:var(--ink-muted);font-size:var(--fs-sm);margin-block:0 var(--s-2)}.learn-task-start{scroll-margin-block-start:calc(var(--header-height,var(--s-10)) + var(--s-4))}.learn-task-start:focus-visible{outline:2px solid var(--primary);outline-offset:var(--s-1);border-radius:var(--radius-sm)}.learn-feedback__details{margin-block-start:var(--s-3)}.learn-feedback__details>summary{color:var(--ink-muted);cursor:pointer;min-block-size:44px;padding-block:var(--s-2)}.learn-exercise-shell a{text-decoration:underline}.learn-storage-status{padding:var(--s-3) var(--s-4);font-size:var(--fs-sm);border:1px solid var(--border,#cbd5e1);max-inline-size:1100px;color:var(--ink-muted);background:var(--surface,#fff);border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem auto;display:flex}.learn-storage-status a{text-decoration:underline}.learn-storage-status--quiet{padding-block:var(--s-2);margin-block:var(--s-2) var(--s-4);border:0}.learn-storage-status--quiet .learn-progress-options{margin-inline-start:auto}.learn-storage-status button{min-block-size:44px;padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.learn-storage-status button:hover:not(:disabled){background:var(--surface-sunken);border-color:var(--primary)}.learn-storage-status button:disabled{opacity:.55;cursor:wait}.learn-backup{min-inline-size:0}.learn-progress-options{margin-inline-start:auto}.learn-progress-options>summary,.learn-progress-options[open]{flex-basis:100%}.learn-progress-options[open]>:not(summary){margin-block-start:var(--s-3)}.learn-backup:has(.learn-backup__summary){flex-basis:100%}.learn-backup__summary{margin-block:var(--s-3);color:var(--ink);overflow-wrap:anywhere;line-height:1.7}.learn-review-list{margin:var(--s-4) 0;gap:var(--s-3);padding:0;list-style:none;display:grid}.learn-review-list__item{align-items:center;gap:var(--s-3);padding:var(--s-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);flex-wrap:wrap;display:flex}.learn-review-list__main{flex:12rem;min-inline-size:0}.learn-review-list__title{color:var(--ink);overflow-wrap:anywhere;font-weight:600;display:block}.learn-review-list__detail{color:var(--ink-muted);font-size:var(--fs-sm);margin-block-start:var(--s-1);display:block}.learn-review-list__action{flex-shrink:0}.learn-review-disclosure,.learn-review-library,.family-checks{margin-block-start:var(--s-5)}.learn-review-disclosure>summary,.family-checks>summary{min-block-size:44px;padding-block:var(--s-3);cursor:pointer}.learn-answer-feedback{text-align:start;color:var(--ink);margin-block-start:var(--s-4)}.learn-answer-feedback p{margin-block:var(--s-2);line-height:1.6}.learn-feedback{border-block-start:1px solid var(--border);text-align:start;margin-block-start:var(--s-5);padding-block-start:var(--s-4)}.learn-feedback__result{margin-block-start:0;line-height:1.7}.learn-feedback__result p{margin-block:var(--s-2)}.learn-feedback__verdict{color:var(--ink);font-weight:700}.learn-feedback__actions{align-items:center;gap:var(--s-3);flex-wrap:wrap;margin-block-start:var(--s-4);display:flex}.learn-feedback__actions>.lesson-btn--primary{margin-inline-start:auto}.learn-feedback__actions>.lesson-btn{min-block-size:44px}.learn-feedback__actions>[role=status]{flex-basis:100%}.flash-card__help{max-inline-size:540px;margin:var(--s-4) auto 0}.study-card__guide-pairs{justify-content:center;gap:var(--s-2) var(--s-4);flex-wrap:wrap;display:flex}.study-card__guide-pair{white-space:nowrap}.study-card__teaching-note,.phrase-builder__preparation{border-inline-start:3px solid var(--accent);text-align:start;padding-inline-start:var(--s-3);line-height:1.7}.compare-item__name{color:var(--ink);font-weight:600}.compare-item__sound{color:var(--ink-muted);font-size:var(--fs-sm)}.lesson-btn.learn-audio-control{justify-content:center;align-items:center;gap:var(--s-2);min-block-size:44px;min-inline-size:44px;padding:var(--s-2) var(--s-4);border:1px solid var(--learn-accent-border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--primary) 8%, var(--surface));color:var(--ink);opacity:1;font-weight:600;text-decoration:none;display:inline-flex}.lesson-btn.learn-audio-control svg{color:var(--primary);flex-shrink:0}.lesson-btn.learn-audio-control:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 15%, var(--surface))}.lesson-btn.learn-audio-control:disabled{opacity:1;cursor:wait}.lesson-btn.learn-audio-control:disabled:not([data-audio-state=loading]):not([data-audio-state=playing]){opacity:.55}.learn-readiness{border:1px solid var(--border,#cbd5e1);border-radius:var(--radius-lg);background:var(--surface,#fff);color:var(--ink);margin-block:1.5rem;padding:1.5rem}.learn-readiness p{margin-block:.75rem}.learn-readiness li{overflow-wrap:anywhere;margin-block:.75rem}.learn-readiness>summary{cursor:pointer;font-weight:600}.learn-content-surface>div.learn-readiness>.lesson-btn--primary,.reading-card .next-action--sm>.lesson-btn--primary,.drill-feedback>.lesson-btn--primary{min-block-size:44px}.learn-skills-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1rem;display:grid}.learn-arabic-example{font-family:var(--ff-arabic);margin-block:1.5rem;font-size:clamp(2rem,6vw,3rem);line-height:2}.learn-root :focus-visible{outline:3px solid var(--primary,#2563eb);outline-offset:4px}.word-story-card.word-story-card--draft{opacity:.75;cursor:default}@media (max-width:600px){.learn-root .learn-container{padding-inline:1rem}.learn-root .drill-options{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-root .lesson-nav{flex-wrap:wrap}.learn-storage-status{margin-inline:.75rem}}.learn-container{max-width:var(--container-width);padding-inline:var(--s-4);padding-block:var(--s-6);margin-inline:auto}.learn-header{text-align:center;margin-bottom:var(--s-8)}.learn-collection+.learn-collection{margin-block-start:var(--s-8)}.learn-hero__next{margin-block:var(--s-5)}.learn-hero__next>p{max-inline-size:40rem;margin:0 auto var(--s-4);line-height:1.6}.learn-hero__next>.lesson-btn{min-block-size:44px}.learn-hero__shortcuts{justify-content:center;gap:var(--s-2) var(--s-4);flex-wrap:wrap;display:flex}.learn-hero__shortcuts a{min-block-size:44px;font-size:var(--fs-sm);color:var(--ink-muted);text-underline-offset:3px;align-items:center;text-decoration:underline;display:inline-flex}.learn-hero__shortcuts a:hover{color:var(--primary)}.learn-header h1{font-size:var(--fs-2xl);color:var(--ink);margin-bottom:var(--s-2);font-weight:700}.learn-header p{font-size:var(--fs-base);color:var(--ink-muted);max-width:480px;margin-inline:auto}.learn-header p[lang=ar]{font-size:var(--fs-lg);line-height:1.8}.learn-header__arabic{font-family:var(--ff-arabic);font-size:var(--fs-base);color:var(--ink-muted);margin-bottom:var(--s-1)}.learn-hero{text-align:center;padding:var(--s-10) var(--s-4) var(--s-8);margin:calc(-1 * var(--s-6)) calc(-1 * var(--s-4)) var(--s-8);background:linear-gradient(180deg, color-mix(in srgb, var(--primary) 7%, transparent) 0%, transparent 100%);border-bottom:1px solid color-mix(in srgb, var(--primary) 10%, transparent);animation:.5s ease-out hero-enter;position:relative;overflow:hidden}.learn-hero:before{content:"";background-image:radial-gradient(circle at 20% 30%, color-mix(in srgb, var(--primary) 5%, transparent) 0%, transparent 50%), radial-gradient(circle at 80% 70%, color-mix(in srgb, var(--primary) 3%, transparent) 0%, transparent 50%);pointer-events:none;position:absolute;inset:0}.learn-hero__badge{background:var(--primary);color:var(--on-primary);border-radius:var(--radius-pill,999px);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--s-4);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.learn-hero__title{color:var(--ink);margin:0 0 var(--s-3);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;line-height:1.2}.learn-hero__subtitle{color:var(--ink-muted);max-width:520px;margin-inline:auto;font-size:clamp(1rem,2vw,1.15rem);line-height:1.5}.learn-hero__stats{justify-content:center;gap:var(--s-6);margin-top:var(--s-5);flex-wrap:wrap;display:flex}.learn-hero__stat{text-align:center}.learn-hero__stat-value{font-size:var(--fs-xl);color:var(--primary);font-weight:700}.learn-hero__stat-label{font-size:var(--fs-sm);color:var(--ink-muted)}.learn-hero--mini{padding:var(--s-6) var(--s-4) var(--s-5);margin-bottom:var(--s-6)}.learn-hero--mini .learn-hero__title{font-size:clamp(1.4rem,3vw,1.8rem)}[data-theme=dark] .learn-hero{background:linear-gradient(180deg, color-mix(in srgb, var(--primary) 12%, transparent) 0%, transparent 100%);border-bottom-color:color-mix(in srgb, var(--primary) 15%, transparent)}.learn-root .learn-hero{background-color:var(--surface)}.learn-root .learn-hero--panel{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--s-5)}.learn-hero--panel>.stage-card__icon{margin:0 auto var(--s-3)}.learn-hero--panel .family-intro__desc{max-inline-size:60ch;margin:var(--s-3) auto}.learn-secondary-note{color:var(--ink-muted);margin-block:var(--s-4)}.learn-secondary-note a{color:var(--primary);text-decoration:underline}.learn-practice-meter{margin-block:var(--s-3)}.learn-practice-meter>span{justify-content:space-between;align-items:baseline;gap:var(--s-3);color:var(--ink-muted);font-size:var(--fs-sm);display:flex}.learn-practice-meter progress{appearance:none;width:100%;height:var(--s-1);border-radius:var(--radius-pill);background:var(--surface-sunken);border:0;margin-block-start:var(--s-2);display:block;overflow:hidden}.learn-practice-meter progress::-webkit-progress-bar{background:var(--surface-sunken)}.learn-practice-meter progress::-webkit-progress-value{background:var(--primary);border-radius:var(--radius-pill)}.learn-practice-meter progress::-moz-progress-bar{background:var(--primary);border-radius:var(--radius-pill)}.learn-follow-up h2{font-size:var(--fs-lg)}.learn-follow-up>.learn-next-step{margin-block:var(--s-3);background:0 0;border:0;padding:0}.learn-root .learn-hero--overview{border:1px solid var(--border);border-radius:var(--radius-lg);margin:0 0 var(--s-6);padding:var(--s-8) var(--s-5) var(--s-5);box-shadow:var(--shadow-sm)}.learn-hero--overview .learn-hero__subtitle{margin-block:0}.learn-hero--overview .learn-hero__next{justify-content:center;align-items:center;gap:var(--s-4);max-inline-size:640px;padding:var(--s-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);text-align:start;flex-wrap:wrap;margin-inline:auto;display:flex}.learn-hero--overview .learn-hero__next>p{flex:16rem;margin:0}.learn-hero--overview .learn-hero__next>.lesson-btn{align-items:flex-start;gap:var(--s-1);max-inline-size:100%;padding:var(--s-3) var(--s-4);white-space:normal;text-align:start;flex-direction:column;display:flex}.learn-hero__action{font-size:var(--fs-base);font-weight:700}.learn-hero__destination{font-size:var(--fs-sm);font-weight:400}.learn-hero--overview .learn-hero__shortcuts{border-block-start:1px solid var(--border);gap:var(--s-2);max-inline-size:640px;margin-inline:auto;padding-block-start:var(--s-3)}.learn-hero--overview .learn-hero__shortcuts a{padding-inline:var(--s-3);border-radius:var(--radius-pill);text-decoration:none}.learn-hero--overview .learn-hero__shortcuts a:hover{background:var(--surface-sunken)}.learn-root .learn-hero--letters{grid-template-columns:var(--s-10) minmax(0, 1fr);column-gap:var(--s-5);padding:var(--s-6);margin:0 0 var(--s-5);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:start;display:grid}.learn-hero__letter-mark{inline-size:var(--s-10);block-size:var(--s-10);border-radius:var(--radius-md);background:var(--primary-tint);color:var(--primary);font-family:var(--ff-arabic);font-size:var(--fs-3xl);grid-row:1/span 3;align-self:center;place-items:center;display:grid}.learn-hero--letters .learn-hero__badge{grid-column:2;justify-self:start;margin-block-end:var(--s-2)}.learn-hero--letters .learn-hero__title{grid-column:2}.learn-hero--letters .learn-hero__subtitle{grid-column:2;margin:0}@media (max-width:480px){.learn-root .learn-hero--letters{padding:var(--s-5);column-gap:var(--s-4)}.learn-hero__letter-mark{grid-row:1/span 2}.learn-hero--letters .learn-hero__subtitle{grid-column:1/-1;margin-block-start:var(--s-3)}}.learn-root .syllables-prereq-nudge{background:color-mix(in srgb, var(--warning) 10%, var(--surface))}.stages-grid{gap:var(--s-5);max-width:640px;padding-bottom:var(--s-4);flex-direction:column;margin-inline:auto;display:flex}.stage-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,var(--radius-md));padding:var(--s-5) var(--s-5);align-items:center;gap:var(--s-4);color:inherit;cursor:pointer;box-shadow:var(--shadow-sm,0 1px 3px #0000000f);text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;animation:.4s ease-out backwards card-enter;display:flex;position:relative;overflow:hidden}.stage-card:before{content:"";background:var(--learn-accent-border);opacity:0;height:3px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.stage-card:hover:not(.stage-card--locked){box-shadow:var(--shadow-md);border-color:var(--learn-accent-border);transform:translateY(-3px)}.stage-card:hover:not(.stage-card--locked):before{opacity:1}.stage-card--active{border-color:var(--learn-accent-border);background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 4%, transparent) 0%, var(--surface) 100%)}.stage-card--active:before{opacity:1}.stage-card--locked{opacity:.5;cursor:not-allowed}.stage-card--completed{border-color:var(--learn-accent-border);background:var(--surface)}.stage-card--completed:before{background:var(--learn-accent-border);opacity:1}.stage-card__icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary-tint), color-mix(in srgb, var(--primary) 8%, transparent));width:64px;height:64px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.stage-card--locked .stage-card__icon{background:var(--surface-sunken);color:var(--ink-subtle)}.stage-card--completed .stage-card__icon{background:var(--primary-tint);color:var(--primary)}.stage-card__content{flex:1;min-width:0}.stage-card__title{font-size:var(--fs-lg);margin-bottom:4px;font-weight:600}.stage-card__subtitle{font-size:var(--fs-sm);color:var(--ink-muted);line-height:1.4}.stage-card__badge{font-size:var(--fs-xs);border-radius:var(--radius-pill);white-space:nowrap;padding:4px 12px;font-weight:600}.stage-card__badge--locked{background:var(--surface-sunken);color:var(--ink-subtle)}.stage-card__start-btn{border-radius:var(--radius-md,8px);background:var(--primary);color:var(--on-primary);font-size:var(--fs-sm,.875rem);white-space:nowrap;flex-shrink:0;align-items:center;padding:8px 20px;font-weight:600;transition:filter .2s;display:inline-flex}.stage-card:hover .stage-card__start-btn{filter:brightness(.9)}.stage-card--overview{cursor:default}.stage-card__symbol{justify-content:center;align-items:center;gap:var(--s-1);inline-size:var(--s-8);font-family:var(--ff-arabic);font-size:var(--fs-2xl);flex-direction:column;line-height:1.25;display:flex}.stage-card__symbol--letter{font-size:var(--fs-3xl);line-height:1.2}.stage-card__blend-parts{gap:var(--s-1);inline-size:100%;font-size:var(--fs-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.stage-card__blend-parts>span{block-size:var(--s-5);border-radius:var(--radius-sm);background:var(--surface);border:1px solid;place-items:center;display:grid}.stage-card__blend-result{font-size:var(--fs-xl);line-height:1.1}.stage-card__reading-lines{gap:var(--s-1);flex-direction:column;inline-size:100%;display:flex}.stage-card__reading-lines:before,.stage-card__reading-lines:after{content:"";block-size:var(--s-1);border-radius:var(--radius-pill);opacity:.45;background:currentColor}.stage-card__reading-lines:after{inline-size:var(--s-6)}.stage-card--overview .stage-card__title{margin:0 0 var(--s-2)}.stage-card--overview .stage-card__subtitle{margin:0;line-height:1.6}.stage-card__practice{margin-block-start:var(--s-4)}.stage-card__progress-label{justify-content:space-between;align-items:baseline;gap:var(--s-3);font-size:var(--fs-sm);color:var(--ink-muted);margin-block-end:var(--s-2);display:flex}.stage-card__progress-label bdi{color:var(--ink);font-variant-numeric:tabular-nums}.stage-card__practice progress,.family-grid__practice progress,.family-card__practice progress{appearance:none;inline-size:100%;block-size:var(--s-2);border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--primary);accent-color:var(--primary);border:0;display:block;overflow:hidden}.stage-card__practice progress::-webkit-progress-bar{background:var(--surface-sunken)}.family-grid__practice progress::-webkit-progress-bar{background:var(--surface-sunken)}.family-card__practice progress::-webkit-progress-bar{background:var(--surface-sunken)}.stage-card__practice progress::-webkit-progress-value{background:var(--primary);border-radius:var(--radius-pill)}.family-grid__practice progress::-webkit-progress-value{background:var(--primary);border-radius:var(--radius-pill)}.family-card__practice progress::-webkit-progress-value{background:var(--primary);border-radius:var(--radius-pill)}.stage-card__practice progress::-moz-progress-bar{background:var(--primary);border-radius:var(--radius-pill)}.family-grid__practice progress::-moz-progress-bar{background:var(--primary);border-radius:var(--radius-pill)}.family-card__practice progress::-moz-progress-bar{background:var(--primary);border-radius:var(--radius-pill)}.stage-card--overview .stage-card__start-btn{min-block-size:44px;text-decoration:none}.stage-card--overview .stage-card__start-btn:after{content:"";position:absolute;inset:0}.stage-card--overview:has(.stage-card__start-btn:focus-visible){outline:2px solid var(--primary);outline-offset:var(--s-1)}@media (max-width:480px){.learn-hero--overview .learn-hero__next{padding:var(--s-3)}.learn-hero--overview .learn-hero__next>.lesson-btn{inline-size:100%}.stage-card.stage-card--overview{grid-template-columns:var(--s-10) minmax(0, 1fr);padding:var(--s-4)}.stage-card--overview .stage-card__number{top:var(--s-1);width:var(--s-4);height:var(--s-4);font-size:var(--fs-xs);inset-inline-start:var(--s-1)}.stage-card--overview .stage-card__icon{inline-size:var(--s-10);block-size:var(--s-10);margin-block-start:0}.stage-card--overview .stage-card__practice{margin-inline-start:calc(-1 * (var(--s-10) + var(--s-4)))}}.progress-ring{transform:rotate(-90deg)}.progress-ring__bg{fill:none;stroke:var(--border);opacity:.3}.progress-ring__fill{fill:none;stroke:var(--primary);stroke-linecap:round;transition:stroke-dashoffset .4s}.progress-ring__text{fill:var(--ink);text-anchor:middle;dominant-baseline:central;font-size:12px;font-weight:600}.family-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.family-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,var(--radius-md));padding:var(--s-5);cursor:pointer;color:inherit;gap:var(--s-3);box-shadow:var(--shadow-sm,0 1px 3px #0000000f);flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;animation:.4s ease-out backwards card-enter;display:flex;position:relative;overflow:hidden}.family-card:after{content:"";top:0;bottom:0;background:var(--learn-accent-border);opacity:0;width:3px;transition:opacity .2s;position:absolute;inset-inline-start:0}.family-card:hover:not(.family-card--locked){box-shadow:var(--shadow-md);border-color:var(--learn-accent-border);transform:translateY(-3px)}.family-card:hover:not(.family-card--locked):after{opacity:1}.family-card--locked{opacity:.5;cursor:not-allowed;filter:grayscale(.6)}.family-card--completed{border-color:var(--learn-accent-border);border-inline-start:3px solid var(--learn-accent-border);background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 4%, transparent) 0%, transparent 60%)}.family-card--completed:after{background:var(--learn-accent-border);opacity:1}.family-card__header{align-items:center;gap:var(--s-3);padding-top:var(--s-5);display:flex}.family-card__icon{width:76px;height:76px;color:var(--primary);border:1px solid color-mix(in srgb, var(--accent-warm) 24%, var(--surface));background:linear-gradient(145deg, var(--surface), color-mix(in srgb, var(--accent-warm) 9%, var(--surface)));border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.family-illustration{width:100%;height:100%;display:block}.family-illustration__wash{fill:color-mix(in srgb, var(--primary) 13%, var(--surface))}.family-illustration__paper{fill:var(--surface)}.family-illustration__warm{fill:color-mix(in srgb, var(--accent-warm) 25%, var(--surface));stroke:var(--accent-warm)}.family-illustration__accent{stroke:var(--accent-warm)}.family-illustration__ink{fill:currentColor;stroke:none}.family-illustration-frame--hero{width:104px;height:104px;margin:0 auto var(--s-4);border-radius:30px}.learn-hero--family{margin-inline:0}.family-card__name{font-size:var(--fs-lg);margin:0;font-weight:600;line-height:1.4}.family-card__letters{font-family:var(--ff-arabic);direction:rtl;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;min-height:48px;font-size:1.5rem;line-height:1;display:flex}.family-card__letter-char{border-radius:var(--radius-sm);background:var(--surface-sunken);width:40px;height:40px;font-family:var(--ff-arabic);font-size:var(--fs-2xl);justify-content:center;align-items:center;transition:background .15s;display:flex}.family-card:hover .family-card__letter-char{background:color-mix(in srgb, var(--primary) 6%, transparent)}.family-card__practice{margin-block-start:auto}.letter-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,var(--radius-md));padding:var(--s-4) var(--s-3);text-align:center;cursor:pointer;color:inherit;align-items:center;gap:var(--s-2);min-width:110px;box-shadow:var(--shadow-sm,0 1px 3px #0000000f);flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;animation:.35s ease-out backwards card-enter;display:flex;position:relative}.letter-card:hover{box-shadow:var(--shadow-md);border-color:var(--learn-accent-border);transform:translateY(-3px)}.letter-card__character{font-family:var(--ff-arabic);color:var(--ink);font-size:3rem;line-height:1.2;transition:transform .2s}.letter-card:hover .letter-card__character{transform:scale(1.08)}.letter-card__name{font-size:var(--fs-sm);color:var(--ink-muted)}.letter-card__done-badge{background:var(--primary);color:var(--on-primary);z-index:1;width:18px;height:18px;box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 20%, transparent);border-radius:50%;justify-content:center;align-items:center;font-size:11px;line-height:1;display:flex;position:absolute;top:6px;right:6px}.family-card__done-badge{align-items:center;gap:var(--s-1);background:var(--primary);color:var(--on-primary);font-size:var(--fs-xs,.75rem);padding:2px var(--s-2);border-radius:var(--radius-sm,4px);font-weight:600;display:inline-flex}.lesson-container{max-width:640px;padding-inline:var(--s-4);margin-inline:auto;padding-block-start:var(--s-5);padding-block-end:80px}.lesson-nav{margin-bottom:var(--s-5);justify-content:space-between;align-items:center;display:flex}.lesson-bottom-nav{padding:var(--s-3) var(--s-4);background:var(--surface);border-top:1px solid var(--border);z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb, var(--surface) 90%, transparent);justify-content:space-between;align-items:center;max-width:640px;margin-inline:auto;display:flex;position:fixed;bottom:0;left:0;right:0}.lesson-btn{align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);border-radius:var(--radius-sm);font-weight:500;font-size:var(--fs-base);cursor:pointer;color:var(--ink-muted);background:0 0;border:1px solid #0000;text-decoration:none;transition:all .15s;display:inline-flex}.lesson-btn:hover{background:var(--surface-sunken);color:var(--ink)}.lesson-btn--primary{background:var(--primary);color:var(--on-primary)}.lesson-btn--primary:hover{background:var(--accent-hover);color:var(--on-primary)}.meet-letter{align-items:center;gap:var(--s-4);text-align:center;padding-block:var(--s-4);flex-direction:column;display:flex}.meet-letter__char{font-family:var(--ff-arabic);color:var(--ink);font-size:6rem;line-height:1;font-weight:var(--arabic-weight-emphasis);font-feature-settings:"kern" 1, "liga" 1;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased}.meet-letter__action-prompt{font-size:var(--fs-sm);color:var(--ink-muted);text-align:center;margin-top:var(--s-2);line-height:1.5}.meet-letter__name{font-family:var(--ff-arabic);font-size:var(--fs-xl);font-weight:600}.meet-letter__transliteration{font-size:var(--fs-xl,1.25rem);color:var(--ink-muted);font-family:var(--ff-mono,monospace);letter-spacing:.05em;margin-bottom:var(--s-3)}.meet-letter__name-en{font-size:var(--text-base,1rem);color:var(--text-muted);margin-top:calc(-1 * var(--s-2));margin-bottom:var(--s-2)}.meet-letter__audio-btn{justify-content:center;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-5);background:var(--primary-tint);color:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-pill);font-size:var(--fs-base);cursor:pointer;transition:all .15s;display:inline-flex}.meet-letter__audio-btn:hover{background:var(--primary);color:var(--on-primary)}.meet-letter__audio-btn--playing{pointer-events:none;animation:.8s ease-in-out infinite audio-pulse}@keyframes audio-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.meet-letter__sound-desc{font-size:var(--fs-base);color:var(--ink-muted)}.meet-letter__dot-info{font-size:var(--fs-sm);color:var(--ink-muted);align-items:center;gap:var(--s-2);display:flex}.meet-letter__mnemonic{font-size:var(--fs-sm);color:var(--ink-muted);background:var(--surface-sunken);max-width:400px;padding:var(--s-3) var(--s-4);border-radius:var(--radius-sm);line-height:1.6}.meet-letter__example{margin-top:var(--s-4)}.meet-letter__example-play{align-items:center;gap:var(--s-3);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--s-3) var(--s-4);cursor:pointer;width:100%;max-width:400px;margin-inline:auto;transition:border-color .15s;display:flex}.meet-letter__example-play:hover{border-color:var(--accent)}.meet-letter__example-word{font-family:var(--ff-arabic);direction:rtl;flex:1;font-size:1.5rem}.meet-letter__example-highlight{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px;font-weight:700}.meet-letter__example-translation{font-size:var(--fs-sm);color:var(--ink-muted)}.meet-letter__example-icon{color:var(--ink-muted);flex-shrink:0}.four-forms{padding-block:var(--s-4)}.four-forms__explain-box{border-left:3px solid var(--primary);background:color-mix(in srgb, var(--primary) 5%, transparent);padding:var(--s-3) var(--s-4);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:var(--s-4);font-size:var(--fs-base);color:var(--ink);text-align:start;line-height:1.6}[data-theme=dark] .four-forms__explain-box{background:color-mix(in srgb, var(--primary) 10%, transparent)}.four-forms__tatweel-note{font-size:var(--fs-xs);color:var(--ink-muted);text-align:center;margin-top:var(--s-3);padding:var(--s-2) var(--s-3);background:var(--surface-sunken);border-radius:var(--radius-sm);line-height:1.5}.four-forms__tap-hint{font-size:var(--fs-sm);color:var(--ink-muted);text-align:center;margin-top:var(--s-3);animation:.4s ease-out card-enter}.four-forms__cell--pulse-hint{animation:1s ease-out pulse-ring}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--primary) 40%, transparent)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.four-forms__grid{gap:var(--s-3);grid-template-columns:repeat(2,1fr);display:grid}.four-forms__cell{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--s-4);text-align:center;cursor:pointer;align-items:center;gap:var(--s-2);flex-direction:column;transition:all .2s;display:flex}.four-forms__cell:hover,.four-forms__cell--active{border-color:var(--primary);background:var(--primary-tint-2)}.four-forms__char{font-family:var(--ff-arabic);color:var(--ink);font-size:3rem;line-height:1.2}.four-forms__label{font-size:var(--fs-xs);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.four-forms__label-ar{font-size:var(--fs-xs);color:var(--ink-muted);font-family:var(--ff-arabic)}.four-forms__example{margin-top:var(--s-4);background:var(--surface-sunken);border-radius:var(--radius-sm);padding:var(--s-3) var(--s-4);text-align:center}.four-forms__example-word{font-family:var(--ff-arabic);direction:rtl;font-size:1.75rem;line-height:2}.four-forms__example-note{font-size:var(--fs-sm);color:var(--ink-muted);margin-top:var(--s-1)}.four-forms__highlight{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px;font-weight:700}.four-forms__rtl-hint{justify-content:center;align-items:center;gap:var(--s-2);margin-top:var(--s-3);font-size:var(--fs-xs);color:var(--ink-muted);background:var(--surface-sunken);border-radius:var(--radius-sm);padding:var(--s-2) var(--s-3);display:flex}.four-forms__rtl-dismiss{color:var(--ink-muted);cursor:pointer;font-size:var(--fs-xs);border-radius:var(--radius-xs);background:0 0;border:none;padding:2px 6px}.four-forms__rtl-dismiss:hover{background:var(--surface-raised)}.compare-row{justify-content:center;gap:var(--s-4);padding-block:var(--s-5);direction:rtl;flex-wrap:wrap;display:flex}.compare-item{align-items:center;gap:var(--s-2);padding:var(--s-4);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;background:var(--surface);min-width:0;max-width:184px;color:var(--ink);flex-direction:column;flex:140px;transition:all .2s;display:flex}.compare-item--current{border-color:var(--primary);background:var(--primary-tint-2)}.compare-item--playing{border-color:var(--accent);box-shadow:0 0 0 3px var(--primary-alpha)}.compare-item__char{font-family:var(--ff-arabic);font-size:2.5rem;line-height:1}.compare-item__dots{font-size:var(--fs-sm);color:var(--ink-muted);text-align:center;border-radius:var(--radius-xs,4px);padding:2px 0;line-height:1.6}.quick-check{padding-block:var(--s-4)}.quick-check__exercise-counter{text-align:center;font-size:var(--fs-xs);color:var(--ink-muted);margin-bottom:var(--s-2);letter-spacing:.04em}.quick-check__feedback--correct{background:#10b98114}.quick-check__feedback--correct .quick-check__feedback-text{color:var(--success-text,var(--success))}.quick-check__word-feedback{text-align:center;font-size:var(--fs-sm);color:var(--ink-muted);margin-top:var(--s-3);padding:var(--s-2) var(--s-4);border-radius:var(--radius-sm);background:#ef44440f;animation:.3s ease-out card-enter}.quick-check__word-feedback--correct{color:var(--success-text,var(--success));background:#10b9810f}.quick-check__form-annotation{font-size:var(--fs-xs);color:var(--ink-muted);margin-top:var(--s-1);justify-content:center;align-items:center;gap:var(--s-1);opacity:.7;display:flex}.quick-check__summary{text-align:center;padding:var(--s-8) var(--s-4);align-items:center;gap:var(--s-4);flex-direction:column;display:flex}.quick-check__summary-score{color:var(--primary);font-size:3rem;font-weight:700;line-height:1}.quick-check__summary-label{font-size:var(--fs-lg,1.125rem);color:var(--ink-muted)}.quick-check__prompt{text-align:center;margin-bottom:var(--s-5);font-size:var(--fs-lg);font-weight:500}.quick-check__options{gap:var(--s-3);grid-template-columns:repeat(2,1fr);max-width:400px;margin-inline:auto;display:grid}.quick-check__option{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);padding:var(--s-4);text-align:center;cursor:pointer;font-family:var(--ff-arabic);font-size:2rem;transition:all .15s}.quick-check__option:hover{border-color:var(--primary);background:var(--primary-tint-2)}.quick-check__option--correct{border-color:var(--success);background:var(--success-bg);animation:.3s flash-correct}.quick-check__option--incorrect{border-color:var(--danger);background:#ef44441a;animation:.3s shake}.quick-check__option--text{font-family:inherit;font-size:var(--fs-base)}.quick-check__word-spot{padding:var(--s-4);direction:rtl;flex-wrap:wrap;justify-content:center;gap:2px;display:flex}.quick-check__word-char{font-family:var(--ff-arabic);padding:var(--s-2) var(--s-3);cursor:pointer;border-radius:var(--radius-sm);background:var(--surface);border:2px solid #0000;font-size:2.5rem;line-height:1.6;transition:all .15s}.quick-check__word-char:hover{background:var(--primary-tint-2);border-color:var(--primary)}.quick-check__word-char--correct{color:var(--primary);background:var(--primary-tint);border-color:var(--primary)}.quick-check__word-char--incorrect{animation:.3s shake}.quick-check__feedback{justify-content:center;align-items:center;gap:var(--s-2);margin-top:var(--s-3);padding:var(--s-2) var(--s-4);border-radius:var(--radius-sm);text-align:center;background:#ef444414;flex-wrap:wrap;animation:.3s ease-out card-enter;display:flex}.quick-check__feedback-char{font-family:var(--ff-arabic);color:var(--ink);font-size:1.8rem;line-height:1}.quick-check__feedback-text{font-size:var(--fs-sm);color:var(--ink-muted);line-height:1.5}.lesson-progress-label{text-align:center;font-size:var(--fs-xs);color:var(--ink-muted);padding:var(--s-1) var(--s-3);margin-bottom:var(--s-1);letter-spacing:.02em}.flash-card__skip{text-align:center;margin-top:var(--s-3)}.flash-card__skip-btn{color:var(--ink-muted);font-size:var(--fs-sm);cursor:pointer;padding:var(--s-1) var(--s-3);border-radius:var(--radius-sm);background:0 0;border:none;transition:color .15s,background .15s}.flash-card__skip-btn:hover{color:var(--ink);background:var(--surface-sunken)}.drill-container{max-width:540px;padding:var(--s-4);margin-inline:auto}.drill-progress{align-items:center;gap:var(--s-3);margin-bottom:var(--s-5);display:flex}.drill-progress__bar{background:var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.drill-progress__fill{background:var(--primary);border-radius:3px;height:100%;transition:width .3s}.drill-progress__label{font-size:var(--fs-sm);color:var(--ink-muted);white-space:nowrap}.drill-question__display{text-align:center;margin-bottom:var(--s-5)}.drill-question__letter{font-family:var(--ff-arabic);color:var(--ink);font-size:5rem;line-height:1.2}.drill-options{gap:var(--s-3);grid-template-columns:repeat(2,1fr);display:grid}.drill-option{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);padding:var(--s-4);text-align:center;cursor:pointer;font-size:var(--fs-lg);transition:all .15s}.drill-option:hover:not(:disabled):not(.drill-option--answered){border-color:var(--primary);background:var(--primary-tint-2)}.drill-option--correct{border-color:var(--success);background:var(--success-bg);color:var(--success-text)}.drill-option--incorrect{border-color:var(--danger);background:var(--danger-bg);color:var(--danger-text);animation:.3s shake}.drill-option__arabic{font-family:var(--ff-arabic);font-size:2rem}.drill-feedback{flex-direction:column;align-items:center;margin-block-start:var(--s-4)}.drill-feedback__explanation{padding:var(--s-3) var(--s-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-sunken);text-align:start;color:var(--ink);font-size:var(--fs-sm);margin-block-start:var(--s-3);line-height:1.6}.drill-feedback__explanation p{margin-block:var(--s-2)}.drill-feedback__explanation p:has(.drill-feedback__form){align-items:center;gap:var(--s-3);display:flex}.drill-feedback__form{min-inline-size:2.5rem;font-family:var(--ff-arabic);text-align:center;flex-shrink:0;font-size:2rem;line-height:1.5}.session-summary{text-align:center;padding:var(--s-6) var(--s-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,var(--radius-md));max-inline-size:640px;margin-inline:auto;animation:.3s ease-out card-enter}.session-summary__score{font-size:var(--fs-3xl);color:var(--primary);margin-bottom:var(--s-2);font-weight:700}.session-summary__label{font-size:var(--fs-base);color:var(--ink-muted);margin-bottom:var(--s-5)}.session-summary__stats{gap:var(--s-3);margin-bottom:var(--s-5);grid-template-columns:repeat(3,1fr);display:grid}.session-summary__stat{background:var(--surface-sunken);border-radius:var(--radius-sm);padding:var(--s-3)}.session-summary__stat-value{font-size:var(--fs-xl);color:var(--ink);font-weight:700}.session-summary__stat-label{font-size:var(--fs-xs);color:var(--ink-muted)}.session-summary__letters{margin-bottom:var(--s-4);text-align:start}.session-summary__letters h3{font-size:var(--fs-sm);margin-bottom:var(--s-2);color:var(--ink-muted);font-weight:600}.session-summary__letter-list{gap:var(--s-2);flex-wrap:wrap;display:flex}.session-summary__letter-chip{padding:2px var(--s-3);border-radius:var(--radius-pill);font-family:var(--ff-arabic);font-size:var(--fs-lg)}.session-summary__letter-chip--promoted{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.session-summary__letter-chip--demoted{background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border)}.family-intro__desc{font-size:var(--fs-base);color:var(--ink-muted);line-height:1.6}.locked-placeholder{padding:var(--s-10) var(--s-4);text-align:center;justify-content:center;align-items:center;gap:var(--s-4);flex-direction:column;display:flex}.locked-placeholder__icon{opacity:.4;font-size:3rem}.locked-placeholder__title{font-size:var(--fs-xl);color:var(--ink);font-weight:600}.locked-placeholder__desc{font-size:var(--fs-base);color:var(--ink-muted);max-width:400px}.drill-empty{text-align:center;padding:var(--s-8) var(--s-4)}.drill-empty__title{font-size:var(--fs-lg);margin-bottom:var(--s-2);font-weight:600}.drill-empty__desc{font-size:var(--fs-base);color:var(--ink-muted)}@keyframes card-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.stage-card:first-child{animation-delay:0s}.stage-card:nth-child(2){animation-delay:.1s}.stage-card:nth-child(3){animation-delay:.2s}.family-card:first-child{animation-delay:0s}.family-card:nth-child(2){animation-delay:60ms}.family-card:nth-child(3){animation-delay:.12s}.family-card:nth-child(4){animation-delay:.18s}.family-card:nth-child(5){animation-delay:.24s}.family-card:nth-child(n+6){animation-delay:.3s}.letter-card:first-child{animation-delay:0s}.letter-card:nth-child(2){animation-delay:50ms}.letter-card:nth-child(3){animation-delay:.1s}.letter-card:nth-child(4){animation-delay:.15s}.letter-card:nth-child(n+5){animation-delay:.2s}@keyframes hero-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-fill{0%{width:0}}@keyframes celebration-bounce{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes flash-correct{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes draw-check{0%{stroke-dashoffset:50px;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.dot-pulse{animation:1.5s ease-in-out dot-pulse}@keyframes play-btn-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--primary) 40%, transparent)}50%{box-shadow:0 0 0 6px #0000}}.play-btn--pulsing{animation:1s ease-in-out 3 play-btn-pulse}@media (prefers-reduced-motion:reduce){.stage-card,.family-card,.letter-card,.four-forms__cell,.four-forms__tap-hint,.drill-option,.quick-check__option,.drill-progress__fill,.learn-hero,.lesson-completion,.session-summary,.letter-card__character{transition:none!important;animation:none!important}.quick-check__option--incorrect,.drill-option--incorrect,.quick-check__word-char--incorrect,.dot-pulse,.phrase-display__word--wrong-tap,.phrase-display__word--pulse-hint,.phrase-builder__hint,.phrase-builder__assembled,.reading-card__word--highlighted,.story-overview__ready-to-read{animation:none!important}.phrase-display__word--wrong-tap{border-color:var(--danger)!important;background:var(--danger-bg)!important}}@media (max-width:640px){.family-grid{grid-template-columns:1fr}.four-forms__grid{gap:var(--s-2)}.four-forms__char{font-size:2.25rem}.meet-letter__char{font-size:4.5rem}.drill-options,.session-summary__stats{grid-template-columns:1fr}.compare-row{gap:var(--s-2)}.compare-item{padding:var(--s-3);flex:1 1 calc(50% - var(--s-2));min-width:0;max-width:calc(50% - var(--s-2) / 2)}.compare-item__char{justify-content:center;align-items:center;min-height:48px;font-size:2.25rem;display:flex}}.word-story-grid{gap:var(--s-4);grid-template-columns:1fr;margin-inline:auto;display:grid}@media (min-width:820px){.word-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.word-story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.word-story-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--s-4);align-items:stretch;gap:var(--s-4);color:inherit;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}a.word-story-card:hover,a.word-story-card:focus-visible{box-shadow:var(--shadow-md);border-color:var(--learn-accent-border);transform:translateY(-2px)}.word-story-card--active{border-color:var(--learn-accent-border);background:var(--primary-tint-2)}.word-story-card--complete{border-color:var(--learn-accent-border)}.word-story-card--loading{min-height:80px}.word-story-card__skeleton{background:var(--surface-sunken);border-radius:var(--radius-sm);width:100%;height:60px;animation:1.5s infinite pulse}.word-story-card__icon{border-radius:var(--radius-md);background:var(--primary-tint);width:48px;height:48px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.word-story-card--complete .word-story-card__icon{background:var(--success-bg);color:var(--success-text)}.word-story-card__content{flex-direction:column;flex:1;min-width:0;display:flex}.word-story-card__title{font-size:var(--fs-lg);font-weight:600}.word-story-card__title-sub{font-family:var(--ff-arabic);font-size:var(--fs-sm);color:var(--ink-muted);direction:rtl}.word-story-card__title-en{font-size:var(--fs-sm);color:var(--ink-muted);margin-block:var(--s-2)}.word-story-card__meta{font-size:var(--fs-xs);color:var(--ink-muted);margin-top:2px}.word-story-card__progress{flex-shrink:0}.word-story-card__exercises-label{font-size:var(--fs-xs,.75rem);color:var(--ink-muted);text-align:center}.word-story-card__level-badge{font-size:var(--fs-xs,.75rem);padding:2px var(--s-2);border-radius:var(--radius-sm,4px);font-weight:600;display:inline-block}.word-story-card__level-badge--1{color:#16a34a;background:#22c55e1f}.word-story-card__level-badge--2{color:#2563eb;background:#3b82f61f}.word-story-card__title-ar{font-size:var(--fs-lg);font-weight:600;font-family:var(--ff-arabic);line-height:1.8}.word-story-card__tagline{font-size:var(--fs-sm);color:var(--ink-muted);margin-block:var(--s-2) var(--s-3);line-height:1.6}.word-story-card__footer{font-size:var(--fs-xs);color:var(--ink-muted);margin-top:var(--s-2)}.word-story-card__cta{justify-content:space-between;align-items:center;gap:var(--s-3);border-block-start:1px solid var(--border);color:var(--accent-text);font-size:var(--fs-sm);margin-block-start:auto;padding-block-start:var(--s-3);font-weight:600;display:flex}.word-story-card__cta svg{flex-shrink:0}.word-path-preview{gap:var(--s-3);margin-block:var(--s-5);grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.word-path-preview li{align-items:center;gap:var(--s-2);color:var(--ink-muted);font-size:var(--fs-sm);line-height:1.5;display:flex}.word-path-preview li>a{align-items:center;gap:var(--s-2);min-block-size:44px;inline-size:100%;padding:var(--s-2);border-radius:var(--radius-sm);color:var(--ink-muted);text-underline-offset:3px;text-decoration:underline;display:flex}.word-path-preview li>a:hover{color:var(--ink);background:var(--surface-sunken)}.word-path-preview svg{color:var(--accent-text);flex-shrink:0}.word-reader-link a{align-items:center;gap:var(--s-2);color:var(--accent-text);text-underline-offset:3px;text-decoration:underline;display:inline-flex}.story-card__progress-dots{margin-top:var(--s-2);gap:6px;display:flex}.story-card__dot{background:var(--surface-sunken);border:1px solid var(--border);border-radius:50%;width:8px;height:8px;transition:background .3s}.story-card__dot--filled{background:var(--accent);border-color:var(--accent)}.word-story-card--ready{border-color:var(--learn-accent-border);box-shadow:var(--shadow-md)}.story-card__read-btn{align-items:center;gap:var(--s-1);margin-top:var(--s-2);padding:var(--s-1) var(--s-3);background:var(--accent);color:var(--on-primary);border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.story-card__read-btn:hover{background:var(--accent-hover)}.story-selector__instructions{text-align:center;font-size:var(--fs-sm);color:var(--ink-muted);max-width:480px;margin:0 auto var(--s-4);line-height:1.5}.flash__skip-area{margin-top:var(--s-6);text-align:center}.flash__skip-area .lesson-btn--ghost{font-size:var(--fs-sm);opacity:.6;transition:opacity .2s}.flash__skip-area .lesson-btn--ghost:hover{opacity:1}.word-story-card__emoji-icon{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.75rem;display:flex}.word-exercises-grid{gap:var(--s-3);flex-direction:column;max-width:640px;margin-inline:auto;display:flex}.word-exercise-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--s-4);align-items:center;gap:var(--s-3);color:inherit;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.word-exercise-card:hover:not(.word-exercise-card--locked){box-shadow:var(--shadow-md);border-color:var(--learn-accent-border);transform:translateY(-2px)}.word-exercise-card--locked{opacity:.5;cursor:not-allowed;filter:grayscale(.3);pointer-events:none}.word-exercise-card__locked-text{font-size:var(--fs-xs);color:var(--ink-subtle);margin-top:2px}.word-exercise-card--just-unlocked{animation:.6s ease-out unlock-pulse}@keyframes unlock-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--primary) 40%, transparent);transform:scale(1)}50%{transform:scale(1.03);box-shadow:0 0 0 8px #0000}to{transform:scale(1);box-shadow:0 0 #0000}}.word-exercise-card--complete{border-color:var(--learn-accent-border)}.word-exercise-card__number{background:var(--primary-tint);width:36px;height:36px;color:var(--primary);font-weight:700;font-size:var(--fs-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.word-exercise-card--complete .word-exercise-card__number{background:var(--success-bg);color:var(--success-text)}.word-exercise-card--locked .word-exercise-card__number{background:var(--surface-sunken);color:var(--ink-subtle)}.word-exercise-card__icon{color:var(--primary);flex-shrink:0}.word-exercise-card--locked .word-exercise-card__icon{color:var(--ink-subtle)}.word-exercise-card__content{flex:1;min-width:0}.word-exercise-card__title{font-size:var(--fs-base);font-weight:600}.word-exercise-card__desc{font-size:var(--fs-sm);color:var(--ink-muted)}.word-exercise-card__badge{font-size:var(--fs-xs);border-radius:var(--radius-pill);white-space:nowrap;padding:2px 8px;font-weight:600}.word-exercise-card__badge--complete{background:var(--success-bg);color:var(--success-text)}.word-exercise-card__badge--locked{background:var(--surface-sunken);color:var(--ink-subtle)}.word-ready-banner{align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-5);background:var(--primary-tint-2);border:1px solid var(--primary);border-radius:var(--radius-md);margin-top:var(--s-5);max-width:640px;margin-inline:auto;display:flex}.word-ready-banner__emoji{flex-shrink:0;font-size:2rem}.word-ready-banner__text{flex:1}.word-ready-banner__text strong{font-size:var(--fs-base);color:var(--primary);display:block}.word-ready-banner__text p{font-size:var(--fs-sm);color:var(--ink-muted);margin:0}.story-overview__ready-to-read{margin-top:var(--s-6);padding:var(--s-6) var(--s-5);background:linear-gradient(135deg, var(--surface,#fff), color-mix(in srgb, var(--primary) 5%, transparent));border:2px solid var(--primary);border-radius:var(--radius-lg,16px);text-align:center;max-width:640px;margin-inline:auto;animation:.5s ease-out ready-appear}.story-overview__ready-icon{margin-bottom:var(--s-3);font-size:3rem}.story-overview__ready-headline{color:var(--primary);margin-bottom:var(--s-2);font-size:1.5rem;font-weight:700}.story-overview__ready-subtext{color:var(--ink-muted);margin-bottom:var(--s-5);font-size:.95rem}.story-overview__read-button{padding:var(--s-3) var(--s-6);background:var(--primary);color:var(--on-primary,#fff);border-radius:var(--radius-lg,var(--radius-md));min-width:200px;box-shadow:0 4px 12px color-mix(in srgb, var(--primary) 20%, transparent);font-size:1.05rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.story-overview__read-button:hover{box-shadow:0 6px 20px color-mix(in srgb, var(--primary) 30%, transparent);transform:translateY(-1px)}.story-overview__review-again{margin:var(--s-4) auto 0;color:var(--ink-muted);font-size:var(--fs-sm,.85rem);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;text-decoration:underline;transition:color .15s;display:block}.story-overview__review-again:hover{color:var(--ink)}@keyframes ready-appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.lesson-btn--wrap{white-space:normal;word-break:keep-all;text-align:center;min-height:48px}.timer-bar{align-items:center;gap:var(--s-2);margin-bottom:var(--s-5);display:flex}.timer-bar__track{background:var(--surface-sunken);border:1px solid var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.timer-bar__fill{border-radius:3px;height:100%;transition:width 50ms linear,background-color .2s}.timer-bar__fill--normal{background:var(--warning)}.timer-bar__fill--warning,.timer-bar__fill--critical{background:var(--danger)}[data-theme=dark] .timer-bar__fill--normal{background:#fbbf24}[data-theme=dark] .timer-bar__fill--warning{background:#f87171}.flash-card__word{font-family:var(--ff-arabic);text-align:center;color:var(--ink);padding-block:var(--s-5);font-size:5rem;line-height:1.3;font-weight:var(--arabic-weight-emphasis);direction:rtl}.timer-bar__label{font-size:var(--fs-xs);color:var(--ink-muted);font-variant-numeric:tabular-nums;text-align:right;min-width:2.5ch}.flash-card{max-width:540px;margin-inline:auto}.flash-card__word{font-family:var(--ff-arabic);text-align:center;color:var(--ink);padding-block:var(--s-5);direction:rtl;font-size:5rem;line-height:1.3}.flash-card__options{gap:var(--s-3);grid-template-columns:repeat(2,1fr);display:grid}.flash-card__option{background:var(--surface);color:var(--ink);border:2px solid var(--border);border-radius:var(--radius-md);padding:var(--s-3) var(--s-4);text-align:center;cursor:pointer;font-size:var(--fs-base);transition:all .15s}.flash-card__option:hover:not(:disabled){border-color:var(--primary);background:var(--primary-tint-2)}.flash-card__option--correct{border-color:var(--success);background:var(--success-bg);color:var(--success-text)}.flash-card__options--disabled{pointer-events:none}.flash-card__option--incorrect{border-color:var(--danger);background:var(--danger-bg);color:var(--danger-text);animation:.3s shake}.study-card{text-align:center;background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--primary);border-radius:var(--radius-md);max-width:400px;padding:var(--s-6) var(--s-5);margin-inline:auto;transition:box-shadow .2s}.study-card__header{font-size:var(--fs-base);margin-bottom:var(--s-4);color:var(--ink-muted);font-weight:600}.study-card__word{font-family:var(--ff-arabic);color:var(--ink);margin-bottom:var(--s-3);direction:rtl;font-size:4rem;line-height:1.3}.study-card__translation{font-size:var(--fs-xl);color:var(--primary);margin-bottom:var(--s-2);font-weight:600}.study-card__pronunciation-simple{letter-spacing:.02em;margin-bottom:var(--s-1);font-size:1.1rem;font-weight:500}.study-card__pronunciation-academic{font-size:var(--fs-sm);color:var(--ink-muted);margin-bottom:var(--s-2);font-style:italic}.study-card__transliteration{font-size:var(--fs-base);color:var(--ink-muted);margin-bottom:var(--s-2);font-style:italic}.study-card__meta{font-size:var(--fs-sm);color:var(--ink-muted);margin-bottom:var(--s-4)}.study-card__continue{width:100%;margin-top:var(--s-4);display:block}.phrase-instruction{text-align:center;font-size:var(--fs-sm);color:var(--ink-muted);margin-bottom:var(--s-4)}.phrase-builder__translation-hint{text-align:center;color:var(--ink-muted);font-style:italic;font-size:var(--fs-sm,.875rem);margin-bottom:var(--s-4);padding:var(--s-2) var(--s-4);border-radius:var(--radius-md);background:var(--surface-raised,var(--surface))}.phrase-display{text-align:center;max-width:640px;margin-inline:auto}.phrase-display__words{justify-content:center;gap:var(--s-2);padding:var(--s-4);direction:rtl;flex-wrap:wrap;display:flex}.phrase-display__word{color:var(--ink);font-family:var(--ff-arabic);padding:var(--s-2) var(--s-3);border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;flex-direction:column;align-items:center;gap:2px;font-size:2rem;line-height:1.8;transition:all .2s;display:flex}.phrase-display__word:hover:not(:disabled){border-color:var(--primary);background:var(--primary-tint-2)}.phrase-display__word--tapped{border-color:var(--success);background:var(--success-bg)}.phrase-display__word--next{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-alpha)}.phrase-display__word--shake{animation:.3s shake}.phrase-display__word--wrong-tap{animation:.3s shake;border-color:var(--danger)!important;background:var(--danger-bg)!important}.phrase-display__word--pulse-hint{animation:.6s ease-out phrase-pulse}@keyframes phrase-pulse{0%,to{box-shadow:0 0 0 0 var(--primary);transform:scale(1)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--primary) 20%, transparent);transform:scale(1.05)}}.phrase-display__word--all-complete{border-color:var(--success);background:var(--success-bg)}.phrase-display__word-ar{display:block}.phrase-display__word-gloss{font-family:inherit;font-size:var(--fs-xs);color:var(--ink-muted);font-style:italic;display:block}.phrase-display__full-translation{margin-top:var(--s-4);font-size:var(--fs-base);color:var(--ink-muted);text-align:center;font-style:italic}.phrase-builder__hint{text-align:center;font-size:var(--fs-sm);color:var(--ink-muted);padding:var(--s-2) var(--s-4);margin-top:var(--s-3);background:var(--surface-sunken);border-radius:var(--radius-md,6px);max-width:400px;margin-inline:auto;animation:.2s ease-out fadeInHint}@keyframes fadeInHint{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.phrase-builder__assembled{text-align:center;padding:var(--s-5);max-width:540px;margin-inline:auto;animation:.3s ease-out assembled-enter}.phrase-builder__success-indicator{color:var(--success,#22c55e);margin-bottom:var(--s-3);font-size:.95rem;font-weight:500}.phrase-builder__assembled-arabic{font-family:var(--ff-arabic);color:var(--ink);margin-bottom:var(--s-2);font-size:2rem;line-height:1.8}.phrase-builder__assembled-translation{font-size:var(--fs-base);color:var(--ink-muted);font-style:italic}@keyframes assembled-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.reading-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);max-width:640px;padding:var(--s-5);margin-inline:auto}.reading-card__sentence{padding-bottom:var(--s-4);direction:rtl;flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.reading-card__sentence>span{font-family:var(--ff-arabic);font-size:1.75rem;line-height:2}.reading-card__word{font-family:var(--ff-arabic);padding:var(--s-1) var(--s-2);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;font-size:1.75rem;line-height:2;transition:all .15s;position:relative}.reading-card__word:hover{background:var(--primary-tint-2);border-color:var(--primary)}.reading-card__word--glossed{background:var(--primary-tint);border-color:var(--primary)}.reading-card__gloss-popup{background:var(--ink);color:var(--on-primary);padding:var(--s-1) var(--s-2);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--fs-xs);white-space:nowrap;z-index:10;pointer-events:none;animation:.15s fadeIn;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.reading-card__translation{text-align:center;font-size:var(--fs-base);color:var(--ink-muted);padding-block:var(--s-2);min-height:1.5em;font-style:italic}.reading-card__hint{font-size:var(--fs-sm);color:var(--ink-muted);margin-bottom:var(--s-3)}.reading-card__word--highlighted{padding:var(--s-1) var(--s-2);background:#fbbf2440;border-radius:4px;animation:.4s ease-out highlight-fade-in}[data-theme=dark] .reading-card__word--highlighted{background:#fbbf242e}@keyframes highlight-fade-in{0%{background:0 0}to{background:#fbbf2440}}.sentence-reading__gloss-hint{color:var(--ink-muted);background:var(--surface-sunken);border-radius:var(--radius-md,6px);margin:var(--s-3) 0 0;align-items:center;gap:6px;padding:6px 10px;font-size:.8rem;display:inline-flex}.sentence-reading__gloss-icon{font-size:.9em}.comprehension-question{margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px solid var(--border)}.comprehension-question__text{font-size:var(--fs-base);margin-bottom:var(--s-1);font-weight:500}.comprehension-question__text-ar{font-family:var(--ff-arabic);font-size:var(--fs-base);color:var(--ink-muted);margin-bottom:var(--s-3)}.comprehension-question__options{gap:var(--s-2);grid-template-columns:repeat(2,1fr);display:grid}.comprehension-question__option{background:var(--surface);min-block-size:44px;color:var(--ink);border:2px solid var(--border);border-radius:var(--radius-md);padding:var(--s-2) var(--s-3);text-align:center;cursor:pointer;font-size:var(--fs-sm);transition:all .15s}.comprehension-question__option:hover:not(:disabled),.comprehension-question__option--selected{border-color:var(--primary);background:var(--primary-tint-2)}.comprehension-question__option--correct{border-color:var(--success);background:var(--success-bg);color:var(--success-text)}.comprehension-question__option--incorrect{border-color:var(--danger);background:var(--danger-bg);color:var(--danger-text);animation:.3s shake}.comprehension-question__explanation{margin-top:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--surface-sunken);border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--ink-muted)}.word-completion{text-align:center;padding-block:var(--s-8);max-width:480px;margin-inline:auto;animation:.5s ease-out celebration-bounce}.word-completion__title{color:var(--primary);margin-bottom:var(--s-2);font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.word-completion__subtitle{font-size:var(--fs-base);color:var(--ink-muted);margin-bottom:var(--s-3)}.word-completion__story-name{padding:var(--s-4) var(--s-5);background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 6%, transparent) 0%, var(--surface) 100%);border:1px solid color-mix(in srgb, var(--primary) 10%, transparent);border-radius:var(--radius-md);margin-bottom:var(--s-5);box-shadow:var(--shadow-sm,0 1px 3px #0000000f);flex-direction:column;gap:4px;display:flex}.word-completion__story-name span:first-child{font-family:var(--ff-arabic);font-size:var(--fs-xl);font-weight:600}.word-completion__story-name span:last-child{font-size:var(--fs-sm);color:var(--ink-muted)}.word-completion__message{font-size:var(--fs-base);color:var(--ink-muted);margin-bottom:var(--s-5);line-height:1.6}.word-completion__actions{align-items:center;gap:var(--s-3);flex-direction:column;display:flex}.word-completion__cta{box-shadow:0 4px 12px color-mix(in srgb, var(--primary) 20%, transparent);transition:box-shadow .2s,transform .2s;font-size:var(--fs-lg)!important;padding:var(--s-3) var(--s-6)!important}.word-completion__cta:hover{box-shadow:0 6px 20px color-mix(in srgb, var(--primary) 30%, transparent);transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.7}}.learn-center{text-align:center;z-index:10;padding:var(--s-3) 0;position:sticky;bottom:1.5rem}.learn-center .lesson-btn--primary{box-shadow:0 4px 16px #00000026}.learn-section-heading{text-align:center;margin-bottom:var(--s-4)}.learn-section-heading h2{font-size:var(--fs-lg);margin-bottom:var(--s-1);font-weight:600}.learn-section-heading p{font-size:var(--fs-sm);color:var(--ink-muted)}.learn-empty-state{text-align:center;padding:var(--s-8) var(--s-4)}.learn-empty-state h1{font-size:var(--fs-xl)}.learn-loading-state{text-align:center;padding:var(--s-8)}.learn-loading-state p{color:var(--ink-muted)}.learn-breadcrumb{margin-bottom:var(--s-3)}.learn-breadcrumb+.learn-hero{margin-top:0}.learn-breadcrumb__list{flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.learn-breadcrumb__item{align-items:center;gap:4px;display:flex}.learn-breadcrumb__separator{color:var(--ink-muted,#999);flex-shrink:0}.learn-breadcrumb__link{color:var(--primary);text-decoration:none;transition:opacity .15s}.learn-breadcrumb__link:hover{opacity:.75;text-decoration:underline}.learn-breadcrumb__current{color:var(--ink-muted,#666);font-weight:500}.learn-back-link{margin-bottom:var(--s-4)}.letter-grid{gap:var(--s-3);margin-bottom:var(--s-5);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.lesson-completion{text-align:center;padding:var(--s-8) var(--s-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,var(--radius-md));margin-top:var(--s-4);animation:.3s ease-out card-enter}.learn-completion-mark,.drill-empty__icon{block-size:64px;inline-size:64px;margin:0 auto var(--s-4);color:var(--accent-text);background:var(--primary-tint-2);border:1px solid var(--border);border-radius:50%;place-items:center;display:grid}.lesson-completion__title{color:var(--primary);margin-bottom:var(--s-3);font-size:clamp(1.3rem,3vw,1.75rem);font-weight:700}.lesson-completion__desc{color:var(--ink-muted);margin-bottom:var(--s-3);line-height:1.5}.lesson-completion__summary-line{font-size:var(--fs-sm);color:var(--ink-muted);margin-bottom:var(--s-5);line-height:1.6}.lesson-completion__actions{gap:var(--s-3);flex-wrap:wrap;justify-content:center;display:flex}.lesson-btn--inline{display:inline-flex}.lesson-nav--spaced{margin-bottom:var(--s-4)}.lesson-btn--compact{padding:var(--s-1)}.drill-progress--spaced{margin-bottom:var(--s-5)}.summary-actions{justify-content:center;gap:var(--s-3);display:flex}.summary-actions--spaced{margin-top:var(--s-4)}.next-action{text-align:center;margin-top:var(--s-5)}.next-action--sm{text-align:center;margin-top:var(--s-4)}.family-card__subtitle{font-size:var(--fs-sm);color:var(--ink-muted);margin:0;line-height:1.6}.drill-question__prompt{font-size:var(--fs-base);color:var(--ink-muted);margin-bottom:var(--s-3);scroll-margin-block-start:calc(var(--header-height,var(--s-10)) + var(--s-4))}.drill-question__audio-btn{margin:var(--s-3) auto}.quick-check__exercise-label{text-align:center;margin-bottom:var(--s-3);font-size:var(--fs-sm);color:var(--ink-subtle)}.quick-check__form-display{font-family:var(--ff-arabic);margin-bottom:var(--s-3);font-size:3rem}.compare-item__audio-icon{color:var(--primary);opacity:.8}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,var(--radius-md));padding:var(--s-5);gap:var(--s-3);flex-direction:column;display:flex}.skeleton-line{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--surface-sunken) 25%, color-mix(in srgb, var(--primary) 5%, transparent) 50%, var(--surface-sunken) 75%);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-line--icon{border-radius:var(--radius-md);width:56px;height:56px}.skeleton-line--title{width:60%;height:18px}.skeleton-line--subtitle{width:80%;height:14px}.skeleton-line--badge{border-radius:var(--radius-pill,999px);width:120px;height:28px;margin-inline:auto}.skeleton-line--heading{width:50%;height:32px;margin-inline:auto}.skeleton-line--text{width:70%;height:16px;margin-inline:auto}.skeleton-grid{gap:var(--s-4);margin-top:var(--s-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.skeleton-hero{text-align:center;padding:var(--s-10) var(--s-4) var(--s-8);gap:var(--s-4);flex-direction:column;align-items:center;display:flex}.lesson-btn--disabled{opacity:.3}@media (max-width:480px){.flash-card__word{font-size:3.5rem}.flash-card__options{grid-template-columns:1fr}.phrase-display__word{font-size:1.5rem}.reading-card__word{font-size:1.375rem}.comprehension-question__options{grid-template-columns:1fr}.word-ready-banner{text-align:center;flex-direction:column}.story-overview__ready-to-read{padding:var(--s-5) var(--s-4)}.story-overview__read-button{width:100%;padding:var(--s-4)}}.learn-level-grid{gap:var(--s-4);margin-top:var(--s-6);display:grid}.learn-level-card{align-items:center;gap:var(--s-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,12px);padding:var(--s-4) var(--s-5);text-align:start;cursor:pointer;width:100%;color:var(--ink);text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex}.learn-level-card:hover{border-color:var(--learn-accent-border);box-shadow:var(--shadow-md);transform:translateY(-1px)}.learn-level-card__number{background:color-mix(in srgb, var(--primary) 10%, transparent);width:44px;height:44px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex}.learn-level-card__content{flex:1;min-width:0}.learn-level-card__title{font-size:var(--fs-base);color:var(--ink);font-weight:600}.learn-level-card__desc{font-size:var(--fs-sm);color:var(--ink-muted);margin-top:2px}.learn-level-card__meta{font-size:var(--fs-xs);color:var(--ink-muted);margin-top:4px}.learn-level-card__action{font-size:var(--fs-sm);color:var(--primary);white-space:nowrap;flex-shrink:0;font-weight:600}.stage-card__number{top:8px;background:color-mix(in srgb, var(--primary) 10%, transparent);width:28px;height:28px;color:var(--primary);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;position:absolute;inset-inline-start:8px}@media (max-width:480px){.stage-card{grid-template-columns:40px minmax(0,1fr);align-items:start;display:grid}.stage-card__icon{width:40px;height:40px;margin-block-start:var(--s-4)}.stage-card__content{grid-column:2}.stage-card__start-btn,.stage-card__badge{grid-column:2;justify-self:start}.stage-card>.progress-ring{grid-area:2/1}.learn-level-card{padding:var(--s-3) var(--s-4)}.learn-level-card__number{width:36px;height:36px;font-size:1rem}}.lesson-btn--ghost{color:var(--ink-muted);border:1px solid var(--border);font-size:var(--fs-sm,.875rem);padding:var(--s-2) var(--s-4);background:0 0}.lesson-btn--ghost:hover{background:var(--surface-raised)}.stage-complete-banner{align-items:center;gap:var(--s-4);border-radius:var(--radius-lg,var(--radius-md));padding:var(--s-5);margin-bottom:var(--s-6);background:linear-gradient(135deg,#0d948814 0%,#0d94880a 100%);border:1px solid #0d94884d;display:flex}.stage-complete-banner__emoji{flex-shrink:0;font-size:2rem}.stage-complete-banner__text{flex:1}.stage-complete-banner__text strong{font-size:var(--fs-lg,1.125rem);color:var(--ink);margin-bottom:var(--s-1);display:block}.stage-complete-banner__text p{color:var(--ink-muted);font-size:var(--fs-sm,.875rem);margin:0}.sentence-highlight{background:color-mix(in srgb, var(--primary) 20%, transparent);color:var(--ink);border-radius:2px;padding:0 2px}.diacritics-help{text-align:start;inline-size:100%;max-inline-size:520px;margin-block:var(--s-3)}.diacritics-help .diacritics-guide{margin-block-start:var(--s-3)}.diacritics-guide{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,var(--radius-md));padding:var(--s-4);margin-bottom:var(--s-5)}.diacritics-guide__header{margin-bottom:var(--s-3);justify-content:space-between;align-items:center;display:flex}.diacritics-guide__dismiss{cursor:pointer;color:var(--ink-muted);padding:var(--s-1);background:0 0;border:none;font-size:1rem}.diacritics-guide__rows{gap:var(--s-2);margin-bottom:var(--s-4);flex-direction:column;display:flex}.diacritics-guide__row{align-items:center;gap:var(--s-3);font-size:var(--fs-sm,.875rem);grid-template-columns:2rem 5rem 1fr 4rem;display:grid}.diacritics-guide__mark{font-size:1.5rem;font-family:var(--ff-arabic);color:var(--primary);text-align:center}.diacritics-guide__name{font-weight:600}.diacritics-guide__sound{color:var(--ink-muted)}.diacritics-guide__example{font-family:var(--ff-arabic);text-align:right;font-size:1.1rem}.diacritics-guide__cta{width:100%}@media (max-width:480px){.diacritics-guide__row{grid-template-columns:2.25rem minmax(0,1fr)}.diacritics-guide__mark{grid-row:span 3;align-self:start}.diacritics-guide__sound,.diacritics-guide__example{text-align:start;grid-column:2}}.syllables-prereq-nudge{align-items:flex-start;gap:var(--s-3);border-radius:var(--radius-md);padding:var(--s-4);margin-bottom:var(--s-5);font-size:var(--fs-sm,.875rem);background:#eab30814;border:1px solid #eab3084d;display:flex}.syllables-prereq-nudge strong{margin-bottom:var(--s-1);display:block}.syllables-prereq-nudge p{color:var(--ink-muted);margin:0 0 var(--s-2)}.flash-card__root{font-size:var(--fs-sm,.875rem);color:var(--ink-muted);font-family:var(--ff-arabic);letter-spacing:.1em;margin-top:var(--s-1);margin-bottom:var(--s-3)}.four-forms__active-form-display{justify-content:center;align-items:center;gap:var(--s-3);margin-bottom:var(--s-3);display:flex}.four-forms__example mark{color:var(--ink);background:var(--primary-tint);text-decoration:underline;-webkit-text-decoration-color:var(--accent-text);text-decoration-color:var(--accent-text);text-underline-offset:.16em}.four-forms__active-char{font-family:var(--ff-arabic);color:var(--primary);font-size:2.5rem;line-height:1}.four-forms__active-label{font-size:var(--fs-sm,.875rem);color:var(--ink-muted);font-style:italic}.family-card__order-badge{top:.75rem;background:color-mix(in srgb, var(--primary) 10%, transparent);width:26px;height:26px;color:var(--primary);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;line-height:1;display:flex;position:absolute;inset-inline-start:.75rem}.family-grid__progress{align-items:center;gap:var(--s-4) var(--s-5);padding:var(--s-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap;margin-block-end:var(--s-5);display:flex}.family-grid__practice{flex:18rem}.family-grid__counts{justify-content:space-between;gap:var(--s-3);color:var(--ink);font-size:var(--fs-sm);align-items:baseline;margin-block-end:var(--s-2);font-weight:600;display:flex}.family-grid__verification{max-inline-size:100%;font-size:var(--fs-sm)}.family-grid__verification[open]{flex-basis:100%}.family-grid__verification summary{align-items:center;gap:var(--s-2);cursor:pointer;min-block-size:44px;inline-size:fit-content;max-inline-size:100%;color:var(--ink-muted);list-style:none;display:flex}.family-grid__verification summary::-webkit-details-marker{display:none}.family-grid__verification summary>svg{flex-shrink:0}.family-grid__progress bdi,.family-card__progress-label bdi{font-variant-numeric:tabular-nums}.family-grid__explanation{color:var(--ink-muted);font-size:var(--fs-sm);margin-block:var(--s-2) 0;max-inline-size:85ch;line-height:1.6}.family-card__action{border-block-start:1px solid var(--border);color:var(--primary);font-size:var(--fs-base);justify-content:space-between;align-items:center;margin-block-start:var(--s-2);padding-block-start:var(--s-3);font-weight:600;display:flex}.family-forms-guide{margin-block:var(--s-5);padding:var(--s-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.family-learning-start{margin-block-start:var(--s-4)}.family-review-action{margin-block:var(--s-5);text-align:center}.family-review-action p{max-inline-size:60ch;margin:0 auto var(--s-3);color:var(--ink-muted);font-size:var(--fs-sm);line-height:1.6}.family-forms-guide p{color:var(--ink-muted);margin-block:var(--s-2) var(--s-4);line-height:1.6}.family-forms-guide__letter{min-inline-size:0;padding-block:var(--s-4);border-block-start:1px solid var(--border)}.family-forms-guide__letter h3{color:var(--ink);font-size:var(--fs-base)}.family-forms-guide__forms{gap:var(--s-2);margin:0 0 var(--s-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.family-forms-guide__forms>div{min-inline-size:0;padding:var(--s-3) var(--s-2);border-radius:var(--radius-sm);background:var(--surface-sunken);text-align:center}.family-forms-guide__forms dt{color:var(--ink-muted);font-size:var(--fs-xs)}.family-forms-guide__forms dd{margin:0}.family-forms-guide__form-char{color:var(--ink);font-family:var(--ff-arabic);font-size:2.25rem;line-height:1.8}@media (max-width:480px){.family-forms-guide__forms{grid-template-columns:repeat(2,minmax(0,1fr))}.family-forms-guide{padding:var(--s-4)}.word-path-preview{gap:var(--s-2)}.word-path-preview li{flex-direction:column;align-items:flex-start}}.dot-comparison{margin-bottom:var(--s-5);padding:var(--s-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.dot-comparison__title{font-size:var(--fs-base);color:var(--ink);margin:0 0 var(--s-3);text-align:center;font-weight:600}.dot-comparison__grid{gap:var(--s-2);flex-direction:column;display:flex}.dot-comparison__row{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--radius-sm);transition:background .15s;display:flex}.dot-comparison__row:hover{background:var(--surface-sunken)}.dot-comparison__char{font-family:var(--ff-arabic);text-align:center;flex-shrink:0;width:48px;font-size:2.5rem;line-height:1}.dot-comparison__name{font-size:var(--fs-sm);color:var(--ink);min-width:60px;font-weight:600}.dot-comparison__dots{font-size:var(--fs-sm);color:var(--ink-muted);align-items:center;gap:var(--s-1);flex:1;display:flex}.dot-comparison__dot-indicator{letter-spacing:2px;font-size:.75rem}.dot-comparison__desc{font-size:var(--fs-sm);color:var(--ink-muted)}.dot-comparison__desc--none{font-style:italic}.family-card__start-tag{top:.75rem;background:var(--primary);color:var(--on-primary);border-radius:var(--radius-pill,999px);white-space:nowrap;align-items:center;gap:.25rem;margin-inline-start:var(--s-2);padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-flex;position:absolute;inset-inline-end:.75rem}.family-card__progress-label{justify-content:space-between;align-items:baseline;gap:var(--s-2);color:var(--ink-muted);font-size:var(--fs-sm);margin-block-end:var(--s-2);display:flex}[data-theme=dark] .letter-card{background:color-mix(in srgb, var(--surface) 100%, white 8%);border-color:#ffffff14}.letter-card__phonetic{color:var(--ink-muted);font-size:.75rem}.learn-hero__badge--icon{background:var(--primary);width:72px;height:72px;color:var(--on-primary);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.learn-hero__badge--icon svg{width:40px;height:40px}.learn-hero__badge--icon .hero-icon-label{letter-spacing:1px;font-size:1rem;font-weight:700}.learn-bridge-text{text-align:center;color:var(--ink-muted);opacity:.65;padding:var(--s-2) 0;font-size:.9rem}[data-theme=dark] .learn-hero:before{background-image:radial-gradient(circle at 20% 30%,#14b8a614 0%,#0000 50%),radial-gradient(circle at 80% 70%,#14b8a60d 0%,#0000 50%)}[data-theme=dark] .learn-hero__badge{background:var(--accent-soft);color:var(--accent-text);border:1px solid #14b8a64d}[data-theme=dark] .learn-hero__stat-value{color:var(--accent-text)}[data-theme=dark] .progress-ring__bg{stroke:var(--border-strong);opacity:.5}[data-theme=dark] .progress-ring__fill{stroke:var(--accent)}[data-theme=dark] .drill-progress__bar{background:var(--surface-sunken);border:1px solid #ffffff0f}[data-theme=dark] .drill-progress__fill{background:var(--accent)}[data-theme=dark] .timer-bar__track{background:var(--surface-sunken);border-color:#ffffff0f}[data-theme=dark] .story-card__dot{background:#ffffff1a;border-color:#ffffff14}[data-theme=dark] .story-card__dot--filled{background:var(--accent);border-color:var(--accent)}[data-theme=dark] .stage-card{border-color:#ffffff0f}[data-theme=dark] .stage-card--active{background:linear-gradient(135deg, #14b8a614 0%, var(--surface) 100%);border-color:var(--learn-accent-border)}[data-theme=dark] .stage-card--completed{background:var(--surface)}[data-theme=dark] .family-card{border-color:#ffffff0f}[data-theme=dark] .family-card--completed{border-color:var(--learn-accent-border);background:linear-gradient(135deg,#14b8a60f 0%,#0000 60%)}[data-theme=dark] .family-card__letter-char{background:var(--surface-sunken)}[data-theme=dark] .family-card:hover .family-card__letter-char{background:#14b8a61a}[data-theme=dark] .quick-check__option{background:var(--surface);border-color:#ffffff1a}[data-theme=dark] .quick-check__option:hover{border-color:var(--accent);background:var(--surface-card-hover)}[data-theme=dark] .drill-option:not(.drill-option--correct):not(.drill-option--incorrect){background:var(--surface);border-color:#ffffff1a}[data-theme=dark] .drill-option:hover:not(:disabled):not(.drill-option--answered){border-color:var(--accent);background:var(--surface-card-hover)}[data-theme=dark] .flash-card__option:not(.flash-card__option--correct):not(.flash-card__option--incorrect){background:var(--surface);border-color:#ffffff1a}[data-theme=dark] .flash-card__option:hover:not(:disabled){border-color:var(--accent);background:var(--surface-card-hover)}[data-theme=dark] .comprehension-question__option:not(.comprehension-question__option--correct):not(.comprehension-question__option--incorrect){background:var(--surface);border-color:#ffffff1a}[data-theme=dark] .comprehension-question__option:hover:not(:disabled){border-color:var(--accent);background:var(--surface-card-hover)}[data-theme=dark] .study-card{border-color:#ffffff14;border-top-color:var(--accent)}[data-theme=dark] .four-forms__cell{border-color:#ffffff14}[data-theme=dark] .four-forms__cell:hover,[data-theme=dark] .four-forms__cell--active{border-color:var(--accent);background:var(--surface-card-hover)}[data-theme=dark] .compare-item{border-color:#ffffff1a}[data-theme=dark] .compare-item--current{border-color:var(--accent);background:var(--surface-card-hover)}[data-theme=dark] .reading-card,[data-theme=dark] .dot-comparison,[data-theme=dark] .diacritics-guide{border-color:#ffffff14}[data-theme=dark] .word-story-card,[data-theme=dark] .word-exercise-card,[data-theme=dark] .learn-level-card{border-color:#ffffff0f}[data-theme=dark] .session-summary__stat{background:var(--surface);border-radius:var(--radius-sm);border:1px solid #ffffff14}[data-theme=dark] .phrase-display__word{border-color:#ffffff1a}[data-theme=dark] .quick-check__word-char{background:var(--surface)}[data-theme=dark] .meet-letter__char{text-shadow:0 0 1px #00000080}[data-theme=dark] .flash-card__word,[data-theme=dark] .study-card__word,[data-theme=dark] .drill-question__letter{text-shadow:0 0 1px #0006}[data-theme=dark] .meet-letter__audio-btn{background:var(--accent);color:var(--on-primary);border-color:var(--accent)}[data-theme=dark] .meet-letter__audio-btn:hover{background:var(--accent-hover);color:var(--on-primary)}[data-theme=dark] .stage-card__start-btn{box-shadow:0 0 0 1px #ffffff0f}[data-theme=dark] .lesson-btn--ghost{border-color:#ffffff1a}[data-theme=dark] .lesson-btn--ghost:hover,[data-theme=dark] .flash-card__skip-btn:hover{background:var(--surface-card-hover)}[data-theme=dark] .lesson-completion__title,[data-theme=dark] .word-completion__title{color:var(--accent-text)}[data-theme=dark] .word-completion__story-name{background:linear-gradient(135deg, #14b8a614 0%, var(--surface) 100%);border-color:#14b8a626}[data-theme=dark] .session-summary__score,[data-theme=dark] .quick-check__summary-score{color:var(--accent-text)}[data-theme=dark] .word-completion__cta{box-shadow:0 4px 12px #14b8a633}[data-theme=dark] .word-completion__cta:hover{box-shadow:0 6px 20px #14b8a64d}[data-theme=dark] .stage-complete-banner{background:linear-gradient(135deg,#14b8a61a 0%,#14b8a60a 100%);border-color:#14b8a640}[data-theme=dark] .word-ready-banner{background:var(--surface-card-hover);border-color:#14b8a64d}[data-theme=dark] .word-ready-banner__text strong{color:var(--accent-text)}[data-theme=dark] .story-overview__ready-to-read{background:linear-gradient(135deg, var(--surface,#1e1f24), #14b8a614);border-color:var(--accent)}[data-theme=dark] .story-overview__ready-headline{color:var(--accent-text)}[data-theme=dark] .story-overview__read-button{box-shadow:0 4px 12px #14b8a640}[data-theme=dark] .syllables-prereq-nudge{background:#f59e0b14;border-color:#f59e0b33}[data-theme=dark] .word-story-card__level-badge--1{color:#4ade80;background:#4ade8026}[data-theme=dark] .word-story-card__level-badge--2{color:#60a5fa;background:#60a5fa26}[data-theme=dark] .meet-letter__mnemonic{background:var(--surface-sunken);border:1px solid #ffffff0f}[data-theme=dark] .meet-letter__example-play{background:var(--surface-sunken);border-color:#ffffff14}[data-theme=dark] .stage-card__icon{background:linear-gradient(135deg,#14b8a626,#14b8a60f)}[data-theme=dark] .family-card__icon{color:var(--accent-text);border-color:color-mix(in srgb, var(--accent-warm) 18%, var(--surface));background:linear-gradient(145deg, var(--surface), color-mix(in srgb, var(--primary) 8%, var(--surface)))}[data-theme=dark] .skeleton-line{background:linear-gradient(90deg, var(--surface-sunken) 25%, #14b8a60d 50%, var(--surface-sunken) 75%);background-size:200% 100%}[data-theme=dark] .lesson-bottom-nav{background:color-mix(in srgb, var(--surface) 92%, transparent);border-top-color:#ffffff0f}[data-theme=dark] .stage-card__number,[data-theme=dark] .family-card__order-badge,[data-theme=dark] .word-exercise-card__number{background:#14b8a626}[data-theme=dark] .quick-check__word-feedback,[data-theme=dark] .quick-check__feedback{background:#ef44441a}[data-theme=dark] .sentence-highlight{background:#14b8a640}[data-theme=dark] .learn-center .lesson-btn--primary{box-shadow:0 4px 16px #0006}.learn-preparation{border:1px solid var(--border);border-radius:16px;margin-block:2rem;padding:clamp(1rem,3vw,1.6rem)}.learn-preparation>p{margin-block:.8rem;line-height:1.8}.learn-preparation-note{opacity:.8;font-size:.85rem}.learn-preparation-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));align-items:start;gap:12px;margin-block:1rem;display:grid}.learn-preparation-card{border:1px solid var(--border);overflow-wrap:anywhere;border-radius:10px}.learn-preparation-card summary{cursor:pointer;padding:14px 18px}.learn-preparation-card summary span{margin-inline:6px}.learn-preparation-card summary span:last-child{font-size:.8rem}.learn-preparation-card summary:focus-visible{outline:3px solid var(--primary);outline-offset:-3px;border-radius:10px}.learn-preparation-arabic,.learn-preparation-form h3{font-family:var(--ff-arabic,serif);font-size:1.65rem;line-height:2}.learn-preparation-form{border-top:1px solid var(--border);margin-inline:18px;padding-block:12px}.learn-preparation-form p{margin-block:.5rem;line-height:1.9}.learn-preparation-numbers{margin-block-start:1.5rem}.learn-preparation-numbers>.learn-preparation-card{margin-block:12px}[data-theme=dark] .learn-preparation,[data-theme=dark] .learn-preparation-card,[data-theme=dark] .learn-preparation-form{border-color:#94a3b840}.learn-root .drill-option:disabled{opacity:1;cursor:default}.learn-root .drill-option:disabled:not(.drill-option--correct):not(.drill-option--incorrect){color:var(--ink)}.learn-root .drill-option[aria-pressed=true]{outline:1px solid var(--primary);outline-offset:2px}.learn-root .drill-option[aria-pressed=true]:focus-visible{outline-width:3px}.learn-root .drill-option--incorrect[aria-pressed=true]{outline-color:var(--danger)}.learn-root .drill-option--correct[aria-pressed=true]{outline-color:var(--success)}.learn-root .drill-option[lang=ar]{font-family:var(--ff-arabic,serif);font-size:1.65rem;line-height:1.7}.learn-root .drill-option--letter[lang=ar]{font-size:3rem;line-height:1.5}.learn-root .lesson-btn:disabled:not(.learn-audio-control){opacity:.55;cursor:not-allowed;box-shadow:none}.learn-root .drill-option:disabled:not(.drill-option--answered):not(.drill-option--correct):not(.drill-option--incorrect),.learn-root .flash-card__options:not(.flash-card__options--disabled) .flash-card__option:disabled{opacity:1;cursor:not-allowed;background:var(--surface-sunken);color:var(--ink-muted);border-style:dashed}.learn-root .word-path-preview{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr))}.word-path-preview [data-state]{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--s-3)}.word-path-preview [data-state=current]{border-color:var(--learn-accent-border);background:var(--primary-tint-2)}.word-path-preview [data-state=complete]{border-color:var(--learn-accent-border)}.word-path-preview [data-state]>a{gap:var(--s-1) var(--s-2);color:var(--ink);grid-template-columns:18px minmax(0,1fr);padding:0;display:grid}.word-path-preview__state{font-size:var(--fs-xs);color:var(--ink-muted);grid-column:2}@media (max-width:820px){.learn-root .word-path-preview{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.learn-root *,.learn-root :before,.learn-root :after,.syllable-game-container *,.syllable-game-container :before,.syllable-game-container :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}