@import "https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@400;500;700;900&family=Rubik:wght@400;500;600;700&display=swap";
@font-face{font-family:Playpen Sans Hebrew;src:url(/fonts/PlaypenSansHebrew-VariableFont_wght.ttf)format("truetype-variations");font-weight:100 800;font-style:normal;font-display:swap}:root{--techelet-50:#eef2fe;--techelet-100:#dce4fd;--techelet-200:#b9c8fa;--techelet-300:#8fa5f3;--techelet-400:#6480e8;--techelet-500:#3d5cd8;--techelet-600:#2b45b8;--techelet-700:#223794;--techelet-800:#1c2c73;--techelet-900:#172455;--honey-50:#fef6e7;--honey-100:#fdebc4;--honey-200:#fad584;--honey-300:#f7be45;--honey-400:#f2a81c;--honey-500:#d98a08;--honey-600:#b06a05;--honey-700:#8a5206;--olive-50:#f1f6ec;--olive-100:#dfebd3;--olive-300:#a8cc8a;--olive-500:#5c8c3d;--olive-600:#47702e;--olive-700:#375825;--pom-50:#fdeeef;--pom-100:#fad7da;--pom-300:#ec8b95;--pom-500:#c42b3e;--pom-600:#9b1f2f;--pom-700:#7a1826;--stone-0:#fff;--stone-50:#faf8f5;--stone-100:#f2eee8;--stone-200:#e4ded4;--stone-300:#cfc7ba;--stone-400:#a79e90;--stone-500:#7d7568;--stone-600:#5a5449;--stone-700:#403b33;--stone-800:#2a2721;--stone-900:#211e1a;--bg-app:var(--stone-50);--bg-surface:var(--stone-0);--bg-sunken:var(--stone-100);--bg-inverse:var(--stone-900);--bg-scrim:#211e1a8c;--text-primary:var(--stone-900);--text-secondary:var(--stone-600);--text-muted:var(--stone-500);--text-inverse:var(--stone-0);--text-brand:var(--techelet-600);--text-on-brand:var(--stone-0);--text-ghost:#b4b4b466;--border-subtle:var(--stone-200);--border-default:var(--stone-300);--border-strong:var(--stone-400);--border-focus:var(--techelet-500);--action-bg:var(--techelet-500);--action-bg-hover:var(--techelet-600);--action-bg-active:var(--techelet-700);--action-shadow:var(--techelet-700);--action-fg:var(--stone-0);--action-bg-subtle:var(--techelet-50);--action-fg-subtle:var(--techelet-700);--correct-bg:var(--olive-50);--correct-border:var(--olive-300);--correct-fg:var(--olive-700);--correct-solid:var(--olive-500);--correct-shadow:var(--olive-600);--incorrect-bg:var(--pom-50);--incorrect-border:var(--pom-300);--incorrect-fg:var(--pom-600);--incorrect-solid:var(--pom-500);--incorrect-shadow:var(--pom-600);--xp-fill:var(--honey-400);--xp-fill-end:var(--honey-300);--xp-track:var(--stone-200);--streak-active:var(--honey-500);--streak-frozen:var(--techelet-300);--streak-idle:var(--stone-300);--heart-full:var(--pom-500);--heart-empty:var(--stone-300);--crown:var(--honey-400);--locked-bg:var(--stone-200);--locked-fg:var(--stone-500);--font-teach:"Frank Ruhl Libre", "Times New Roman", serif;--font-ui:"Rubik", -apple-system, "Segoe UI", system-ui, sans-serif;--font-cursive:"Playpen Sans Hebrew", cursive, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-glyph:4.5rem;--weight-normal:400;--weight-medium:500;--weight-semi:600;--weight-bold:700;--weight-black:900;--lh-tight:1.25;--lh-snug:1.4;--lh-normal:1.5;--lh-nikud:1.75;--lh-glyph:1.3;--he-scale:1.06;--track-tight:-.01em;--track-normal:0;--track-wide:.02em;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-full:999px;--lift:4px;--lift-sm:3px;--shadow-sm:0 1px 2px #211e1a0f;--shadow-md:0 2px 8px #211e1a14;--shadow-lg:0 8px 24px #211e1a1f;--shadow-focus:0 0 0 3px var(--techelet-200);--dur-instant:90ms;--dur-fast:.16s;--dur-base:.24s;--dur-slow:.4s;--dur-celebrate:.7s;--ease-out:cubic-bezier(.2, 0, 0, 1);--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--tap-min:44px;--tap-comfortable:56px;--container-max:480px;--z-sticky:100;--z-sheet:200;--z-modal:300;--z-toast:400}@media (prefers-color-scheme:dark){:root{--bg-app:#14120f;--bg-surface:#1f1c18;--bg-sunken:#14120f;--bg-inverse:var(--stone-50);--bg-scrim:#000000b3;--text-primary:var(--stone-100);--text-secondary:var(--stone-300);--text-muted:var(--stone-400);--text-inverse:var(--stone-900);--text-brand:var(--techelet-300);--border-subtle:#2e2a24;--border-default:#423c33;--border-strong:var(--stone-600);--action-bg:var(--techelet-500);--action-bg-hover:var(--techelet-400);--action-shadow:var(--techelet-800);--action-bg-subtle:#1e2647;--action-fg-subtle:var(--techelet-200);--correct-bg:#1b2616;--correct-fg:var(--olive-300);--incorrect-bg:#2b1418;--incorrect-fg:var(--pom-300);--xp-track:#2e2a24;--locked-bg:#2e2a24}}@media (prefers-reduced-motion:reduce){:root{--dur-instant:1ms;--dur-fast:1ms;--dur-base:1ms;--dur-slow:1ms;--dur-celebrate:1ms;--ease-pop:linear}*,:before,:after{transition-duration:1ms!important;animation-iteration-count:1!important}}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg-app);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;margin:0}html[dir=rtl] body{font-size:calc(var(--text-base) * var(--he-scale))}:lang(he){letter-spacing:0!important;font-style:normal!important}.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.bidi{unicode-bidi:isolate}.ltr{direction:ltr;unicode-bidi:isolate}.rtl{direction:rtl;unicode-bidi:isolate}[dir=rtl] .icon--mirror{transform:scaleX(-1)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.teach{font-family:var(--font-teach);line-height:var(--lh-nikud);font-weight:var(--weight-medium)}.teach--glyph{font-size:var(--text-glyph);line-height:var(--lh-glyph);font-weight:var(--weight-black)}.teach--word{font-size:var(--text-4xl)}.teach--sentence{font-size:var(--text-3xl)}.translit{font-family:var(--font-ui);font-size:var(--text-sm);letter-spacing:var(--track-wide);color:var(--text-muted);direction:ltr;unicode-bidi:isolate}.gloss{font-size:var(--text-base);color:var(--text-secondary)}.cursive-hebrew-guide{font-family:var(--font-cursive);font-weight:var(--weight-normal);color:var(--text-ghost);-webkit-user-select:none;user-select:none;direction:rtl}.label{font-size:var(--text-sm);font-weight:var(--weight-semi);color:var(--text-secondary)}.h-screen{font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--lh-snug);margin:0}.h-section{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--lh-snug);margin:0}.h-card{font-size:var(--text-xl);font-weight:var(--weight-semi);line-height:var(--lh-snug);margin:0}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-block-size:var(--tap-comfortable);padding-inline:var(--space-6);padding-block:var(--space-3);border-radius:var(--radius-lg);font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--weight-bold);line-height:var(--lh-snug);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--dur-instant) var(--ease-out), box-shadow var(--dur-instant) var(--ease-out), background-color var(--dur-fast) var(--ease-out);border:0;display:inline-flex}.btn:active:not(:disabled){transform:translateY(var(--lift));box-shadow:none}.btn:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;transform:none}.btn--primary{background:var(--action-bg);color:var(--action-fg);box-shadow:0 var(--lift) 0 var(--action-shadow)}.btn--primary:hover:not(:disabled){background:var(--action-bg-hover)}.btn--correct{background:var(--correct-solid);color:var(--stone-0);box-shadow:0 var(--lift) 0 var(--correct-shadow)}.btn--danger{background:var(--incorrect-solid);color:var(--stone-0);box-shadow:0 var(--lift) 0 var(--incorrect-shadow)}.btn--secondary{background:var(--bg-surface);color:var(--action-fg-subtle);border:2px solid var(--border-default);box-shadow:0 var(--lift) 0 var(--border-default)}.btn--secondary:hover:not(:disabled){background:var(--action-bg-subtle)}.btn--ghost{color:var(--text-secondary);box-shadow:none;font-weight:var(--weight-semi);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--bg-sunken)}.btn--ghost:active:not(:disabled){transform:none}.btn--sm{min-block-size:var(--tap-min);padding-inline:var(--space-4);font-size:var(--text-sm)}.btn--block{inline-size:100%;display:flex}.icon-btn{inline-size:var(--tap-min);block-size:var(--tap-min);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--bg-sunken)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm)}.letter-tile{justify-content:center;align-items:center;gap:var(--space-1);aspect-ratio:1;inline-size:100%;padding:var(--space-3);background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:0 var(--lift-sm) 0 var(--border-subtle);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out);flex-direction:column;display:flex}.letter-tile:hover{border-color:var(--techelet-300)}.letter-tile:active{transform:translateY(var(--lift-sm));box-shadow:none}.letter-tile__glyph{font-family:var(--font-teach);font-size:var(--text-glyph);font-weight:var(--weight-black);line-height:var(--lh-glyph);color:var(--text-primary)}.letter-tile__name{font-size:var(--text-xs);color:var(--text-muted)}.letter-tile--learned{border-color:var(--olive-300);box-shadow:0 var(--lift-sm) 0 var(--olive-300)}.letter-tile--locked{background:var(--locked-bg);box-shadow:none;cursor:not-allowed}.letter-tile--locked .letter-tile__glyph{color:var(--locked-fg)}.letter-tile__sofit{font-size:var(--text-xs);color:var(--techelet-600);font-weight:var(--weight-semi)}.root-triad{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.root-triad__letters{gap:var(--space-2);align-items:center;display:flex}.root-triad__letter{background:var(--action-bg-subtle);border:2px solid var(--techelet-200);border-radius:var(--radius-lg);block-size:64px;inline-size:64px;font-family:var(--font-teach);font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--techelet-700);justify-content:center;align-items:center;line-height:1;display:flex}.root-triad__link{inline-size:var(--space-3);background:var(--techelet-200);border-radius:var(--radius-full);block-size:2px}.root-triad__meaning{font-size:var(--text-sm);color:var(--text-muted);text-align:center}.root-triad__derived{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.word-chip{padding:var(--space-2) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:2px;display:flex}.word-chip__he{font-family:var(--font-teach);font-size:var(--text-xl);line-height:var(--lh-nikud);font-weight:var(--weight-medium)}.word-chip__translit{font-size:var(--text-xs);letter-spacing:var(--track-wide);color:var(--text-muted);direction:ltr}.word-chip__gloss{font-size:var(--text-xs);color:var(--text-secondary)}.choice{align-items:center;gap:var(--space-3);inline-size:100%;min-block-size:var(--tap-comfortable);padding:var(--space-4);background:var(--bg-surface);border:2px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:0 var(--lift-sm) 0 var(--border-subtle);text-align:start;font-family:var(--font-ui);font-size:var(--text-lg);color:var(--text-primary);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);display:flex}.choice:hover:not(:disabled){background:var(--bg-sunken)}.choice--selected{border-color:var(--techelet-500);background:var(--action-bg-subtle);box-shadow:0 var(--lift-sm) 0 var(--techelet-200)}.choice--correct{border-color:var(--correct-solid);background:var(--correct-bg);color:var(--correct-fg);box-shadow:0 var(--lift-sm) 0 var(--olive-300);animation:pop var(--dur-base) var(--ease-pop)}.choice--incorrect{border-color:var(--incorrect-solid);background:var(--incorrect-bg);color:var(--incorrect-fg);box-shadow:0 var(--lift-sm) 0 var(--pom-300);animation:shake var(--dur-slow) var(--ease-in-out)}.choice__key{border:1px solid var(--border-default);border-radius:var(--radius-sm);block-size:24px;inline-size:24px;font-size:var(--text-xs);color:var(--text-muted);flex:none;justify-content:center;align-items:center;display:flex}.choice__mark{flex:none;margin-inline-start:auto}.wordbank__build{gap:var(--space-2);min-block-size:96px;padding:var(--space-3);border-block-end:2px solid var(--border-subtle);flex-wrap:wrap;align-content:flex-start;display:flex}.wordbank__pool{gap:var(--space-2);padding:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.wordbank__tile{padding:var(--space-2) var(--space-4);background:var(--bg-surface);border:2px solid var(--border-default);border-radius:var(--radius-md);box-shadow:0 var(--lift-sm) 0 var(--border-subtle);font-family:var(--font-teach);font-size:var(--text-xl);line-height:var(--lh-nikud);cursor:pointer;min-block-size:var(--tap-min)}.wordbank__tile:active{transform:translateY(var(--lift-sm));box-shadow:none}.wordbank__tile--used{visibility:hidden}.progress{background:var(--xp-track);border-radius:var(--radius-full);block-size:16px;inline-size:100%;overflow:hidden}.progress__fill{border-radius:var(--radius-full);background:linear-gradient(to bottom, var(--xp-fill-end), var(--xp-fill));block-size:100%;transition:inline-size var(--dur-base) var(--ease-out)}.progress__fill:after{content:"";block-size:4px;margin:3px var(--space-2) 0;border-radius:var(--radius-full);background:#ffffff59;display:block}.stat-row{align-items:center;gap:var(--space-4);display:flex}.stat{align-items:center;gap:var(--space-1);font-weight:var(--weight-bold);font-size:var(--text-base);display:inline-flex}.stat--streak{color:var(--streak-active)}.stat--xp{color:var(--honey-600)}.stat--hearts{color:var(--heart-full)}.hearts{gap:2px;display:inline-flex}.node{border-radius:var(--radius-full);cursor:pointer;block-size:72px;inline-size:72px;transition:transform var(--dur-instant) var(--ease-out);border:0;justify-content:center;align-items:center;display:flex;position:relative}.node:active{transform:translateY(var(--lift));box-shadow:none!important}.node--available{background:var(--action-bg);color:var(--action-fg);box-shadow:0 var(--lift) 0 var(--action-shadow)}.node--complete{background:var(--correct-solid);color:var(--stone-0);box-shadow:0 var(--lift) 0 var(--correct-shadow)}.node--locked{background:var(--locked-bg);color:var(--locked-fg);box-shadow:none;cursor:not-allowed}.node__crown{color:var(--crown);position:absolute;inset-block-start:-6px;inset-inline-end:-4px}.feedback{padding:var(--space-5);animation:slide-up var(--dur-base) var(--ease-out);border-start-start-radius:var(--radius-2xl);border-start-end-radius:var(--radius-2xl);padding-block-end:max(var(--space-5), env(safe-area-inset-bottom));position:sticky;inset-block-end:0}.feedback--correct{background:var(--correct-bg);color:var(--correct-fg)}.feedback--incorrect{background:var(--incorrect-bg);color:var(--incorrect-fg)}.feedback__title{align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:var(--weight-bold);display:flex}.feedback__body{margin-block:var(--space-2) var(--space-4);font-size:var(--text-base)}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.container{inline-size:100%;max-inline-size:var(--container-max);padding-inline:var(--space-4);margin-inline:auto}.stack>*+*{margin-block-start:var(--space-4)}.stack--tight>*+*{margin-block-start:var(--space-2)}