.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}.assessment-container{padding:2rem;font-family:sans-serif;max-width:1200px;margin:0 auto}.assessment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.leave-button{padding:.5rem 1rem;margin-top:2rem;background-color:var(--color-warning);color:#fff;border:none;border-radius:4px;cursor:pointer}.leave-button:hover{background-color:#dc2626}.transcript-label{display:block;margin-bottom:.5rem}.transcript-textarea{width:100%;padding:.5rem;border-radius:8px;border:1px solid #ccc;margin-bottom:1rem;font-family:inherit;resize:vertical}.button-group{display:flex;gap:10px;flex-wrap:wrap}.btn{padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;border:1px solid #ccc;background-color:#f9f9f9;font-weight:500;transition:all .2s}.btn:hover:not(:disabled){background-color:#f0f0f0;border-color:#bbb}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-submit{background-color:#2563eb;color:#fff;border:none}.btn-submit:hover:not(:disabled){background-color:#1d4ed8}.status-text,.audio-container{margin-top:1rem}.result-container{margin-top:1rem;padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.result-json{white-space:pre-wrap;background:#eee;padding:1rem;border-radius:8px;font-size:.8rem;overflow-x:auto}.pronounciation-blending-exercise-home-container{display:flex;flex-direction:column;min-height:100vh;width:100vw;background:linear-gradient(135deg,#063008,#136c62);align-items:center}.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}.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}.deck-manager{display:flex;flex-direction:column;align-items:center;gap:24px}.exercise-card{width:400px;height:400px;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: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}.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-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-warning: #ff6600;--color-text-dark: rgba(0, 0, 0, .8);--font-family-heading: "Roboto Serif", serif;--font-size-heading: 2em;--font-weight-heading: 500}