:root{--primary: #FF6B6B;--primary-light: rgba(255, 107, 107, .15);--secondary: #4ECDC4;--secondary-light: rgba(78, 205, 196, .15);--success: #4CAF50;--error: #F44336;--warning: #FF9800;--bg-primary: #FFF9F0;--bg-secondary: #F5F5F5;--bg-card: #FFFFFF;--text-primary: #333333;--text-secondary: #666666;--text-light: #999999;--border: #E0E0E0;--shadow: rgba(0, 0, 0, .1);font-family:Nunito,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh}#root{width:100%;min-height:100vh;min-height:100dvh}h1,h2,h3,h4{margin:0;font-weight:700}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.2em}button{border-radius:12px;border:none;padding:12px 24px;font-size:1em;font-weight:600;font-family:inherit;background-color:var(--primary);color:#fff;cursor:pointer;transition:all .2s ease}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}button:active:not(:disabled){transform:translateY(0)}input{font-family:inherit;font-size:1em;padding:12px 16px;border:2px solid var(--border);border-radius:10px;background:#fff;color:var(--text-primary);transition:border-color .2s}input:focus{outline:none;border-color:var(--primary)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.spinner{width:50px;height:50px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.container{max-width:500px;margin:0 auto;padding:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}body.tg-webapp{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.child-select{padding:24px;text-align:center}.child-select h1{font-size:32px;margin-bottom:8px}.subtitle{color:var(--tg-theme-hint-color);margin-bottom:24px}.children-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.child-card{display:flex;align-items:center;gap:12px;background:#f5f5f5;padding:16px;border-radius:16px;text-align:left;color:#333!important}.child-avatar{font-size:32px}.child-name{flex:1;font-weight:600;font-size:18px}.child-age{color:var(--tg-theme-hint-color)}.add-child-btn{width:100%;background:var(--primary);color:#fff;font-weight:600}.create-child{padding:16px}.create-child h2{text-align:center;margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;margin-bottom:8px}.form-group input{width:100%;padding:12px 16px;font-size:16px;border:2px solid #eee;border-radius:12px;outline:none}.form-group input:focus{border-color:var(--primary)}.age-buttons,.gender-buttons{display:flex;gap:8px}.age-buttons button,.gender-buttons button{flex:1;background:#f5f5f5;padding:12px}.age-buttons button.active,.gender-buttons button.active{background:var(--primary);color:#fff}.character-grid,.location-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.character-grid button,.location-grid button{display:flex;flex-direction:column;align-items:center;gap:4px;background:#f5f5f5;padding:16px 8px}.character-grid button.active,.location-grid button.active{background:var(--secondary);color:#fff}.character-grid .emoji,.location-grid .emoji{font-size:32px}.character-grid .name,.location-grid .name{font-size:12px}.submit-btn{width:100%;background:var(--success);color:#fff;font-weight:600;padding:16px;margin-top:16px}.letter-map{display:flex;flex-direction:column;gap:24px}.letter-block{background:#f9f9f9;border-radius:16px;padding:16px}.block-title{font-size:14px;color:var(--tg-theme-hint-color);margin-bottom:12px}.letters-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.letter-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;background:#fff;border:2px solid #eee;border-radius:12px;font-size:24px;font-weight:600;color:#333!important}.letter-btn .letter{line-height:1}.letter-btn .stars{font-size:8px;margin-top:2px}.letter-btn .lock{position:absolute;font-size:12px;opacity:.5}.letter-btn.completed{background:#d4edda;border-color:var(--success)}.letter-btn.current{background:#fff3cd;border-color:var(--warning);animation:pulse 2s infinite}.letter-btn.locked{background:#f5f5f5;color:#ccc}.lesson{padding:16px;min-height:100vh;display:flex;flex-direction:column}.lesson-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.letter-badge{background:var(--primary);color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600}.progress-bar{flex:1;height:8px;background:#eee;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--success);transition:width .3s}.progress-text{font-size:14px;color:var(--tg-theme-hint-color)}.exercise{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}.instruction{font-size:20px;margin-bottom:32px}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%;max-width:300px}.option{aspect-ratio:1;font-size:48px;font-weight:600;background:#f5f5f5;border-radius:16px;transition:all .2s}.option.correct{background:#d4edda;border:3px solid var(--success)}.option.wrong{background:#f8d7da;border:3px solid var(--danger)}.syllable-card,.word-card{display:flex;flex-direction:column;align-items:center;gap:16px}.big-text{font-size:72px;font-weight:700;color:var(--primary)}.syllables{font-size:24px;color:var(--tg-theme-hint-color)}.read-btn{background:var(--success);color:#fff;font-size:18px;padding:16px 48px}.feedback{font-size:24px;padding:16px;border-radius:12px}.feedback.correct{background:#d4edda;color:var(--success)}.feedback.wrong{background:#f8d7da;color:var(--danger)}.syllable-build{display:flex;flex-direction:column;align-items:center;gap:24px}.build-area{display:flex;gap:8px;font-size:48px;font-weight:600}.selected-letter{background:var(--secondary);color:#fff;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:12px}.placeholder{width:64px;height:64px;border:3px dashed #ccc;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#ccc}.letter-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.letter-buttons .letter-btn{width:56px;height:56px;font-size:28px;background:#f5f5f5}.letter-buttons .letter-btn:disabled{opacity:.3}.reset-btn{background:transparent;color:var(--tg-theme-link-color)}.lesson.finished{justify-content:center;align-items:center}.finish-card{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px;background:#fff;border-radius:24px;box-shadow:0 4px 20px #0000001a;text-align:center}.finish-letter{width:80px;height:80px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700}.finish-stars{font-size:36px}.finish-stats{display:flex;flex-direction:column;gap:5px;color:var(--text-secondary)}.finish-stats .percent{font-size:24px;font-weight:700;color:var(--primary)}.finish-message{font-size:24px;font-weight:700}.finish-buttons{display:flex;gap:15px;margin-top:10px}.repeat-btn{padding:14px 24px;font-size:16px;background:var(--bg-secondary);border:2px solid var(--border);border-radius:12px;cursor:pointer}.continue-btn{padding:14px 24px;font-size:16px;background:var(--primary);color:#fff;border:none;border-radius:12px;cursor:pointer}.gate-card .finish-message{line-height:1.5}.gate-btn{display:block;text-decoration:none;text-align:center}.letter-intro{display:flex;flex-direction:column;align-items:center;gap:20px}.big-letter{display:flex;gap:20px;font-size:80px;font-weight:700;color:var(--primary);cursor:pointer;animation:pulse 2s infinite}.big-letter .lower{color:var(--primary-light)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.letter-images{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%}.image-item{display:flex;flex-direction:column;align-items:center;gap:5px}.image-placeholder{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:10px;font-size:30px}.image-word{font-size:12px;text-transform:capitalize}.play-btn,.continue-btn{padding:12px 24px;border-radius:20px;font-size:16px;cursor:pointer;border:none}.play-btn{background:var(--secondary);color:#fff}.continue-btn{background:var(--primary);color:#fff}.letter-trace{display:flex;flex-direction:column;align-items:center;gap:20px}.trace-svg{width:220px;height:220px;background:var(--bg-secondary);border-radius:20px;border:3px solid var(--border);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.trace-svg.drawing{border-color:var(--primary);background:var(--primary-light)}.pulse-dot{animation:pulse-scale 1s infinite}@keyframes pulse-scale{0%,to{r:8;opacity:1}50%{r:12;opacity:.7}}.trace-progress{width:220px;height:10px;background:var(--bg-secondary);border-radius:5px;overflow:hidden}.trace-fill{height:100%;background:var(--success);transition:width .1s}.letter-sound-hold{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px}.sound-text{font-size:48px;font-weight:700;color:var(--primary);animation:breathe 1.5s infinite}@keyframes breathe{0%,to{opacity:1}50%{opacity:.6}}.hold-progress{width:100%;height:20px;background:var(--bg-secondary);border-radius:10px;overflow:hidden}.hold-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--success));transition:width .1s}.hold-btn{padding:20px 40px;font-size:18px;border:none;border-radius:30px;background:var(--primary);color:#fff;cursor:pointer;transition:all .2s}.hold-btn.holding{transform:scale(1.1);background:var(--success)}.letter-table{display:flex;flex-direction:column;align-items:center;gap:15px}.letter-table table{border-collapse:collapse}.letter-table td{width:50px;height:50px;text-align:center;font-size:24px;font-weight:700;border:2px solid var(--border);cursor:pointer;transition:all .2s}.letter-table td:hover{background:var(--primary-light)}.letter-table td.clicked{background:var(--success);color:#fff}.letter-find-picture .items-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.letter-find-picture .item{display:flex;flex-direction:column;align-items:center;padding:10px;border:3px solid transparent;border-radius:15px;cursor:pointer;transition:all .2s}.letter-find-picture .item.selected{border-color:var(--primary);background:var(--primary-light)}.letter-find-picture .item.correct{border-color:var(--success);background:#4caf5033}.letter-find-picture .item.wrong{border-color:var(--error);opacity:.5}.check-btn{padding:12px 30px;font-size:16px;background:var(--primary);color:#fff;border:none;border-radius:20px;cursor:pointer}.letter-find-among-pictures,.letter-find-among-letters{display:flex;flex-direction:column;align-items:center;gap:15px}.find-counter{font-size:18px;font-weight:700;color:var(--primary)}.items-grid.mixed,.letters-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.items-grid.mixed .item,.letters-grid .letter-btn{width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:24px;border:2px solid var(--border);border-radius:10px;background:#fff;cursor:pointer;transition:all .2s}.items-grid.mixed .item.found,.letters-grid .letter-btn.found{background:var(--success);color:#fff;border-color:var(--success)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.shake{animation:shake .3s}.feedback{font-size:18px;padding:10px 20px;border-radius:10px}.hint{font-size:14px;color:var(--text-secondary)}.syllable-star{display:flex;flex-direction:column;align-items:center;gap:20px}.star-container{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.star-center{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;background:var(--primary);color:#fff;border-radius:50%;z-index:2}.star-ray{position:absolute;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s}.star-ray:hover{transform:scale(1.1)}.ray-line{width:2px;height:40px;background:var(--border);position:absolute;transform-origin:center bottom}.ray-letter{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;background:#fff;border:2px solid var(--border);border-radius:50%;z-index:1}.star-ray.clicked .ray-letter{background:var(--success);color:#fff;border-color:var(--success)}.syllable-fusion{display:flex;flex-direction:column;align-items:center;gap:30px;padding:20px}.fusion-letters{display:flex;align-items:center;gap:20px;font-size:48px;font-weight:700}.fusion-consonant{color:var(--primary)}.fusion-vowel{color:var(--secondary)}.fusion-plus{color:var(--text-secondary);font-size:36px}.start-btn{padding:15px 30px;font-size:18px;background:var(--primary);color:#fff;border:none;border-radius:25px;cursor:pointer}.fusion-animation{display:flex;align-items:center;justify-content:center;width:100%;height:100px;position:relative}.letter-left,.letter-right{font-size:48px;font-weight:700}.letter-left{color:var(--primary)}.letter-right{color:var(--secondary)}.flying-object{font-size:32px;animation:fly 2s ease-in-out forwards}@keyframes fly{0%{transform:translate(-50px)}to{transform:translate(50px)}}.fusion-result{animation:appear .5s ease-out}@keyframes appear{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.syllable-big{font-size:72px;font-weight:700;color:var(--primary)}.syllable-table{display:flex;flex-direction:column;align-items:center;gap:15px}.syllable-table table{border-collapse:collapse}.syllable-table th,.syllable-table td{width:50px;height:50px;text-align:center;border:1px solid var(--border)}.syllable-table th{background:var(--bg-secondary);font-weight:700;color:var(--primary)}.syllable-table td{font-size:18px;cursor:pointer;transition:all .2s}.syllable-table td:hover{background:var(--primary-light)}.syllable-table td.clicked{background:var(--success);color:#fff}.syllable-build{display:flex;flex-direction:column;align-items:center;gap:20px}.build-area{display:flex;gap:10px}.slot{width:60px;height:70px;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;border:3px dashed var(--border);border-radius:10px;background:var(--bg-secondary)}.slot.filled{border-style:solid;border-color:var(--primary);background:var(--primary-light)}.slot.filled.correct{border-color:#4caf50;background:#e8f5e9}.letter-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.letter-btn{width:50px;height:50px;font-size:24px;font-weight:700;border:2px solid var(--border);border-radius:10px;background:#fff;cursor:pointer;transition:all .2s;outline:none;-webkit-tap-highlight-color:transparent}.letter-btn:focus{outline:none}.letter-btn:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary)}.letter-btn.used{opacity:.3;cursor:not-allowed}.syllable-read{display:flex;flex-direction:column;align-items:center;gap:20px}.syllable-card{padding:30px 50px;background:#fff;border-radius:20px;box-shadow:0 4px 12px #0000001a}.big-text{font-size:64px;font-weight:700;color:var(--primary)}.read-btn{padding:12px 30px;font-size:18px;background:var(--success);color:#fff;border:none;border-radius:25px;cursor:pointer}.syllable-find{display:flex;flex-direction:column;align-items:center;gap:30px;padding:20px}.find-target{display:flex;flex-direction:column;align-items:center;gap:10px}.find-label{font-size:18px;color:var(--text-secondary)}.find-syllable{font-size:64px;font-weight:700;color:var(--primary);padding:20px 40px;background:var(--primary-light);border-radius:20px}.find-options{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:320px}.find-option{padding:20px;font-size:28px;font-weight:700;color:#333;background:#fff;border:3px solid var(--border);border-radius:15px;cursor:pointer;transition:all .2s}.find-option:hover:not(:disabled){border-color:var(--primary);transform:scale(1.05)}.find-option.selected{border-color:var(--primary);background:var(--primary-light)}.find-option.correct{border-color:#4caf50!important;background:#e8f5e9!important;animation:pulse-green .5s}.find-option.wrong{border-color:#f44336!important;background:#ffebee!important;animation:shake .5s}@keyframes pulse-green{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.word-match{display:flex;flex-direction:column;gap:20px}.match-columns{display:flex;justify-content:space-between;gap:30px}.words-column,.images-column{display:flex;flex-direction:column;gap:10px}.match-item{padding:15px 20px;background:#fff;border:2px solid var(--border);border-radius:10px;cursor:pointer;transition:all .2s}.match-item.word{font-size:18px}.match-item.image{font-size:30px;display:flex;align-items:center;justify-content:center}.match-item.selected{border-color:var(--primary);background:var(--primary-light)}.match-item.connected{border-color:var(--success)}.word-math{display:flex;flex-direction:column;align-items:center;gap:20px}.equation{font-size:24px;font-weight:700;color:var(--primary)}.answer-area{display:flex;align-items:center;gap:10px}.equals{font-size:24px;font-weight:700}.word-math input{width:150px;padding:15px;font-size:24px;text-align:center;border:2px solid var(--border);border-radius:10px}.word-read{display:flex;flex-direction:column;align-items:center;gap:20px}.word-card{display:flex;flex-direction:column;align-items:center;padding:30px 50px;background:#fff;border-radius:20px;box-shadow:0 4px 12px #0000001a}.word-card .syllables{font-size:18px;color:var(--text-secondary);margin-top:10px}.sentence-picture,.sentence-preposition,.sentence-ending{display:flex;flex-direction:column;align-items:center;gap:20px}.sentence{font-size:20px;text-align:center;line-height:1.6}.blank{display:inline-block;min-width:80px;padding:5px 15px;background:var(--bg-secondary);border-radius:5px;font-weight:700}.blank.correct{background:#4caf504d}.blank.wrong{background:#f443364d}.options-row{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.option-card{display:flex;flex-direction:column;align-items:center;padding:15px;background:#fff;border:2px solid var(--border);border-radius:15px;cursor:pointer;transition:all .2s}.option-card:hover{border-color:var(--primary)}.option-card.correct{border-color:var(--success);background:#4caf5033}.option-card.wrong{border-color:var(--error);opacity:.5}.option-btn{padding:12px 25px;font-size:16px;background:#fff;border:2px solid var(--border);border-radius:10px;cursor:pointer;transition:all .2s}.option-btn:hover:not(:disabled){border-color:var(--primary);background:var(--primary-light)}.option-btn.correct{border-color:var(--success);background:#4caf5033}.option-btn.wrong{border-color:var(--error);background:#f4433633}.sentence-order{display:flex;flex-direction:column;gap:15px}.sentences-list{display:flex;flex-direction:column;gap:10px}.sentence-item{display:flex;align-items:center;gap:10px;padding:10px;background:#fff;border:1px solid var(--border);border-radius:10px}.sentence-item .number{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:50%;font-weight:700}.sentence-item .text{flex:1;font-size:14px}.sentence-item .arrows{display:flex;flex-direction:column;gap:2px}.sentence-item .arrows button{padding:2px 8px;font-size:12px;border:1px solid var(--border);border-radius:5px;background:#fff;cursor:pointer}.sentence-build{display:flex;flex-direction:column;align-items:center;gap:20px}.sentence-build .build-area{padding:20px 30px;min-height:60px;min-width:200px;background:var(--bg-secondary);border-radius:10px;font-size:18px;text-align:center}.word-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.word-btn{padding:10px 20px;font-size:16px;background:#fff;border:2px solid var(--border);border-radius:10px;cursor:pointer}.word-btn.used{opacity:.3;cursor:not-allowed}.word-template{font-size:36px;font-weight:700}.ending{color:var(--primary)}.ending.correct{color:var(--success)}.ending.wrong{color:var(--error)}.sentence-adjective{display:flex;flex-direction:column;align-items:center;gap:20px}.phrase-card{display:flex;gap:15px;font-size:28px;font-weight:700}.adjective{color:var(--secondary)}.noun{color:var(--primary)}.sentence-who-does,.sentence-verb-place{display:flex;flex-direction:column;align-items:center;gap:20px}.subject,.verb{font-size:28px;font-weight:700;color:var(--primary)}.options-column{display:flex;flex-direction:column;gap:10px;width:100%;max-width:250px}.options-column .option-btn{width:100%}.story-read{display:flex;flex-direction:column;align-items:center;gap:20px}.story-title{font-size:24px;color:var(--primary)}.story-image{font-size:60px}.story-text{font-size:18px;line-height:2;text-align:center}.story-text .word{cursor:pointer;padding:2px 4px;border-radius:4px;transition:all .2s}.story-text .word.highlight{background:var(--primary);color:#fff}.mode-buttons{display:flex;gap:15px}.mode-btn{padding:15px 25px;font-size:16px;background:var(--primary);color:#fff;border:none;border-radius:20px;cursor:pointer}.mode-btn:last-child{background:var(--secondary)}.finish-btn{padding:12px 30px;font-size:16px;background:var(--success);color:#fff;border:none;border-radius:20px;cursor:pointer}.story-questions{display:flex;flex-direction:column;align-items:center;gap:20px}.story-ref{font-size:14px;color:var(--text-secondary)}.question{font-size:20px;font-weight:700;text-align:center}.puzzle-wordsearch{display:flex;flex-direction:column;align-items:center;gap:15px}.words-to-find{font-size:16px}.words-to-find .found{text-decoration:line-through;color:var(--success)}.grid{display:flex;flex-direction:column;gap:2px}.grid-row{display:flex;gap:2px}.grid-cell{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;background:#fff;border:1px solid var(--border);cursor:pointer}.grid-cell.selected{background:var(--primary);color:#fff}.puzzle-lines .match-columns{display:flex;justify-content:space-between;gap:50px}.puzzle-lines .words-column,.puzzle-lines .images-column{display:flex;flex-direction:column;gap:15px}.puzzle-lines .item{padding:15px 25px;background:#fff;border:2px solid var(--border);border-radius:10px;cursor:pointer;font-size:18px}.puzzle-lines .item.selected{border-color:var(--primary);background:var(--primary-light)}.puzzle-lines .item.image{font-size:30px}.puzzle-cipher{display:flex;flex-direction:column;align-items:center;gap:20px}.cipher-code{display:flex;gap:10px;font-size:40px}.puzzle-cipher input{padding:15px;font-size:24px;text-align:center;width:200px;border:2px solid var(--border);border-radius:10px}.puzzle-coloring{display:flex;flex-direction:column;align-items:center;gap:20px}.puzzle-coloring .text{font-size:18px;text-align:center}.coloring-elements{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.color-item{display:flex;flex-direction:column;align-items:center;padding:15px;background:#fff;border:2px solid var(--border);border-radius:10px;cursor:pointer}.color-item.colored{border-color:var(--success);background:#4caf5033}.element-name{font-weight:700}.element-color{font-size:14px;color:var(--text-secondary)}.puzzle-syllable{display:flex;flex-direction:column;align-items:center;gap:20px}.puzzle-syllable .build-area{font-size:36px;font-weight:700;color:var(--primary)}.syllable-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.syllable-btn{padding:15px 25px;font-size:20px;font-weight:700;background:#fff;color:#333;border:2px solid var(--border);border-radius:10px;cursor:pointer}.syllable-btn.used{opacity:.3}.puzzle-anagram{display:flex;flex-direction:column;align-items:center;gap:20px}.hint-text{font-size:14px;color:var(--text-secondary)}.puzzle-anagram .build-area{font-size:36px;font-weight:700;color:var(--primary);letter-spacing:5px}.puzzle-numbers{display:flex;flex-direction:column;align-items:center;gap:15px}.numbers-row{display:flex;gap:10px}.number-badge{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:50%;font-size:18px;font-weight:700}.alphabet-hint{display:flex;flex-wrap:wrap;gap:5px;font-size:12px;max-width:300px;justify-content:center}.alphabet-letter{display:flex;flex-direction:column;align-items:center}.alphabet-letter small{font-size:8px;color:var(--text-secondary)}.puzzle-numbers input{padding:15px;font-size:24px;text-align:center;width:200px;border:2px solid var(--border);border-radius:10px}.puzzle-tongue-twister{display:flex;flex-direction:column;align-items:center;gap:20px}.twister-text{font-size:24px;text-align:center;line-height:1.6;transition:all .3s}.twister-text.speed-slow{animation:none}.twister-text.speed-normal{animation:pulse 1s infinite}.twister-text.speed-fast{animation:pulse .3s infinite}.speed-indicator{font-size:30px}.speed-btn,.check-btn{padding:12px 30px;font-size:16px;background:var(--primary);color:#fff;border:none;border-radius:20px;cursor:pointer}.reset-btn{padding:8px 16px;font-size:14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:15px;cursor:pointer}.feedback{padding:10px 20px;border-radius:10px;font-size:18px}.feedback.correct{background:#4caf5033;color:var(--success)}.feedback.wrong{background:#f4433633;color:var(--error)}.learning{padding:16px}.learning-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.child-info{display:flex;align-items:center;gap:12px}.child-name{font-weight:600;font-size:18px}.stars{background:#fff3cd;padding:4px 12px;border-radius:20px;font-weight:600}*{box-sizing:border-box;margin:0;padding:0}:root{--tg-theme-bg-color: #ffffff;--tg-theme-text-color: #000000;--tg-theme-hint-color: #999999;--tg-theme-link-color: #2481cc;--tg-theme-button-color: #2481cc;--tg-theme-button-text-color: #ffffff;--primary: #FF6B6B;--secondary: #4ECDC4;--success: #2ECC71;--warning: #F1C40F;--danger: #E74C3C;--bg: var(--tg-theme-bg-color);--text: var(--tg-theme-text-color)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px}.spinner{width:48px;height:48px;border:4px solid #eee;border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.container{padding:24px;text-align:center}h1,h2,h3{font-weight:600}button{font-family:inherit;font-size:16px;cursor:pointer;border:none;border-radius:12px;padding:12px 24px;transition:transform .1s,opacity .2s}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}.back-btn{background:transparent;color:var(--tg-theme-link-color);padding:8px 16px;margin-bottom:16px}.conflict-screen h1{font-size:24px;margin-bottom:16px}.conflict-text{margin-bottom:24px;line-height:1.5}.conflict-actions{display:flex;flex-direction:column;gap:12px}.conflict-actions button{background:var(--tg-theme-button-color, #d2691e);color:var(--tg-theme-button-text-color, #fff)}.conflict-actions button.secondary{background:#f0f0f0;color:#333}
