:root{color-scheme:dark;--bg: #07111f;--bg-soft: #0d1a30;--panel: rgba(12, 23, 43, .82);--panel-strong: rgba(10, 18, 34, .94);--text: #f5f8ff;--muted: #a6b4d1;--border: rgba(175, 205, 255, .16);--glow: rgba(94, 168, 255, .28);--brand: #7dc8ff;--brand-strong: #42a8ff;--subject-math: #78f2c6;--subject-hebrew: #ffca7a;--danger: #ff8888;--success: #8cffbc;--warning: #ffd36e;--shadow: 0 24px 80px rgba(0, 0, 0, .28);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;font-family:Heebo,sans-serif}:root[data-theme=day]{color-scheme:light;--bg: #eff6ff;--bg-soft: #dae9ff;--panel: rgba(255, 255, 255, .86);--panel-strong: rgba(255, 255, 255, .96);--text: #18253d;--muted: #58708f;--border: rgba(63, 95, 145, .12);--glow: rgba(92, 154, 255, .18);--brand: #286dcb;--brand-strong: #1751a1;--subject-math: #159c73;--subject-hebrew: #d78b14;--danger: #cc5f5f;--success: #0b8b4a;--warning: #b97d00;--shadow: 0 24px 80px rgba(63, 95, 145, .16)}*{box-sizing:border-box}html,body,#root{min-height:100%;overflow-x:hidden}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,rgba(120,194,255,.22),transparent 28%),radial-gradient(circle at top right,rgba(255,187,82,.16),transparent 22%),radial-gradient(circle at 50% 120%,rgba(92,222,191,.12),transparent 28%),linear-gradient(180deg,var(--bg) 0%,#050c19 100%)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.16) 0 1px,transparent 1px),radial-gradient(circle at 75% 10%,rgba(255,255,255,.14) 0 1px,transparent 1px),radial-gradient(circle at 60% 65%,rgba(255,255,255,.08) 0 1px,transparent 1px);background-size:180px 180px,220px 220px,260px 260px;opacity:.9}a,button,input{font:inherit}button{cursor:pointer;min-height:44px}input{width:100%;min-height:44px;border:1px solid var(--border);border-radius:16px;background:#ffffff0d;color:var(--text);padding:14px 16px}main{display:grid;gap:24px}.app-shell{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:20px}.topbar,.panel,.hero-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);box-shadow:var(--shadow)}.panel,.hero-card{background:var(--panel);border-radius:var(--radius-xl)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;margin-bottom:24px;background:linear-gradient(135deg,rgba(125,200,255,.08),transparent 34%),linear-gradient(225deg,rgba(255,196,115,.08),transparent 30%),var(--panel-strong);border-radius:26px}.brand{display:inline-flex;align-items:center;gap:14px;color:inherit;background:transparent;border:0;text-align:right}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#c9edff,#73c4ff 36%,#3465d7);color:#082142;font-weight:800;box-shadow:inset 0 2px 8px #ffffff59,0 8px 20px #4d9cff59}.hero-kicker-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.mission-pill,.inline-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 14px;border-radius:999px;border:1px solid rgba(160,216,255,.22);background:#ffffff0f;color:var(--text);font-weight:700}.brand strong,.hero-card h1,.panel h1,.panel h2{font-family:Secular One,sans-serif;letter-spacing:.01em;margin:0}.brand small{display:block;color:var(--muted);font-size:.78rem;letter-spacing:.05em}.topbar-actions,.subject-actions,.action-stack,.builder-actions,.profile-list,.feedback-row,.subject-heading,.practice-topbar,.subject-grid,.parent-grid,.skill-stats,.panel-heading,.skill-card-top,.sidebar-meta,.progress-block,.hero-points,.games-strip{display:flex;gap:12px}.topbar-actions,.practice-topbar,.skill-card-top,.panel-heading,.sidebar-meta,.progress-block{align-items:center;justify-content:space-between}.topbar-actions,.subject-actions,.action-stack,.builder-actions,.profile-list,.subject-grid,.parent-grid,.hero-points,.games-strip{flex-wrap:wrap}.topbar-actions{justify-content:flex-end}.hero-card,.practice-layout,.home-layout,.subject-layout,.parent-layout,.onboarding-layout{display:grid;gap:24px}.onboarding-layout{max-width:1280px;margin:0 auto;padding:20px}.hero-card{grid-template-columns:1.4fr 1fr;align-items:stretch;padding:28px}.dashboard-hero{background:radial-gradient(circle at 18% 18%,rgba(96,173,255,.18),transparent 24%),linear-gradient(140deg,rgba(96,173,255,.18),transparent 45%),linear-gradient(180deg,rgba(255,201,113,.12),transparent 55%),var(--panel)}.onboarding-hero{background:radial-gradient(circle at 15% 18%,rgba(125,200,255,.16),transparent 24%),radial-gradient(circle at 80% 22%,rgba(255,202,122,.12),transparent 18%),var(--panel)}.hero-copy,.sidebar-copy{display:grid;gap:16px}.hero-copy p,.panel p,.panel small,.support-copy,.visual-caption,.clean-list,.subject-meta,.subject-footnote,.sidebar-label{margin:0;color:var(--muted)}.eyebrow{margin:0;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brand)}.hero-points,.clean-list{padding:0;list-style:none}.hero-points li,.clean-list li{padding:10px 14px;border-radius:999px;background:#ffffff0f}.command-points li{background:linear-gradient(135deg,#ffffff14,#7dc8ff0f)}.primary-button,.ghost-button,.option-card,.profile-chip,.token-pill,.difficulty-card,.mini-segmented button{border:1px solid var(--border);border-radius:18px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.primary-button,.ghost-button{padding:13px 18px}.primary-button{background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#07111f;font-weight:800;border:0}.ghost-button,.option-card,.profile-chip,.difficulty-card,.token-pill,.mini-segmented button{background:#ffffff0a;color:var(--text)}.primary-button:hover,.ghost-button:hover,.option-card:hover,.profile-chip:hover,.difficulty-card:hover,.token-pill:hover,.mini-segmented button:hover{transform:translateY(-1px);border-color:#8cc9ff73}.form-panel,.practice-panel,.practice-sidebar,.subject-card,.skill-card,.parent-grid>.panel,.subject-banner,.hero-card{padding:24px}.onboarding-existing{padding:20px;display:grid;gap:14px}.field,.choice-group{display:grid;gap:8px}.segmented,.mini-segmented{display:inline-flex;gap:8px;padding:6px;border-radius:999px;background:#ffffff0a}.segmented button,.mini-segmented button{border:0;padding:10px 16px;border-radius:999px}.segmented button.active,.mini-segmented button.active,.option-card.selected,.difficulty-card.active,.token-pill.active,.profile-chip.active{background:linear-gradient(135deg,#78c2ff47,#ffc47338);border-color:transparent}.difficulty-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.difficulty-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.difficulty-card{display:grid;gap:8px;text-align:right;padding:14px}.difficulty-grid.compact .difficulty-card span{display:none}.subject-grid,.parent-grid,.skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.onboarding-existing .profile-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subject-card,.skill-card,.parent-grid>.panel{display:grid;gap:16px}.subject-card{background:radial-gradient(circle at top left,color-mix(in srgb,var(--subject-accent, #7dc8ff) 28%,transparent),transparent 42%),var(--panel)}.subject-card h2{line-height:1.3}.skill-card{background:var(--skill-surface, linear-gradient(145deg, rgba(120, 194, 255, .18), rgba(255, 196, 115, .08))),var(--panel);border-color:color-mix(in srgb,var(--skill-accent, #7dc8ff) 38%,var(--border))}.subject-footnote{font-size:.92rem}.subject-skill-preview{display:flex;gap:8px;flex-wrap:wrap}.subject-meter{display:grid;gap:10px}.subject-heading{align-items:center}.subject-icon,.visual-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:22px;background:linear-gradient(135deg,#78c2ff33,#ffc4732e);font-size:1.8rem}.progress-block{padding:16px 18px;border-radius:20px;background:#ffffff0d}.mission-box{display:grid;gap:12px;align-content:start;padding:22px;border-radius:24px;background:linear-gradient(180deg,#ffffff14,#ffffff05)}.command-panel{gap:18px}.pilot-row,.xp-panel-head,.subject-meter-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.pilot-avatar{display:grid;place-items:center;width:78px;height:78px;border-radius:28px;font-size:2.15rem;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.5),transparent 20%),linear-gradient(145deg,#7dc8ff52,#ffc4733d);box-shadow:inset 0 2px 12px #ffffff42,0 12px 28px #0c22464d}.xp-panel,.mission-focus{display:grid;gap:10px}.xp-track,.subject-meter-track{position:relative;width:100%;height:14px;overflow:hidden;border-radius:999px;background:#ffffff14}.xp-fill,.subject-meter-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#7dc8ff,#5df2c2 52%,#ffca7a);box-shadow:0 0 18px #7dc8ff4d}.stats-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-tile{display:grid;gap:6px;align-content:start;min-height:132px;padding:20px;background:radial-gradient(circle at top left,rgba(125,200,255,.14),transparent 28%),#ffffff0a}.stat-tile strong{font-family:Secular One,sans-serif;font-size:clamp(1.8rem,3vw,2.4rem)}.stat-icon{font-size:1.4rem}.mission-rail{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;background:linear-gradient(135deg,rgba(93,214,194,.12),transparent 38%),linear-gradient(225deg,rgba(255,202,122,.12),transparent 34%),var(--panel)}.launch-scene,.hero-mini-grid{display:grid;gap:12px}.launch-scene{grid-template-columns:repeat(4,minmax(0,72px))}.launch-badge,.mini-orbit-card{border:1px solid var(--border);border-radius:22px;background:#ffffff0d}.launch-badge{display:grid;place-items:center;min-height:72px;font-size:1.9rem}.hero-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-orbit-card{display:grid;gap:8px;padding:16px}.practice-layout{grid-template-columns:320px minmax(0,1fr)}.practice-sidebar{align-content:start}.sidebar-meta{display:grid;gap:12px}.sidebar-meta>div{padding:14px 16px;border-radius:18px;background:#ffffff0a}.games-strip{display:grid;gap:10px}.skill-chip-grid{display:grid;gap:8px}.skill-chip{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);border-radius:14px;background:#ffffff0a;color:var(--text);padding:10px 12px}.skill-chip small{color:var(--muted);font-size:.8rem}.skill-chip.active{border-color:#78c2ff94;background:#78c2ff1f}.skill-chip.locked{opacity:.5}.practice-panel{display:grid;gap:18px;background:radial-gradient(circle at top left,color-mix(in srgb,var(--skill-accent, #7dc8ff) 28%,transparent),transparent 24%),radial-gradient(circle at top right,rgba(255,194,115,.12),transparent 18%),var(--skill-surface, linear-gradient(145deg, rgba(120, 194, 255, .12), rgba(255, 196, 115, .08))),var(--panel);border-color:color-mix(in srgb,var(--skill-accent, #7dc8ff) 34%,var(--border))}.practice-topbar{align-items:start}.practice-topbar h1{font-size:clamp(1.65rem,3.4vw,2.3rem);line-height:1.3}.action-stack{justify-content:flex-start}.visual{padding:18px;border-radius:22px;background:#ffffff0d;overflow:hidden}.visual-scene,.visual-word{display:flex;align-items:center;gap:16px}.visual-copy{display:grid;gap:8px}.visual-icon-large{width:78px;height:78px;font-size:2.2rem;border-radius:24px}.visual-stickers{display:flex;gap:8px;font-size:1.1rem}.visual-word-tags{display:flex;gap:8px;flex-wrap:wrap}.token-cloud{display:flex;gap:12px;flex-wrap:wrap}.token-visual .token-pill{background:#ffffff14}.token-pill{padding:12px 16px;font-weight:700;letter-spacing:.01em}.token-pill.ghost,.token-pill.used{opacity:.55}.token-cloud.interactive .token-pill{min-width:84px}.builder-layout,.builder-target{display:grid;gap:16px}.builder-target{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;direction:rtl;min-height:90px;align-content:flex-start;padding:16px;border-radius:22px;border:1px dashed var(--border);background:linear-gradient(140deg,#78c2ff1a,#ffc47314)}.builder-target .token-pill{display:inline-flex;align-items:center;justify-content:center}.builder-placeholder{color:var(--muted)}.options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.option-card{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:72px;padding:18px;font-size:1.08rem;font-weight:700;background:linear-gradient(140deg,#ffffff14,#ffffff08)}.option-decor{font-size:1.16rem;line-height:1}.option-card.numeric-option{direction:ltr;unicode-bidi:isolate}.numeric-label,.math-formula{direction:ltr;unicode-bidi:isolate;display:inline-block}.option-card.correct{background:#8cffbc24;border-color:#8cffbc6b}.option-card.selected{border-color:#78c2ff94}.hint-box,.feedback,.audio-badge{padding:14px 16px;border-radius:18px}.hint-box{background:#ffd36e1f;color:var(--warning)}.feedback.success{background:#8cffbc1f;color:var(--success);animation:glow-in .18s ease-out}.feedback.warning{background:#ffd36e1f;color:var(--warning);animation:pulse-warning .22s ease-out}.feedback.danger{background:#ff88881f;color:var(--danger);animation:shake-soft .22s ease-out}.audio-badge{background:#78c2ff1f;color:var(--brand)}.practice-footer{display:flex;justify-content:flex-end;padding-top:12px}.number-line-track{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;max-width:100%;direction:ltr;padding-bottom:6px;scrollbar-width:thin}.number-line-legend{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.86rem}.number-line-point{flex:0 0 auto;min-width:42px;height:52px;display:grid;place-items:center;border-radius:16px;background:#ffffff0d;border:1px solid transparent}.point-icon{font-size:.66rem;opacity:.86}.number-line-point.start{border-color:#78c2ff6b}.number-line-point.target{background:#78f2c629;border-color:#78f2c66b}.balance-visual{display:grid;justify-items:center;gap:10px;overflow:hidden}.balance-beam{width:100%;max-width:380px;display:flex;justify-content:space-between;align-items:flex-start;transform-origin:center center;transition:transform .2s ease;direction:ltr}.balance-pan{width:110px;min-height:90px;border:2px solid rgba(192,201,216,.46);border-top:0;border-radius:0 0 24px 24px;display:grid;place-items:center;background:#ffffff0a;font-size:2rem;font-weight:800;direction:ltr}.pan-side{font-size:.72rem;color:var(--muted);margin-top:6px}.pan-weights{font-size:.72rem;letter-spacing:.06em;opacity:.78}.balance-base{width:160px;height:10px;border-radius:999px;background:#c0c9d875;position:relative}.balance-base:before{content:"";position:absolute;right:50%;bottom:10px;width:10px;height:80px;transform:translate(50%);border-radius:999px;background:#c0c9d875}.ten-frame{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.ten-frame span{aspect-ratio:1;border-radius:14px;background:#ffffff0f;border:1px solid var(--border)}.ten-frame span.filled{background:linear-gradient(135deg,var(--subject-math),rgba(120,194,255,.45))}.mastery-badge{padding:8px 12px;border-radius:999px;font-size:.9rem}.mastery-new{background:#ffffff14}.mastery-practicing{background:#78c2ff24}.mastery-almost-there{background:#ffd36e24}.mastery-mastered{background:#8cffbc24}.skill-card.locked{opacity:.55}.empty-state{padding:40px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;background:#0208128c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.new-child-modal{width:min(760px,100%);max-height:min(88vh,840px);display:grid;gap:16px;overflow:auto}.modal-header{display:flex;align-items:start;justify-content:space-between;gap:12px}.modal-tabs{width:fit-content}.modal-section{display:grid;gap:14px}.modal-actions{display:flex;justify-content:flex-start;gap:10px}.modal-profile-list .profile-chip{text-align:right;width:100%;justify-content:space-between;display:flex;align-items:center;gap:8px}.create-child-form input{text-align:right}.parent-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.parent-dashboard-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.parent-dashboard-grid>.panel{display:grid;gap:14px}.parent-metrics-card,.parent-plan-card{grid-column:span 3}.metric-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.08)}.metric-row:last-of-type{border-bottom:0}.timeline-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:end;min-height:120px}.timeline-day{display:grid;gap:6px;justify-items:center}.timeline-label{font-size:.78rem;color:var(--muted)}.timeline-bar-wrap{width:100%;min-height:78px;display:flex;align-items:flex-end;justify-content:center}.timeline-bar{width:min(22px,100%);border-radius:12px;background:linear-gradient(180deg,#78f2c6e6,#78c2ffa6)}.parent-list li{display:flex;align-items:center;justify-content:space-between;gap:10px}.daily-plan-list{display:grid;gap:10px}.daily-plan-item{width:100%;text-align:right;display:grid;gap:6px;padding:14px 16px;border:1px solid var(--border);border-radius:16px;background:#ffffff0d;color:var(--text)}.daily-plan-item:hover{border-color:#78c2ff85;transform:translateY(-1px)}.parent-alerts{display:grid;gap:8px}.alert-pill{margin:0;padding:10px 12px;border-radius:14px;background:#ffd36e24;color:var(--warning)}.skill-tone{margin:0;font-weight:600}@keyframes glow-in{0%{transform:scale(.98);opacity:.6}to{transform:scale(1);opacity:1}}@keyframes pulse-warning{0%{transform:scale(.98)}to{transform:scale(1)}}@keyframes shake-soft{0%{transform:translate(0)}25%{transform:translate(3px)}50%{transform:translate(-3px)}75%{transform:translate(2px)}to{transform:translate(0)}}@media (max-width: 1200px){.practice-layout{grid-template-columns:1fr}.skill-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1024px){.hero-card,.subject-grid,.stats-strip,.parent-grid,.skill-grid{grid-template-columns:1fr}.topbar{border-radius:28px;align-items:flex-start}.topbar,.topbar-actions,.practice-topbar{flex-direction:column;align-items:stretch}.topbar-actions{width:100%;justify-content:flex-start}.mini-segmented{align-self:flex-start}.parent-dashboard-grid{grid-template-columns:1fr 1fr}.mission-rail{flex-direction:column;align-items:stretch}.parent-metrics-card,.parent-plan-card{grid-column:span 2}}@media (max-width: 720px){.app-shell,.onboarding-layout{padding:12px}.difficulty-grid,.options-grid,.hero-mini-grid,.stats-strip,.skill-chip-grid{grid-template-columns:1fr}.subject-actions{flex-direction:column}.hero-kicker-row,.pilot-row,.xp-panel-head,.subject-meter-head{align-items:flex-start;flex-direction:column}.launch-scene{grid-template-columns:repeat(2,minmax(0,1fr))}.subject-actions .primary-button,.subject-actions .ghost-button{width:100%}.hero-card,.practice-sidebar,.practice-panel,.subject-card,.skill-card,.parent-grid>.panel,.subject-banner,.form-panel{padding:18px}.brand strong,.hero-card h1,.panel h1,.panel h2{font-size:1.38rem}.topbar .ghost-button,.topbar .primary-button{width:100%}.mini-segmented{width:100%;justify-content:space-between}.mini-segmented button{flex:1 1 0}.practice-topbar h1{font-size:1.52rem}.number-line-point{min-width:36px;height:44px;border-radius:12px}.modal-overlay{padding:0;align-items:end}.new-child-modal{width:100%;max-height:90vh;border-radius:24px 24px 0 0;padding-bottom:max(18px,env(safe-area-inset-bottom))}.modal-header{position:sticky;top:0;z-index:2;padding-top:4px;background:var(--panel)}.parent-header{flex-direction:column;align-items:stretch}.parent-dashboard-grid{grid-template-columns:1fr}.parent-metrics-card,.parent-plan-card{grid-column:span 1}.timeline-grid{grid-template-columns:repeat(7,minmax(30px,1fr));overflow-x:auto;padding-bottom:6px}.daily-plan-item{min-height:44px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition-duration:0s!important;scroll-behavior:auto!important}}
