.home-screen{min-height:100vh;padding:2rem;display:flex;flex-direction:column;align-items:center;background:#fff}.home-title{color:#000;font-size:2.5rem;margin-bottom:3rem;text-align:center;font-weight:800;letter-spacing:-.02em}.children-list{width:100%;max-width:500px;display:flex;flex-direction:column;gap:1rem}.child-button{background:#fff;border:2px solid #000;border-radius:4px;padding:24px;display:flex;align-items:center;gap:1rem;font-size:1.5rem}.child-emoji{font-size:2.5rem;flex-shrink:0}.child-name{flex:1;text-align:left;font-weight:700;color:#000}.new-child-button{border:2px dashed #000;background:#fff}.new-child-button .child-name{color:#000}.new-child-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:2rem;z-index:1000}.modal-content{background:#fff;border:2px solid #000;border-radius:4px;padding:32px;width:100%;max-width:500px;max-height:80vh;overflow-y:auto}.modal-content h2{margin-bottom:2rem;color:#000;font-weight:700;letter-spacing:-.02em}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:700;color:#000}.form-group input[type=text],.form-group input[type=date]{width:100%;padding:.75rem;font-size:1rem;border:2px solid #000;border-radius:2px;background:#fff;color:#000}.form-group input:focus{outline:none;border:2px solid #000}.emoji-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.emoji-option{padding:.75rem;font-size:2rem;background:#fff;border-radius:2px;border:1px solid #ddd}.emoji-option.selected{border:2px solid #000;background:#fff}.form-actions{display:flex;gap:1rem;margin-top:2rem}.form-actions button{flex:1;padding:1rem;font-size:1rem;font-weight:700;border-radius:4px;background:#fff;color:#000;border:2px solid #000}.form-actions button.primary{background:#000;color:#fff;border:none}.child-dashboard{min-height:100vh;padding:2rem;background:#fff;display:flex;flex-direction:column}.back-button{align-self:flex-start;background:#fff;color:#000;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;font-weight:700;margin-bottom:2rem;border:2px solid #000}.back-button:active{background:#000;color:#fff;border:none}.dashboard-header{text-align:center;margin-bottom:3rem}.dashboard-emoji{font-size:5rem;display:block;margin-bottom:1rem}.dashboard-name{color:#000;font-size:2.5rem;margin-bottom:.5rem;font-weight:800;letter-spacing:-.02em}.dashboard-age{color:#666;font-size:1.25rem;font-weight:400}.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:2px solid #000;border-radius:4px;padding:32px;display:flex;flex-direction:column;align-items:center;gap:.75rem;min-height:150px;justify-content:center}.module-icon{font-size:3rem}.module-name{font-size:1.75rem;font-weight:700;color:#000}.module-progress{font-size:1rem;color:#666;font-weight:400}.flashcards-module{min-height:100vh;background:#fff;display:flex;flex-direction:column;padding:1.5rem}.flashcard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.flashcard-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;font-size:1rem;color:#000;font-weight:500}.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;border:2px solid #000;border-radius:4px}.fallback-card{background:#fff;border:2px solid #000;border-radius:4px;padding:4rem;display:flex;align-items:center;justify-content:center}.fallback-display{font-size:8rem;font-weight:800;color:#000;letter-spacing:-.02em}.help-content p{margin-bottom:1rem;line-height:1.6;color:#000}.pronunciation{font-size:1.25rem;background:#fff;border:2px solid #000;padding:1rem;border-radius:2px;font-weight:700}.example{font-size:1.125rem}.note{background:#fff;border:1px solid #ddd;padding:1rem;border-radius:2px;font-style:italic;color:#666}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#666;font-size:1.25rem;gap:1rem;font-weight:400}.sound-display-container{display:flex;justify-content:center;align-items:center;padding:2rem}.sound-display-svg{max-width:100%;height:auto}.sound-letter{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-.02em}.sound-letter.macron{text-decoration:overline;text-decoration-thickness:3px;text-decoration-color:#000}.lesson-runner{display:flex;flex-direction:column;height:100%;min-height:100vh;background:#fff}.task-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:2px solid #000}.task-type-label{font-size:1.25rem;font-weight:700;color:#000;letter-spacing:-.02em}.task-progress{font-size:.875rem;color:#666;font-weight:600}.task-progress-dots{display:flex;gap:.5rem;justify-content:center;padding:1rem;flex-wrap:wrap}.task-progress-dots .progress-dot{width:.75rem;height:.75rem;border-radius:50%;background:#ddd;border:1px solid #ddd}.task-progress-dots .progress-dot.active{background:#999;border-color:#999}.task-progress-dots .progress-dot.completed{background:#000;border-color:#000}.task-content-area{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.task-content-error{color:#999;font-style:italic;padding:2rem;text-align:center}.say-it-fast-display{text-align:center;max-width:400px}.slow-text{font-size:2rem;font-weight:700;color:#000;margin-bottom:1rem}.arrow-down{font-size:2rem;color:#666;margin:.5rem 0}.fast-text{font-size:2.5rem;font-weight:800;color:#000}.say-the-sounds-display{text-align:center;max-width:400px}.blend-text{font-size:3rem;font-weight:800;color:#000;margin-bottom:1rem;letter-spacing:-.02em}.word-text{font-size:2.5rem;font-weight:800;color:#000}.rhyming-display{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:400px}.pattern-text{font-size:3rem;font-weight:800;color:#000;padding:1rem 2rem;border:2px solid #000;border-radius:4px;background:#fff}.plus-sign,.equals-sign{font-size:2rem;color:#666;font-weight:700}.start-text{font-size:3rem;font-weight:800;color:#000;padding:1rem 2rem;border:2px solid #000;border-radius:4px;background:#fff}.story-display{max-width:600px;text-align:center}.story-text{font-size:2rem;line-height:1.6;color:#000;font-weight:600;margin-bottom:2rem}.comprehension-questions{margin-top:2rem;padding:1.5rem;border:2px solid #000;border-radius:4px;background:#fff;text-align:left}.question{font-size:1.125rem;color:#000;margin-bottom:.75rem;font-weight:600}.question:last-child{margin-bottom:0}.writing-prompt{text-align:center;max-width:400px;padding:2rem;border:2px solid #000;border-radius:4px;background:#fff}.writing-icon{font-size:3rem;margin-bottom:1rem}.prompt-instruction{font-size:1.25rem;color:#666;font-weight:600;margin-bottom:1.5rem}.sounds-to-write{display:flex;gap:1.5rem;justify-content:center}.sound-item{font-size:3rem;font-weight:800;color:#000;padding:1rem 1.5rem;border:2px solid #000;border-radius:4px;background:#fff}.parent-reads-display{max-width:600px;text-align:center}.parent-label{font-size:1rem;color:#666;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.parent-text{font-size:2rem;line-height:1.6;color:#000;font-weight:600}.picture-prompt{text-align:center;max-width:400px;padding:2rem;border:2px solid #000;border-radius:4px;background:#fff}.prompt-text{font-size:1.5rem;color:#000;font-weight:600;line-height:1.5}.word-finding-display{text-align:center;max-width:600px}.connected-text{font-size:2rem;font-weight:700;color:#000;letter-spacing:.1em;margin-bottom:2rem;padding:1.5rem;border:2px solid #000;border-radius:4px;background:#fff}.words-to-find{font-size:1rem;color:#666;font-weight:600}.fast-reading-display{text-align:center;max-width:400px}.fast-word{font-size:4rem;font-weight:800;color:#000;margin-bottom:1rem;letter-spacing:-.02em}.instruction{font-size:1.125rem;color:#666;font-weight:600}.parent-help-trigger{align-self:center;background:#fff;border:2px solid #000;color:#000;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;font-weight:700;margin:1rem}.task-response-buttons{display:flex;gap:1rem;padding:0 1rem 2rem}.task-response-buttons .response-btn{flex:1;padding:2rem;font-size:3rem;font-weight:700;border-radius:4px}.task-response-buttons .response-btn.correct{background:#000;color:#fff;border:none}.task-response-buttons .response-btn.incorrect{background:#fff;color:#999;border:2px solid #bbb}.lessons-module{min-height:100vh;background:#fff;display:flex;flex-direction:column;padding:1.5rem}.lesson-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.lesson-number{background:#fff;border:2px solid #000;color:#000;padding:.75rem 1.5rem;border-radius:4px;font-size:1.25rem;font-weight:700}.help-button{width:3rem;height:3rem;border-radius:50%;background:#fff;border:2px solid #000;font-size:1.5rem;font-weight:700;color:#000;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:#fff;border:2px solid #000;font-size:1rem;color:#000;display:flex;align-items:center;justify-content:center}.nav-caret:disabled{opacity:.3;cursor:not-allowed;border-color:#ddd;color:#666}.progress-dots{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.progress-dot{width:.75rem;height:.75rem;border-radius:50%;background:#ddd;border:1px solid #ddd}.progress-dot.active{background:#999}.progress-dot.completed{background:#000;border-color:#000}.lesson-content{flex:1;display:flex;align-items:center;justify-content:center;margin:2rem 0}.lesson-item{background:#fff;border:2px solid #000;border-radius:4px;padding:3rem;min-width:300px;display:flex;align-items:center;justify-content:center}.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:800;color:#000;text-align:center;letter-spacing:-.02em}.story-display{font-size:2rem;line-height:1.6;color:#000;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:4px}.response-btn.correct{background:#000;color:#fff;border:none}.response-btn.incorrect{background:#fff;color:#999;border:2px solid #bbb}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:2rem;z-index:1000}.help-content{background:#fff;border:2px solid #000;border-radius:4px;padding:24px;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:#fff;border:2px solid #000;font-size:1.5rem;display:flex;align-items:center;justify-content:center;color:#000}.help-content h3{margin-bottom:1.5rem;color:#000;padding-right:2rem;font-weight:700;letter-spacing:-.02em}.help-text{line-height:1.6;color:#000;margin-bottom:1rem}.placeholder-note{background:#fff;border:1px solid #ddd;padding:1rem;border-radius:2px;color:#666;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:#000;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.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:#fff;border:2px solid #000;border-radius:4px;font-size:1.5rem;font-weight:700;color:#000;display:flex;align-items:center;justify-content:center}.lesson-grid-item.completed{background:#000;color:#fff}.lesson-grid-item.current{border:2px solid #000}.lesson-unavailable{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.lesson-unavailable p{font-size:1.25rem;color:#666;margin-bottom:1rem;font-weight:600}.lesson-unavailable p:last-child{margin-bottom:0}.custom-module{min-height:100vh;background:#fff;display:flex;flex-direction:column;padding:1.5rem}.custom-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.save-button{width:3rem;height:3rem;border-radius:50%;background:#fff;border:2px solid #000;font-size:1.5rem;display:flex;align-items:center;justify-content:center;color:#000}.save-button:disabled{opacity:.3;cursor:not-allowed;border-color:#ddd;color:#666}.text-display{background:#fff;border:2px solid #000;border-radius:4px;padding:32px;margin-bottom:2rem;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.6;color:#000;margin-bottom:.5rem;font-weight:700}.text-content .sound{position:relative}.text-content .sound:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:4px;background:#000;border-radius:2px}.text-content .silent{font-size:.7em;vertical-align:sub;opacity:.5}.reading-line{height:4px;background:#000;position:relative;margin-top:.5rem}.arrow-tip{position:absolute;right:-8px;top:-5px;width:0;height:0;border-left:8px solid #000;border-top:6px solid transparent;border-bottom:6px solid transparent}.placeholder{color:#666;font-size:1.5rem;text-align:center;margin:auto;font-weight:400}.keyboard-toggle{background:#fff;border:2px solid #000;padding:.75rem;border-radius:4px;font-weight:700;color:#000;margin-bottom:.5rem}.phonetic-keyboard{background:#fff;border:2px solid #000;border-radius:4px;padding:24px;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:#fff;border:2px solid #000;border-radius:2px;color:#000;min-height:3rem;display:flex;align-items:center;justify-content:center}.sound-key:active{background:#000;color:#fff}.keyboard-controls{display:grid;grid-template-columns:1fr 2fr 1fr 1fr;gap:.5rem}.control-key{padding:.75rem;font-size:1rem;font-weight:700;background:#000;color:#fff;border:none;border-radius:4px;min-height:3rem}.control-key:active,.silent-key.active{background:#fff;color:#000;border:2px solid #000}.gallery-btn{padding:.75rem;background:#fff;border:2px solid #000;color:#000;border-radius:4px;font-weight:700;margin-top:.5rem}.gallery-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.gallery-header h2{color:#000;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;padding-bottom:2rem}.gallery-card{background:#fff;border:2px solid #000;border-radius:4px;padding:24px;position:relative;cursor:pointer;min-height:100px;display:flex;align-items:center;justify-content:center}.gallery-card-preview{font-size:.875rem;color:#000;word-break:break-word;font-weight:600}.delete-card{position:absolute;top:.25rem;right:.25rem;width:1.5rem;height:1.5rem;border-radius:50%;background:#000;color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:center;padding:0;border:none}.empty-gallery{grid-column:1 / -1;text-align:center;color:#666;font-size:1.25rem;padding:3rem;font-weight:400}.empty-gallery p{margin-bottom:.5rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:SF Pro Display,Helvetica Neue,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;overflow:hidden;height:100vh;width:100vw;color:#000;line-height:1.6}#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}