.home-screen{min-height:100vh;padding:2rem;display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2)}.home-title{color:#fff;font-size:2.5rem;margin-bottom:3rem;text-align:center}.children-list{width:100%;max-width:500px;display:flex;flex-direction:column;gap:1rem}.child-button{background:#fff;border-radius:1rem;padding:1.5rem;display:flex;align-items:center;gap:1rem;font-size:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px #0000001a}.child-button:active{transform:scale(.98);box-shadow:0 2px 4px #0000001a}.child-emoji{font-size:2.5rem;flex-shrink:0}.child-name{flex:1;text-align:left;font-weight:600;color:#333}.new-child-button{border:2px dashed rgba(255,255,255,.5);background:#fff3;color:#fff}.new-child-button .child-name{color:#fff}.new-child-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:2rem;z-index:1000}.modal-content{background:#fff;border-radius:1rem;padding:2rem;width:100%;max-width:500px;max-height:80vh;overflow-y:auto}.modal-content h2{margin-bottom:1.5rem;color:#333}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#555}.form-group input[type=text],.form-group input[type=date]{width:100%;padding:.75rem;font-size:1rem;border:2px solid #ddd;border-radius:.5rem}.form-group input:focus{outline:none;border-color:#667eea}.emoji-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.emoji-option{padding:.75rem;font-size:2rem;background:#f5f5f5;border-radius:.5rem;border:2px solid transparent;transition:all .2s}.emoji-option.selected{border-color:#667eea;background:#e8ebfa}.form-actions{display:flex;gap:1rem;margin-top:2rem}.form-actions button{flex:1;padding:1rem;font-size:1rem;font-weight:600;border-radius:.5rem;background:#f5f5f5;color:#333}.form-actions button.primary{background:#667eea;color:#fff}.form-actions button:active{transform:scale(.98)}.child-dashboard{min-height:100vh;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column}.back-button{align-self:flex-start;background:#fff3;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:600;margin-bottom:2rem}.back-button:active{background:#ffffff4d}.dashboard-header{text-align:center;margin-bottom:3rem}.dashboard-emoji{font-size:5rem;display:block;margin-bottom:1rem}.dashboard-name{color:#fff;font-size:2.5rem;margin-bottom:.5rem}.dashboard-age{color:#fffc;font-size:1.25rem}.module-buttons{flex:1;display:flex;flex-direction:column;gap:1.5rem;max-width:500px;margin:0 auto;width:100%}.module-button{background:#fff;border-radius:1.5rem;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;box-shadow:0 4px 12px #00000026;transition:transform .2s,box-shadow .2s;min-height:150px;justify-content:center}.module-button:active{transform:scale(.98);box-shadow:0 2px 8px #00000026}.module-icon{font-size:3rem}.module-name{font-size:1.75rem;font-weight:700;color:#333}.module-progress{font-size:1rem;color:#666;font-weight:500}.module-button.flashcards{background:linear-gradient(135deg,#ffeaa7,#fdcb6e)}.module-button.lessons{background:linear-gradient(135deg,#74b9ff,#0984e3)}.module-button.lessons .module-name,.module-button.lessons .module-progress{color:#fff}.module-button.custom{background:linear-gradient(135deg,#fd79a8,#e84393)}.module-button.custom .module-name{color:#fff}.flashcards-module{min-height:100vh;background:linear-gradient(135deg,#ffeaa7,#fdcb6e);display:flex;flex-direction:column;padding:1rem}.flashcard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.flashcard-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem;font-size:1rem;color:#0009}.flashcard-container{flex:1;display:flex;align-items:center;justify-content:center;margin:2rem 0;position:relative}.sound-card{max-width:90%;max-height:60vh;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2))}.fallback-card{background:#fff;border-radius:1rem;padding:4rem;box-shadow:0 10px 30px #0003;display:flex;align-items:center;justify-content:center}.fallback-display{font-size:8rem;font-weight:700;color:#333}.help-content p{margin-bottom:1rem;line-height:1.5;color:#555}.pronunciation{font-size:1.25rem;background:#ffeaa7;padding:1rem;border-radius:.5rem}.example{font-size:1.125rem}.note{background:#e8f4f8;padding:1rem;border-radius:.5rem;font-style:italic}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#0009;font-size:1.25rem;gap:1rem}.lessons-module{min-height:100vh;background:linear-gradient(135deg,#74b9ff,#0984e3);display:flex;flex-direction:column;padding:1rem}.lesson-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.lesson-number{background:#ffffffe6;color:#0984e3;padding:.75rem 1.5rem;border-radius:.5rem;font-size:1.25rem;font-weight:700}.help-button{width:3rem;height:3rem;border-radius:50%;background:#ffffffe6;font-size:1.5rem;font-weight:700;color:#333;display:flex;align-items:center;justify-content:center}.progress-bar{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.nav-caret{width:2.5rem;height:2.5rem;border-radius:50%;background:#ffffffe6;font-size:1rem;color:#333;display:flex;align-items:center;justify-content:center}.nav-caret:disabled{opacity:.3;cursor:not-allowed}.progress-dots{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.progress-dot{width:.75rem;height:.75rem;border-radius:50%;background:#ffffff4d;transition:all .3s}.progress-dot.active{background:#fff;transform:scale(1.5)}.progress-dot.completed{background:#fff9}.lesson-content{flex:1;display:flex;align-items:center;justify-content:center;margin:2rem 0}.lesson-item{background:#fff;border-radius:1rem;padding:3rem;min-width:300px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #0003}.lesson-item.sans-serif{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.lesson-item.serif{font-family:Georgia,Times New Roman,serif}.sound-display,.word-display{font-size:5rem;font-weight:700;color:#333;text-align:center}.story-display{font-size:2rem;line-height:1.6;color:#333;text-align:center}.response-buttons{display:flex;gap:1rem;padding:0 1rem 2rem}.response-btn{flex:1;padding:2rem;font-size:3rem;font-weight:700;border-radius:1rem;color:#fff;box-shadow:0 4px 12px #0003;transition:transform .2s}.response-btn:active{transform:scale(.95)}.response-btn.correct{background:linear-gradient(135deg,#55efc4,#00b894)}.response-btn.incorrect{background:linear-gradient(135deg,#ff7675,#d63031)}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;padding:2rem;z-index:1000}.help-content{background:#fff;border-radius:1rem;padding:2rem;max-width:500px;width:100%;position:relative}.close-help{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;border-radius:50%;background:#f5f5f5;font-size:1.5rem;display:flex;align-items:center;justify-content:center;color:#333}.help-content h3{margin-bottom:1.5rem;color:#333;padding-right:2rem}.help-text{line-height:1.6;color:#555;margin-bottom:1rem}.placeholder-note{background:#fff3cd;padding:1rem;border-radius:.5rem;color:#856404;font-style:italic;font-size:.875rem}.lesson-grid-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.lesson-grid-header h2{color:#fff;font-size:1.5rem}.lesson-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;padding-bottom:2rem;overflow-y:auto}.lesson-grid-item{aspect-ratio:1;background:#ffffffe6;border:2px solid transparent;border-radius:.75rem;font-size:1.5rem;font-weight:700;color:#0984e3;display:flex;align-items:center;justify-content:center;transition:all .2s}.lesson-grid-item:active{transform:scale(.95)}.lesson-grid-item.completed{background:linear-gradient(135deg,#55efc4,#00b894);color:#fff}.lesson-grid-item.current{border-color:#fff;box-shadow:0 0 0 3px #ffffff80}.custom-module{min-height:100vh;background:linear-gradient(135deg,#fd79a8,#e84393);display:flex;flex-direction:column;padding:1rem}.custom-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.save-button{width:3rem;height:3rem;border-radius:50%;background:#ffffffe6;font-size:1.5rem;display:flex;align-items:center;justify-content:center}.save-button:disabled{opacity:.5;cursor:not-allowed}.text-display{background:#fff;border-radius:1rem;padding:2rem;margin-bottom:1rem;min-height:250px;display:flex;flex-direction:column;gap:2rem;justify-content:center}.text-line{position:relative}.text-content{font-size:2rem;line-height:1.5;color:#333;margin-bottom:.5rem}.text-content .sound{position:relative}.text-content .sound:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:3px;background:#333;border-radius:2px}.text-content .silent{font-size:.7em;vertical-align:sub;opacity:.5}.reading-line{height:3px;background:#333;position:relative;margin-top:.5rem}.arrow-tip{position:absolute;right:-8px;top:-5px;width:0;height:0;border-left:8px solid #333;border-top:6px solid transparent;border-bottom:6px solid transparent}.placeholder{color:#999;font-size:1.5rem;text-align:center;margin:auto}.keyboard-toggle{background:#ffffffe6;padding:.75rem;border-radius:.5rem;font-weight:600;color:#333;margin-bottom:.5rem}.phonetic-keyboard{background:#fffffff2;border-radius:1rem;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.keyboard-sounds{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;max-height:200px;overflow-y:auto;margin-bottom:.5rem}.sound-key{padding:.75rem;font-size:1.25rem;font-weight:700;background:#f8f9fa;border:2px solid #dee2e6;border-radius:.5rem;color:#333;min-height:3rem;display:flex;align-items:center;justify-content:center}.sound-key:active{background:#e9ecef;transform:scale(.95)}.keyboard-controls{display:grid;grid-template-columns:1fr 2fr 1fr 1fr;gap:.5rem}.control-key{padding:.75rem;font-size:1rem;font-weight:600;background:#495057;color:#fff;border-radius:.5rem;min-height:3rem}.control-key:active{background:#343a40}.silent-key.active{background:#ffc107;color:#333}.gallery-btn{padding:.75rem;background:#667eea;color:#fff;border-radius:.5rem;font-weight:600;margin-top:.5rem}.gallery-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.gallery-header h2{color:#fff;font-size:1.5rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;padding-bottom:2rem}.gallery-card{background:#fff;border-radius:.75rem;padding:1rem;position:relative;cursor:pointer;transition:transform .2s;min-height:100px;display:flex;align-items:center;justify-content:center}.gallery-card:active{transform:scale(.95)}.gallery-card-preview{font-size:.875rem;color:#555;word-break:break-word}.delete-card{position:absolute;top:.25rem;right:.25rem;width:1.5rem;height:1.5rem;border-radius:50%;background:#ff7675;color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:center;padding:0}.empty-gallery{grid-column:1 / -1;text-align:center;color:#fffc;font-size:1.25rem;padding:3rem}.empty-gallery p{margin-bottom:.5rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;overflow:hidden;height:100vh;width:100vw}#root{height:100vh;width:100vw;overflow-y:auto}button{font-family:inherit;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}input{font-family:inherit}