.home-path{gap:var(--space-page-section);min-inline-size:0;max-inline-size:44rem;margin-inline:auto;padding-block-end:var(--space-xl);display:grid}.home-hero{min-inline-size:0;padding-block:var(--space-sm) var(--space-xl)}.home-brand{margin-block-end:var(--space-xl)}.home-brand .brand-mark{block-size:3.25rem;inline-size:3.25rem}.home-brand .brand-name strong{font-size:var(--text-lg)}.home-greeting,.landing-kicker{color:var(--color-muted);font-size:var(--text-sm);margin:0 0 var(--space-sm)}.landing-kicker{letter-spacing:.02em;font-weight:750}.home-hero h1,.home-feature h2,.home-start h2{font-family:var(--font-sans);letter-spacing:-.065em;overflow-wrap:anywhere;min-inline-size:0;margin:0;font-style:normal;line-height:.94}.home-hero h1{max-inline-size:7ch;font-size:clamp(3rem,14vw,5.25rem);font-weight:850}.home-lede{color:var(--color-muted);font-size:var(--text-lg);margin-block:var(--space-lg);max-inline-size:32rem;line-height:1.55}.home-hero-link,.feature-card a{align-items:center;gap:var(--space-sm);white-space:nowrap;min-block-size:3rem;font-weight:800;text-decoration:none;display:inline-flex}.home-hero-link .learning-icon,.feature-card a .learning-icon{block-size:1.1rem;inline-size:1.1rem}.home-hero-link{background:var(--color-accent);border:var(--rule-1) solid var(--color-accent);border-radius:var(--radius-md);color:var(--color-on-accent);padding-inline:var(--space-lg);transition:background-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out)}.home-feature,.home-start{gap:var(--space-lg);min-inline-size:0;display:grid}.home-feature header>p:last-child,.home-start header>p{color:var(--color-muted);margin:var(--space-sm) 0 0;max-inline-size:31rem}.home-feature h2,.home-start h2{font-size:clamp(var(--text-2xl), 9vw, 3.25rem);font-weight:850}.feature-card{background:var(--color-home-highlight);border-radius:var(--radius-lg);align-items:end;gap:var(--space-xl);min-block-size:13rem;padding:var(--space-lg);color:var(--color-ink);grid-template-columns:minmax(0,1fr);display:grid}.feature-card p,.feature-card h3,.feature-card span{margin:0;display:block}.feature-card-copy{gap:var(--space-2xs);min-inline-size:0;display:grid}.feature-card-copy .feature-card-icon{background:var(--color-paper-raised);border:var(--rule-1) solid var(--color-accent);border-radius:var(--radius-sm);color:var(--color-accent-ink);min-block-size:2.5rem;min-inline-size:2.5rem;justify-content:center;align-items:center;width:fit-content;margin-block-end:var(--space-xs);display:inline-flex}.feature-card p,.feature-card span{color:var(--color-accent-ink);font-size:var(--text-sm)}.feature-card h3{font-family:var(--font-sans);font-size:clamp(var(--text-lg), 6vw, var(--text-2xl));letter-spacing:-.045em;margin-block:var(--space-xs);overflow-wrap:anywhere;font-weight:850;line-height:1.02}.feature-card a{background:var(--color-paper-raised);border:var(--rule-1) solid var(--color-accent);border-radius:var(--radius-lg);color:var(--color-accent-ink);padding-inline:var(--space-md);transition:background-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);justify-content:center}.starter-grid{gap:var(--space-sm);grid-template-columns:minmax(0,1fr);display:grid}.starter-card{border-radius:var(--radius-lg);color:var(--color-ink);min-block-size:11.5rem;padding:var(--space-lg);transition:transform var(--dur-fast) var(--ease-out), outline-color var(--dur-fast) var(--ease-out);grid-template-rows:auto auto 1fr auto;text-decoration:none;display:grid;position:relative}.starter-card span,.starter-card small{color:var(--color-ink);font-weight:650;font-size:var(--text-sm)}.starter-card .starter-card-icon{background:var(--color-paper-raised);border:var(--rule-1) solid var(--color-rule);border-radius:var(--radius-sm);color:var(--color-accent-ink);min-block-size:2.5rem;min-inline-size:2.5rem;justify-content:center;align-items:center;width:fit-content;margin-block-end:var(--space-sm);display:inline-flex}.starter-card strong{font-family:var(--font-sans);font-size:clamp(var(--text-lg), 7vw, var(--text-2xl));letter-spacing:-.05em;align-self:center;max-inline-size:8ch;font-weight:850;line-height:1}.starter-card-arrow{place-self:end;block-size:1.5rem;inline-size:1.5rem}.starter-card-library{background:var(--color-home-sky);color:var(--color-ink)}.starter-card-memorize{background:var(--color-home-rose);color:var(--color-ink)}.starter-card-review{background:var(--color-home-leaf);color:var(--color-ink)}.tag-list{gap:var(--space-xs);margin:var(--space-md) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.tag-list li{border:var(--rule-1) solid var(--color-rule);border-radius:var(--radius-sm);color:var(--color-muted);font-size:var(--text-sm);padding-block:var(--space-2xs);padding-inline:var(--space-sm)}.dua-copy h3{font-family:var(--font-sans);font-size:var(--text-sm);letter-spacing:.02em;margin:0 0 var(--space-xs)}.dua-copy p{color:var(--color-muted);margin:0 0 var(--space-lg);max-inline-size:42rem}.dua-source{background:var(--color-source-surface);border:var(--rule-1) solid var(--color-rule);padding:var(--space-md)}.dua-source summary{color:var(--color-ink);cursor:pointer;min-block-size:2.75rem;font-weight:700}.dua-source p{color:var(--color-muted);margin:var(--space-sm) 0 0;white-space:pre-line}@media (hover:hover) and (pointer:fine){.home-hero-link:hover{background:var(--color-accent-ink);transform:translateY(-1px)}.feature-card a:hover{background:var(--color-practice-surface);transform:translateY(-1px)}.starter-card:hover{outline:2px solid var(--color-accent);outline-offset:3px;transform:translateY(-1px)}}.home-hero-link:active,.feature-card a:active,.starter-card:active{transform:translateY(1px)}@media (width>=40rem){.feature-card{grid-template-columns:minmax(0,1fr) auto}.starter-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.starter-card-library{grid-row:span 2}}@media (prefers-reduced-motion:reduce){.starter-card{transition-duration:0s}}:root{--color-paper:oklch(97% .012 88);--color-paper-raised:oklch(99% .006 88);--color-ink:oklch(20% .025 72);--color-muted:oklch(43% .025 72);--color-rule:oklch(82% .018 88);--color-accent:oklch(37% .09 151);--color-accent-ink:oklch(27% .07 151);--color-on-accent:oklch(98% .008 88);--color-active-surface:oklch(91% .035 151);--color-reading-surface:oklch(95% .012 88);--color-source-surface:oklch(93% .014 88);--color-help-surface:oklch(91% .045 230);--color-practice-surface:oklch(93% .065 88);--color-review-surface:oklch(91% .045 151);--color-home-highlight:oklch(86% .13 88);--color-home-sky:oklch(83% .09 230);--color-home-rose:oklch(88% .07 18);--color-home-leaf:oklch(85% .07 151);--color-control-surface:oklch(96% .016 88);--color-control-active:oklch(89% .048 151);--color-focus:oklch(43% .12 229);--color-shadow:oklch(20% .025 72/.1);--font-sans:"Segoe UI", system-ui, sans-serif;--font-display:Georgia, Cambria, "Times New Roman", serif;--font-arabic:Tahoma, Arial, serif;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-page-section:clamp(var(--space-2xl), 8vw, 4.5rem);--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-arabic:2rem;--text-arabic-lg:3.2rem;--text-arabic-xl:4.2rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-pill:999px;--rule-1:1px;--dur-fast:.12s;--dur-standard:.18s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1)}html,body{min-block-size:100%;min-inline-size:0;overflow-x:clip}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-base);margin:0;line-height:1.5}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.learning-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;flex:none;block-size:1.25rem;inline-size:1.25rem}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.app-frame{box-sizing:border-box;grid-template-rows:auto minmax(0,1fr) auto;min-block-size:100dvh;display:grid}.app-header{background:var(--color-paper-raised);border-block-end:var(--rule-1) solid var(--color-rule);align-items:center;gap:var(--space-md);padding-block:var(--space-md);padding-inline:max(var(--space-md), env(safe-area-inset-left)) max(var(--space-md), env(safe-area-inset-right));justify-content:space-between;display:flex}.wordmark{white-space:nowrap;text-decoration:none}.brand-lockup{align-items:center;gap:var(--space-xs);min-inline-size:0;display:inline-flex}.brand-mark{flex:none;block-size:2.3rem;inline-size:2.3rem;display:block;position:relative;overflow:hidden}.brand-mark img{mix-blend-mode:multiply;inline-size:241.15%;max-inline-size:none;position:absolute;top:-45.2%;left:-71.15%}.brand-name{font-family:var(--font-sans);line-height:.92;display:grid}.brand-name strong{font-size:var(--text-base);letter-spacing:-.045em;font-weight:850}.brand-name span{color:var(--color-accent-ink);font-size:var(--text-xs);letter-spacing:.04em;font-weight:750}.shell-context,.route-context{color:var(--color-muted);font-size:var(--text-sm);margin:0}.shell-context{background:var(--color-practice-surface);border-radius:var(--radius-pill);color:var(--color-accent-ink);padding-block:var(--space-2xs);padding-inline:var(--space-sm);white-space:nowrap;font-weight:700}.app-main{min-inline-size:0;padding-block:var(--space-2xl);padding-inline:max(var(--space-lg), env(safe-area-inset-left)) max(var(--space-lg), env(safe-area-inset-right));display:grid}.app-frame.is-learning-focus{grid-template-rows:minmax(0,1fr)}.app-frame.is-learning-focus .app-header,.app-frame.is-learning-focus .bottom-navigation{display:none}.app-frame.is-learning-focus .app-main{padding-block:var(--space-lg)}.route-intro{align-self:center;min-inline-size:0;max-inline-size:34rem}.route-brand{margin-block-end:var(--space-md)}.route-intro h1{font-family:var(--font-display);font-size:clamp(var(--text-2xl), 7vw, var(--text-3xl));letter-spacing:-.035em;margin-block:var(--space-xs) var(--space-sm);overflow-wrap:anywhere;min-inline-size:0;font-style:normal;line-height:1.1}.route-intro>p:last-child{color:var(--color-muted);font-size:var(--text-lg);margin:0}.bottom-navigation{background:var(--color-paper-raised);border-block-start:var(--rule-1) solid var(--color-rule);padding-block:var(--space-xs) max(var(--space-xs), env(safe-area-inset-bottom));padding-inline:max(var(--space-2xs), env(safe-area-inset-left)) max(var(--space-2xs), env(safe-area-inset-right));grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.navigation-link{border-radius:var(--radius-sm);color:var(--color-muted);font-size:var(--text-xs);align-items:center;gap:var(--space-2xs);min-block-size:3.5rem;padding-block:var(--space-2xs);padding-inline:var(--space-2xs);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);white-space:nowrap;justify-items:center;font-weight:650;line-height:1;text-decoration:none;display:grid}.navigation-link svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;block-size:1.3rem;inline-size:1.3rem}.navigation-link.is-active{background:var(--color-active-surface);color:var(--color-accent-ink)}.navigation-link:active{background:var(--color-review-surface);transform:translateY(1px)}@media (hover:hover) and (pointer:fine){.navigation-link:hover{background:var(--color-active-surface);color:var(--color-accent-ink)}}@media (width>=40rem){.app-header,.app-main{padding-inline:max(var(--space-xl), env(safe-area-inset-left)) max(var(--space-xl), env(safe-area-inset-right))}.bottom-navigation{margin-block:var(--space-sm);margin-inline:var(--space-sm);min-inline-size:30rem;max-inline-size:34rem;padding:var(--space-xs);justify-self:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:0s}}