:root{--bg: #f0f4f8;--bg2: #e8edf2;--card: #ffffff;--card-hover: #f8fafc;--border: #dde3ea;--text: #1a2a3a;--text-dim: #6b7b8d;--accent: #6C63FF;--accent2: #5a52e0;--green: #10b981;--red: #ef4444;--blue: #3b82f6;--purple: #8b5cf6;--orange: #f59e0b;--pink: #ec4899;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}.app{min-height:100vh;display:flex;flex-direction:column;overflow-y:auto}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #6c63ff40}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6c63ff59}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--card);color:var(--text);border:2px solid var(--border);padding:.75rem 1.5rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-icon{background:var(--card);color:var(--text);border:2px solid var(--border);width:2.5rem;height:2.5rem;border-radius:.6rem;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{border-color:var(--accent);color:var(--accent)}.screen{min-height:100vh;padding:1.25rem;max-width:700px;margin:0 auto;width:100%}.screen-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--border)}.screen-header h2{flex:1;font-size:1.25rem}.home-screen{background:linear-gradient(180deg,#6C63FF 0%,#8b7cf7 30%,var(--bg) 50%);padding-top:2.5rem}.home-hero{text-align:center;margin-bottom:1.5rem}.home-logo{font-size:3.5rem;margin-bottom:.25rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.home-title{font-size:2.5rem;font-weight:800;color:#fff;letter-spacing:-.02em}.home-subtitle{color:#ffffffd9;font-size:1.1rem;font-weight:500}.home-greeting{background:var(--card);border-radius:1rem;padding:1.25rem;box-shadow:0 4px 16px #00000014;margin-bottom:1.5rem}.greeting-text{font-size:1.1rem;font-weight:600;display:block;margin-bottom:1rem}.home-stats-row{display:flex;gap:1rem}.home-stat{flex:1;text-align:center;background:var(--bg);padding:.75rem .5rem;border-radius:.75rem}.home-stat-icon{display:block;font-size:1.5rem;margin-bottom:.15rem}.home-stat-val{display:block;font-size:1.3rem;font-weight:800}.home-stat-label{display:block;font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.home-actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.home-card{background:var(--card);border:2px solid var(--border);border-radius:1rem;padding:1.1rem 1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .2s;text-align:left;font:inherit;color:var(--text);width:100%}.home-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.home-card-primary{border-color:var(--accent)}.home-card-primary .home-card-icon{background:linear-gradient(135deg,var(--accent),var(--accent2))}.home-card-daily{border-color:var(--orange)}.home-card-daily .home-card-icon{background:linear-gradient(135deg,var(--orange),#d97706)}.home-card-stories{border-color:var(--pink)}.home-card-stories .home-card-icon{background:linear-gradient(135deg,var(--pink),#db2777)}.home-card-icon{font-size:1.5rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:.75rem;flex-shrink:0;background:var(--bg2)}.home-card-primary .home-card-icon,.home-card-daily .home-card-icon,.home-card-stories .home-card-icon{color:#fff}.home-card-text{flex:1}.home-card-title{font-weight:700;font-size:1.05rem}.home-card-desc{font-size:.85rem;color:var(--text-dim);margin-top:.1rem}.home-card-arrow{font-size:1.2rem;color:var(--text-dim)}.home-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.home-card-small{background:var(--card);border:2px solid var(--border);border-radius:1rem;padding:1.1rem;text-align:center;cursor:pointer;transition:all .2s;font:inherit;color:var(--text)}.home-card-small:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.home-card-small .home-card-icon{font-size:2rem;margin-bottom:.25rem}.home-card-small .home-card-title{font-weight:700;font-size:.95rem}.home-tips{margin-bottom:2rem}.tip-card{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:2px solid #bfdbfe;border-radius:.75rem;padding:.85rem 1rem;display:flex;gap:.6rem;align-items:flex-start;font-size:.9rem;color:#1e40af}.tip-icon{font-size:1.2rem;flex-shrink:0}.subject-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.subject-card{background:var(--card);border:2px solid var(--border);border-radius:1rem;padding:1.25rem 1rem;text-align:center;cursor:pointer;transition:all .2s;font:inherit;color:var(--text);position:relative;overflow:hidden}.subject-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--subject-color, var(--accent))}.subject-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.subject-emoji{font-size:2.5rem;margin-bottom:.4rem}.subject-name{font-weight:700;font-size:1.05rem;margin-bottom:.2rem}.subject-desc{font-size:.78rem;color:var(--text-dim);line-height:1.3;margin-bottom:.6rem}.subject-progress-row{display:flex;justify-content:center;gap:.75rem;font-size:.8rem;color:var(--text-dim)}.subj-stat{display:flex;align-items:center;gap:.2rem}.age-intro{color:var(--text-dim);margin-bottom:1.25rem;font-size:.95rem}.age-grid{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.age-card{background:var(--card);border:3px solid var(--border);border-radius:1rem;padding:1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .2s;font:inherit;color:var(--text);width:100%;text-align:left}.age-card:hover{border-color:var(--accent)}.age-selected{border-color:var(--age-color, var(--accent))!important;background:#6c63ff0a}.age-emoji{font-size:2.5rem}.age-name{font-weight:700;font-size:1.1rem}.age-ages{font-size:.85rem;color:var(--text-dim)}.age-badge{background:var(--bg2);padding:.3rem .6rem;border-radius:.4rem;font-size:.8rem;color:var(--text-dim);font-weight:600}.btn-continue{width:100%}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-card{background:var(--card);border:2px solid var(--border);border-radius:1rem;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .2s;font:inherit;color:var(--text);width:100%;text-align:left}.activity-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.activity-icon{font-size:2rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:var(--bg);border-radius:.75rem;flex-shrink:0}.activity-info{flex:1}.activity-title{font-weight:700;font-size:1rem}.activity-desc{font-size:.82rem;color:var(--text-dim);margin-top:.1rem}.activity-reward{text-align:center}.reward-stars{font-size:.85rem;font-weight:600;color:var(--orange)}.activity-arrow{font-size:1.2rem;color:var(--text-dim)}.playing-screen{min-height:100vh;background:var(--bg);padding:1rem;max-width:600px;margin:0 auto;width:100%;position:relative}.btn-back-activity{background:var(--card);color:var(--text);border:2px solid var(--border);padding:.4rem .8rem;border-radius:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;margin-bottom:1rem;display:inline-block;transition:all .2s}.btn-back-activity:hover{border-color:var(--accent);color:var(--accent)}.activity-progress{margin-bottom:1.5rem}.progress-bar-track{height:8px;background:var(--border);border-radius:4px;overflow:hidden;margin-bottom:.3rem}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--purple));border-radius:4px;transition:width .3s ease}.progress-text{font-size:.8rem;color:var(--text-dim)}.score-display{text-align:center;margin-top:1.5rem;font-weight:700;font-size:1.1rem;color:var(--accent)}.quiz-card{background:var(--card);border:2px solid var(--border);border-radius:1rem;padding:2rem 1.5rem;text-align:center}.quiz-emoji{font-size:3rem;margin-bottom:.75rem}.quiz-question{font-size:1.2rem;font-weight:700;margin-bottom:1.5rem;line-height:1.4}.quiz-options{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem}.quiz-option{background:var(--bg);border:2px solid var(--border);border-radius:.75rem;padding:.85rem 1rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s;font:inherit;font-size:1rem;text-align:left;width:100%;color:var(--text)}.quiz-option:hover:not(:disabled){border-color:var(--accent);background:#6c63ff0a}.option-letter{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--card);border:2px solid var(--border);border-radius:50%;font-weight:700;font-size:.85rem;flex-shrink:0}.option-correct{border-color:var(--green)!important;background:#f0fdf4!important}.option-correct .option-letter{background:var(--green);border-color:var(--green);color:#fff}.option-wrong{border-color:var(--red)!important;background:#fef2f2!important}.option-wrong .option-letter{background:var(--red);border-color:var(--red);color:#fff}.explanation{border-radius:.75rem;padding:1rem;margin-bottom:1rem;text-align:left;display:flex;gap:.75rem;align-items:flex-start}.exp-correct{background:#f0fdf4;border:2px solid #86efac;color:#166534}.exp-wrong{background:#fef2f2;border:2px solid #fca5a5;color:#991b1b}.exp-icon{font-size:1.5rem;flex-shrink:0}.explanation p{font-size:.95rem}.btn-next{width:100%}.scramble-card{background:var(--card);border:2px solid var(--border);border-radius:1rem;padding:2rem 1.5rem;text-align:center}.scramble-emoji{font-size:3rem;margin-bottom:.25rem}.scramble-category{font-size:.8rem;color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.scramble-hint{color:var(--text-dim);font-size:.95rem;margin-bottom:1.5rem}.scramble-guess{display:flex;justify-content:center;gap:.4rem;margin-bottom:1.5rem;flex-wrap:wrap;min-height:3rem}.scramble-letters{display:flex;justify-content:center;gap:.4rem;margin-bottom:1.5rem;flex-wrap:wrap}.scramble-tile{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;font-weight:700;font-size:1.1rem;text-transform:uppercase;border:2px solid var(--border);cursor:pointer;transition:all .2s}.tile-placed{background:var(--accent);color:#fff;border-color:var(--accent)}.tile-placed:hover{background:var(--accent2)}.tile-empty{background:var(--bg);border-style:dashed;cursor:default}.tile-available{background:var(--card);color:var(--text)}.tile-available:hover{border-color:var(--accent);transform:translateY(-2px)}.memory-header{display:flex;justify-content:center;gap:2rem;margin-bottom:1.25rem;font-weight:700;font-size:1rem}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;max-width:400px;margin:0 auto}.memory-card{aspect-ratio:1;border-radius:.75rem;border:2px solid var(--border);cursor:pointer;transition:all .3s;perspective:600px;background:var(--card);font-size:1.5rem;display:flex;align-items:center;justify-content:center;position:relative}.memory-front,.memory-back{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:.6rem;backface-visibility:hidden;transition:transform .3s;padding:.25rem;font-size:1.2rem}.memory-front{background:linear-gradient(135deg,var(--accent),var(--purple));color:#fff;font-size:1.5rem}.memory-back{background:var(--card);transform:rotateY(180deg);font-size:1rem;word-break:break-word}.memory-flipped .memory-front{transform:rotateY(180deg)}.memory-flipped .memory-back{transform:rotateY(0)}.memory-matched{border-color:var(--green)!important;background:#f0fdf4}.memory-matched .memory-back{background:#f0fdf4}.spelling-card{background:var(--card);border:2px solid var(--border);border-radius:1rem;padding:2rem 1.5rem;text-align:center}.spelling-emoji{font-size:3rem;margin-bottom:.75rem}.spelling-sentence{font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;line-height:1.5}.spelling-input-group{display:flex;gap:.75rem;margin-bottom:1rem}.spelling-input{flex:1;padding:.85rem 1rem;border:2px solid var(--border);border-radius:.75rem;font-size:1.1rem;font-weight:600;text-align:center;background:var(--bg);color:var(--text);outline:none;transition:border-color .2s}.spelling-input:focus{border-color:var(--accent)}.matching-header{text-align:center;margin-bottom:1.25rem;font-weight:700;font-size:1rem}.matching-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.matching-col{display:flex;flex-direction:column;gap:.5rem}.matching-col-title{font-size:.8rem;font-weight:600;text-transform:uppercase;color:var(--text-dim);letter-spacing:.05em;text-align:center;margin-bottom:.25rem}.matching-item{background:var(--card);border:2px solid var(--border);border-radius:.75rem;padding:.7rem .85rem;cursor:pointer;transition:all .2s;font:inherit;font-size:.9rem;text-align:center;color:var(--text);width:100%}.matching-item:hover:not(:disabled){border-color:var(--accent)}.matching-selected{border-color:var(--accent)!important;background:#6c63ff14!important}.matching-done{border-color:var(--green)!important;background:#f0fdf4!important;opacity:.7}.matching-wrong{border-color:var(--red)!important;background:#fef2f2!important}.results-screen-edu{display:flex;align-items:center;justify-content:center}.results-card-edu{background:var(--card);border:2px solid var(--border);border-radius:1.25rem;padding:2rem 1.5rem;text-align:center;width:100%;max-width:400px;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.results-emoji-big{font-size:3.5rem;margin-bottom:.5rem}.results-heading{font-size:1.4rem;margin-bottom:1.5rem}.results-score-circle{position:relative;width:140px;height:140px;margin:0 auto 1.25rem}.score-ring{width:100%;height:100%;transform:rotate(-90deg)}.score-ring-bg{fill:none;stroke:var(--border);stroke-width:8}.score-ring-fill{fill:none;stroke:var(--accent);stroke-width:8;stroke-linecap:round;transition:stroke-dasharray 1s ease}.score-ring-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-pct{font-size:2rem;font-weight:800}.score-detail{font-size:.85rem;color:var(--text-dim)}.results-stars-row{margin-bottom:.5rem}.result-star-edu{font-size:2.5rem;margin:0 .15rem}.star-earned{filter:none}.star-empty{filter:grayscale(1);opacity:.25}.results-stars-info{font-weight:600;color:var(--orange);margin-bottom:1.5rem}.results-actions-edu{display:flex;gap:.75rem}.results-actions-edu .btn-primary,.results-actions-edu .btn-secondary{flex:1}.progress-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:2rem}.progress-big-stat{background:var(--card);border:2px solid var(--border);border-radius:1rem;padding:1rem .5rem;text-align:center}.pbs-icon{display:block;font-size:1.5rem;margin-bottom:.15rem}.pbs-val{display:block;font-size:1.4rem;font-weight:800}.pbs-label{display:block;font-size:.7rem;color:var(--text-dim);text-transform:uppercase}.section-title{font-size:1.1rem;font-weight:700;margin-bottom:1rem}.subject-progress-list{display:flex;flex-direction:column;gap:.6rem}.subj-progress-row{background:var(--card);border:2px solid var(--border);border-radius:.75rem;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem}.sp-emoji{font-size:1.5rem;flex-shrink:0}.sp-name{font-weight:600;font-size:.9rem;min-width:80px}.sp-bar-track{flex:1;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.sp-bar-fill{height:100%;background:var(--sp-color, var(--accent));border-radius:4px;transition:width .4s ease}.sp-stars,.sp-count{font-size:.8rem;color:var(--text-dim);min-width:40px}.stories-intro{color:var(--text-dim);margin-bottom:1.25rem;font-size:.95rem}.stories-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.story-card{background:var(--card);border:2px solid var(--border);border-radius:1rem;padding:1.25rem 1rem;text-align:center;cursor:pointer;transition:all .2s;font:inherit;color:var(--text)}.story-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.story-card-emoji{font-size:2.5rem;margin-bottom:.4rem}.story-card-title{font-weight:700;font-size:.95rem;margin-bottom:.3rem}.story-card-lesson{font-size:.78rem;color:var(--text-dim)}.story-reader .story-content{background:var(--card);border:2px solid var(--border);border-radius:1rem;padding:1.5rem;font-size:1rem;line-height:1.8;margin-bottom:1rem}.story-content p{margin-bottom:.75rem}.story-lesson{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:2px solid #bfdbfe;border-radius:.75rem;padding:.85rem 1rem;display:flex;gap:.6rem;align-items:center;font-size:.95rem;color:#1e40af}.lesson-icon{font-size:1.2rem;flex-shrink:0}.daily-intro-card,.daily-done-card{background:var(--card);border:2px solid var(--border);border-radius:1rem;padding:2rem 1.5rem;text-align:center}.daily-intro-emoji,.daily-done-emoji{font-size:3.5rem;margin-bottom:.5rem}.daily-intro-card h3,.daily-done-card h3{font-size:1.3rem;margin-bottom:.5rem}.daily-intro-card p,.daily-done-card p{color:var(--text-dim);font-size:.95rem}.daily-reward{margin-top:1rem;font-weight:700;font-size:1.1rem;color:var(--orange)}.daily-counter,.achievement-count{background:var(--bg2);padding:.3rem .6rem;border-radius:.4rem;font-size:.85rem;font-weight:600}.achievements-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.achievement-card{background:var(--card);border:2px solid var(--border);border-radius:1rem;padding:1.25rem 1rem;text-align:center;transition:all .2s}.achievement-unlocked{border-color:var(--orange);box-shadow:0 0 0 1px #f59e0b1a}.achievement-locked{opacity:.5}.achievement-emoji{font-size:2.5rem;margin-bottom:.3rem}.achievement-name{font-weight:700;font-size:.95rem;margin-bottom:.2rem}.achievement-desc{font-size:.78rem;color:var(--text-dim);line-height:1.3}.achievement-badge{margin-top:.5rem;display:inline-block;background:linear-gradient(135deg,var(--orange),#d97706);color:#fff;font-size:.75rem;font-weight:700;padding:.2rem .6rem;border-radius:1rem}@media(max-width:500px){.subject-grid,.stories-grid,.achievements-grid{grid-template-columns:1fr}.memory-grid{grid-template-columns:repeat(3,1fr)}.matching-grid{grid-template-columns:1fr;gap:1rem}.home-stats-row{flex-direction:column;gap:.5rem}.progress-overview{grid-template-columns:1fr}.home-title{font-size:2rem}.results-score-circle{width:120px;height:120px}}