.login-container{display:flex;flex-direction:column;min-height:100vh;width:100vw;background:linear-gradient(135deg,#063008,#136c62);align-items:center}.login-banner-container{max-width:1200px;width:100%}.warning-icon{font-size:1.75em;font-weight:400;color:var(--color-text-dark);margin:0 12px}.login-content{display:flex;max-width:1200px;width:100%;height:550px;border-radius:12px;overflow:hidden;margin:24px 0;text-align:center}.login-left{flex:1;display:flex;justify-content:center;flex-direction:column;background-color:#0006;color:var(--color-secondary);font-family:Instrument Sans,sans-serif;font-size:1.5em;font-weight:400;padding:48px}.login-left p{font-size:1.1rem;line-height:1.6;opacity:.8}.login-right{flex:1;padding:48px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--color-secondary);gap:24px}.login-right h3{margin:0;font-family:"Roboto Serif",serif;font-size:2em;font-weight:500;color:var(--color-text-dark)}.google-login-btn{display:flex;align-items:center;gap:12px;padding:.8rem 1.5rem;background-color:#fff;border:1px solid #ddd;border-radius:8px;font-weight:600;color:#3c4043;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.google-login-btn:hover{background-color:#f8f9fa;border-color:teal;box-shadow:0 4px 12px #0000001a}.google-icon{width:18px;height:18px}.grass-footer{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100vw;height:auto;display:block;pointer-events:none}.main-header{display:flex;max-width:1200px;width:100%;font-family:"Roboto Serif",serif;font-weight:700;justify-content:space-between;padding:36px 0}.title{font-size:3em;color:var(--color-secondary);display:inline-flex;align-items:center}.title-logo{height:1.5em;width:auto;margin-right:-4px}.tab{font-family:inherit;font-size:2em;font-weight:700;background:none;padding:0;border:none;cursor:pointer;color:var(--color-secondary)}.tab-bar{display:flex;gap:16px}.banner{display:flex;background-color:var(--background-color);border-radius:12px;width:100%;align-items:center;text-align:center}.message{font-family:Instrument Sans,sans-serif;font-size:1.5em;font-weight:400;color:#000c}.app-container{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.child-home-container{display:flex;flex-direction:column;min-height:100vh;width:100vw;background:linear-gradient(135deg,#063008,#136c62);align-items:center}.child-home-content{display:flex;max-width:1200px;width:100%;flex:1;justify-content:center;align-items:center;padding:24px 0 120px}.child-home-card{position:relative;background-color:var(--color-secondary);border-radius:12px;padding:48px 64px;display:flex;flex-direction:column;align-items:center;gap:24px;min-width:400px}.child-home-sticker{position:absolute;top:-100px;left:-40px;width:140px;height:auto;transform:rotate(-20deg);pointer-events:none}.child-home-card h2{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-heading);font-weight:var(--font-weight-heading);color:var(--color-text-dark)}.child-home-card p{margin:0;font-family:Instrument Sans,sans-serif;font-size:1.1em;color:#0009}.child-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:36px 0;max-width:1200px;width:100%}.child-header-title{font-family:"Roboto Serif",serif;font-size:3em;font-weight:700;color:var(--color-secondary)}.child-header-right{display:flex;align-items:center;gap:12px}.child-header-email{font-family:Instrument Sans,sans-serif;font-size:.9rem;color:var(--color-secondary)}.child-header-logout{padding:.5rem 1.25rem;background-color:#f60;color:#fff;border:none;border-radius:6px;font-family:Instrument Sans,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.child-header-logout:hover{background-color:#cc5200}.word-builder-content{display:flex;max-width:1200px;width:100%;flex:1;justify-content:center;align-items:center;padding:24px 0 120px}.exercise-card{width:400px;padding:48px 0;background-color:var(--color-secondary);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.instruction-card{justify-content:center;gap:32px}.instruction-title{margin:0;text-align:center;font-family:var(--font-family-heading);font-size:var(--font-size-heading);font-weight:var(--font-weight-heading);color:var(--color-text-dark)}.bubble-button{width:52px;height:52px;border-radius:50%;border:4px solid var(--color-action);background-color:transparent;color:var(--color-action);display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:background-color .15s,color .15s,opacity .15s;flex-shrink:0}.bubble-button:not(:disabled):hover{background-color:var(--color-action);color:#fff}.bubble-button:disabled{opacity:.3;cursor:not-allowed;border-color:#00000040;color:#00000040}.word-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5em;text-align:center}.word-header-top{display:flex;align-items:center;justify-content:center;gap:.5em}.phoneme-legend{display:flex;align-items:center;justify-content:center;gap:14px}.phoneme-legend-item{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-dark);opacity:.7}.phoneme-legend-swatch{display:inline-block;width:12px;height:12px;border-radius:3px}.phoneme-legend-swatch--consonant{background-color:var(--color-action)}.phoneme-legend-swatch--vowel{background-color:var(--color-action-secondary)}.instruction-text{font-family:var(--font-family-heading);font-weight:var(--font-weight-heading);color:var(--color-text-dark);margin:0}.target-word-row{display:flex;align-items:center;justify-content:center;gap:.6em}.target-word-button{font:inherit;background:none;border:none;padding:0;font-family:var(--font-family-heading);font-weight:700;font-size:2rem;color:var(--color-action);margin:0;text-align:center;cursor:pointer;display:inline-flex;align-items:center;gap:.3em}.target-word-text{text-decoration:underline}.instruction-audio-icon{font-size:1.4em;color:var(--color-action);cursor:pointer;flex-shrink:0}.phoneme-tile-empty-slot{border-width:3px;border-color:#0000004d;border-style:dashed;border-radius:12px;box-sizing:border-box}.phoneme-tile-slot-row{display:flex;gap:12px}.phoneme-tile-slot{border-radius:12px}.phoneme-tile-slot--drag-over .phoneme-tile-empty-slot{border-color:#7fff00;background-color:#7fff0026}.phoneme-tile-slot--correct{box-shadow:0 0 0 3px #22c55e}.phoneme-tile-slot--incorrect{box-shadow:0 0 0 3px #ef4444}.phoneme-tile-row{display:flex;gap:12px;min-height:100px;flex-shrink:0;align-self:stretch;margin:0 48px;padding:12px;border:3px dashed rgba(0,0,0,.3);border-radius:12px;box-sizing:border-box}.tile-container{width:80px;height:100px}.phoneme-tile{background-color:var(--color-action);border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px #ffffff59,inset 0 -4px #0003,0 4px 6px #0000004d}.phoneme-tile--vowel{background-color:var(--color-action-secondary)}.phoneme-tile--dragging{opacity:.5}.tile-icon-circle{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:3px solid var(--color-secondary)}.tile-icon{color:var(--color-secondary);font-size:22px}.magic-button{position:relative;width:90px;height:45px;border-radius:20px;border:4px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#241b3d;border-color:#3a2c5e;box-shadow:inset 0 2px 2px #ffffff4d,inset 0 -2px 3px #0003,0 3px 5px #0003;transition:transform .1s ease,box-shadow .1s ease}.magic-button:hover{filter:saturate(1.3)}.magic-button:active{transform:translateY(2px);box-shadow:inset 0 2px 2px #ffffff4d,inset 0 -1px 2px #0003,0 1px 3px #0003}.magic-button:disabled{cursor:default;filter:grayscale(.7) brightness(.85)}.magic-button__icon{position:relative;z-index:1;font-size:2.2rem;color:#ff2fb5;filter:drop-shadow(0 0 6px rgba(255,47,181,.6))}.magic-button:hover:not(:disabled) .magic-button__icon{animation:magic-button-wave 3s ease-in-out infinite}.magic-button:hover:not(:disabled){animation:magic-button-border-wave 3s ease-in-out infinite}@keyframes magic-button-wave{0%{color:#ff2fb5;filter:drop-shadow(0 0 6px rgba(255,47,181,.6))}50%{color:#1fd0ff;filter:drop-shadow(0 0 6px rgba(31,208,255,.6))}to{color:#ff2fb5;filter:drop-shadow(0 0 6px rgba(255,47,181,.6))}}@keyframes magic-button-border-wave{0%{border-color:#ff2fb5}50%{border-color:#1fd0ff}to{border-color:#ff2fb5}}.completed-card-rexi-clip{width:140px;height:81px;overflow:hidden}.completed-card-rexi{display:block;width:140px;margin-top:-67px}.assignment-container{display:flex;flex-direction:column;min-height:100vh;width:100vw;background:linear-gradient(135deg,#063008,#136c62);align-items:center}.deck-manager{display:flex;flex-direction:column;align-items:center;gap:24px}.pronounciation-blending-exercise-home-content{display:flex;max-width:1200px;width:100%;flex:1;justify-content:center;align-items:center;padding:24px 0 120px}.start-assignment-btn{padding:.8rem 2rem;font-size:1rem;font-weight:600;font-family:Instrument Sans,sans-serif;background-color:var(--color-action);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease;box-shadow:0 2px 8px #db127d59}.start-assignment-btn:hover{background-color:#a50d5e}.phrase-card{gap:32px;position:relative}.phrase-hint{position:absolute;top:16px;right:16px;font-size:2.4rem;color:#000000bf;cursor:pointer}.phrase-text{margin:0;font-family:var(--font-family-heading);font-size:3em;font-weight:var(--font-weight-heading);color:var(--color-text-dark)}.phrase-microphone{font-size:5em;color:var(--color-action);cursor:pointer;transition:color .15s}.phrase-microphone--recording{color:#e53935}.phrase-bubble-row{display:flex;gap:20px}.correction-card{gap:16px;position:relative}.correction-word-group{display:inline-flex;flex-direction:column;align-items:stretch;gap:6px;border:2.5px solid rgba(0,0,0,.8);border-radius:16px;padding:16px 24px}.correction-bar{width:100%;height:20px}.correction-header{margin:0;font-family:var(--font-family-heading);font-size:3em;font-weight:var(--font-weight-heading);color:var(--color-text-dark)}.correction-word{margin:0;font-family:var(--font-family-heading);font-size:3em;font-weight:700}.solution-label,.solution-word{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-heading);font-weight:var(--font-weight-heading);color:var(--color-text-dark)}.solution-phrase-row{display:flex;align-items:center;gap:12px}.solution-speaker{font-size:1.4em;color:var(--color-action);cursor:pointer;flex-shrink:0}.completed-card{gap:16px}.completed-title{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-heading);font-weight:var(--font-weight-heading);color:var(--color-text-dark)}.audio-check-content{display:flex;max-width:1200px;width:100%;flex:1;justify-content:center;align-items:center;padding:24px 0 120px}.audio-check-card{width:600px;height:400px;background-color:var(--color-secondary);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.audio-check-title{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-heading);font-weight:var(--font-weight-heading);color:var(--color-text-dark);text-align:center}.audio-check-body{display:flex;align-items:center;justify-content:center;gap:80px}.audio-check-left{display:flex;flex-direction:column;align-items:center;gap:16px}.audio-check-mic{font-size:5em;color:var(--color-action)}.audio-check-bar-track{width:120px;height:10px;background-color:#0000001a;border-radius:5px;overflow:hidden}.audio-check-bar-fill{height:100%;background-color:var(--color-action);border-radius:5px;transition:width .05s ease-out}.audio-check-right{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:-55px}.audio-check-rexi-label{font-size:.85rem;color:#00000080}.audio-check-rexi-clip{width:140px;height:140px;overflow:hidden;cursor:pointer;flex-shrink:0}.audio-check-rexi{width:140px;transition:opacity .15s}.audio-check-rexi-clip:hover .audio-check-rexi{opacity:.8}html,body,#root{margin:0;padding:0;width:100%;height:100%;min-height:100vh}body{overflow-x:hidden}*{box-sizing:border-box}:root{--color-secondary: #EDFFE8;--color-action: #eb1578;--color-action-secondary: #5d009f;--color-warning: #ff6600;--color-text-dark: rgba(0, 0, 0, .8);--font-family-heading: "Roboto Serif", serif;--font-size-heading: 2em;--font-weight-heading: 500}