@import"https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700;800&family=Alef:wght@400;700&display=swap";:root{--c-primary: #5B4BE0;--c-primary-600: #4A3BCC;--c-primary-100: #ECE9FF;--c-accent: #FFB020;--c-accent-soft: #FFE7B8;--c-hebrew: #E8577A;--c-hebrew-soft: #FFE1E9;--c-math: #1FA98F;--c-math-soft: #D5F3EC;--c-english: #3A86FF;--c-english-soft: #DCEAFF;--c-correct: #2BB673;--c-correct-soft: #DAF5E7;--c-almost: #F2A03D;--c-almost-soft: #FCEBD6;--c-hint: #6C7BEE;--c-hint-soft: #E6E9FF;--c-bg: #F7F6FC;--c-surface: #FFFFFF;--c-surface-2: #F2F1FA;--c-ink: #2A2740;--c-ink-soft: #6B6880;--c-line: #E6E4F0;--c-white: #FFFFFF;--font-ui: "Rubik", "Assistant", -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-read: "Alef", "Rubik", "Assistant", Arial, sans-serif;--fs-caption: .9rem;--fs-body: 1.1rem;--fs-lg: 1.35rem;--fs-xl: 1.75rem;--fs-2xl: 2.4rem;--fs-display: 3.4rem;--fs-huge: 5rem;--lh-tight: 1.15;--lh-normal: 1.5;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--r-xl: 32px;--r-pill: 999px;--sh-1: 0 2px 8px rgba(42, 39, 64, .06);--sh-2: 0 6px 20px rgba(42, 39, 64, .1);--sh-3: 0 14px 40px rgba(42, 39, 64, .16);--sh-primary: 0 8px 20px rgba(91, 75, 224, .3);--touch: 56px;--ease: cubic-bezier(.22, 1, .36, 1);--dur-fast: .14s;--dur: .24s;--dur-slow: .42s}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-ui);font-size:var(--fs-body);line-height:var(--lh-normal);color:var(--c-ink);background:var(--c-bg);direction:rtl;text-align:right;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}:focus-visible{outline:3px solid var(--c-primary);outline-offset:3px;border-radius:6px}img{max-width:100%;display:block}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100%;max-width:780px;margin-inline:auto;padding:env(safe-area-inset-top) var(--sp-4) calc(var(--sp-6) + env(safe-area-inset-bottom));position:relative}@keyframes pop-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slide-up{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shake-soft{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--touch);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-pill);font-weight:700;font-size:var(--fs-lg);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur);-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.96)}.btn--primary{background:var(--c-primary);color:#fff;box-shadow:var(--sh-primary)}.btn--primary:hover{background:var(--c-primary-600)}.btn--accent{background:var(--c-accent);color:#4a2f00;box-shadow:0 8px 18px #ffb02059}.btn--ghost{background:var(--c-surface);color:var(--c-ink);box-shadow:var(--sh-1)}.btn--block{width:100%}.btn:disabled{opacity:.5;pointer-events:none}.btn--parent{min-height:44px;font-size:var(--fs-body);font-weight:600;border-radius:var(--r-md);padding:var(--sp-2) var(--sp-4)}.speak-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--touch);height:var(--touch);min-width:var(--touch);border-radius:var(--r-pill);background:var(--c-primary-100);color:var(--c-primary);font-size:1.5rem;box-shadow:var(--sh-1);transition:transform var(--dur-fast) var(--ease),background var(--dur)}.speak-btn:active{transform:scale(.9)}.speak-btn[data-speaking=true]{background:var(--c-accent-soft);animation:gentle-bounce 1s var(--ease) infinite}.companion{display:flex;align-items:flex-start;gap:var(--sp-3);background:var(--c-surface);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--sh-2);animation:slide-up var(--dur) var(--ease)}.companion__avatar{flex-shrink:0;width:56px;height:56px;display:grid;place-items:center;font-size:2rem;border-radius:var(--r-pill);background:radial-gradient(circle at 50% 40%,#fff6d6,var(--c-accent-soft));box-shadow:0 0 0 4px #ffb0202e;animation:gentle-bounce 2.4s var(--ease) infinite}.companion__bubble{flex:1}.companion__name{font-size:var(--fs-caption);color:var(--c-primary);font-weight:700}.companion__text{font-size:var(--fs-lg);line-height:var(--lh-normal);margin-top:2px}.companion__row{display:flex;align-items:center;gap:var(--sp-2)}.choice-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-3)}.choice-grid--multi{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);min-height:84px;padding:var(--sp-4);border-radius:var(--r-lg);background:var(--c-surface);box-shadow:var(--sh-1);border:3px solid transparent;transition:transform var(--dur-fast) var(--ease),border-color var(--dur),background var(--dur)}.choice:active{transform:scale(.97)}.choice__emoji{font-size:2.4rem;line-height:1}.choice__label{font-family:var(--font-read);font-size:var(--fs-xl);font-weight:700}.choice[data-state=correct]{border-color:var(--c-correct);background:var(--c-correct-soft);animation:pop-in var(--dur) var(--ease)}.choice[data-state=almost]{border-color:var(--c-almost);background:var(--c-almost-soft);animation:shake-soft var(--dur) var(--ease)}.choice[data-state=disabled]{opacity:.55;pointer-events:none}.focus-text{font-family:var(--font-read);font-weight:700;text-align:center;color:var(--c-ink);line-height:var(--lh-tight);padding:var(--sp-4) var(--sp-2);direction:rtl}.focus-text--word{font-size:var(--fs-display)}.focus-text--syllable{font-size:var(--fs-huge)}.focus-text--emoji{font-size:4rem}.focus-text .hl{color:var(--c-hebrew)}.dots{display:inline-flex;gap:5px}.dots i{width:12px;height:12px;border-radius:50%;background:var(--c-line);display:inline-block}.dots i[data-on=true]{background:var(--c-primary)}.card{background:var(--c-surface);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--sh-1)}.lesson-progress{display:flex;gap:6px;margin-bottom:var(--sp-4)}.lesson-progress i{flex:1;height:8px;border-radius:var(--r-pill);background:var(--c-line);transition:background var(--dur)}.lesson-progress i[data-done=true]{background:var(--c-correct)}.lesson-progress i[data-current=true]{background:var(--c-primary)}.screen-head{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-4) 0 var(--sp-5)}.screen-head h1{font-size:var(--fs-xl)}.back-btn{width:44px;height:44px;border-radius:var(--r-pill);background:var(--c-surface);box-shadow:var(--sh-1);display:grid;place-items:center;font-size:1.3rem}