@font-face{font-family:Peralta;src:url(/fonts/peralta.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{--sky-blue: #87CEEB;--grass-green: #7EC850;--sunshine-yellow: #FFD700;--cloud-white: #FFFFFF;--rainbow-red: #FF6B6B;--rainbow-orange: #FFA500;--rainbow-yellow: #FFD93D;--rainbow-green: #6BCB77;--rainbow-blue: #4D96FF;--rainbow-purple: #A77BCA;--primary: #FF6B9D;--success: #6BCB77;--warning: #FFD93D;--error: #FF6B6B;--text-dark: #2C3E50;--text-light: #FFFFFF;--card-green: #8B9D83;--card-blue: #7B8A9D;--card-rose: #C4A7A7;--card-purple: #9D7B9D;--border-radius: 20px;--spacing: 1rem;--font-display: "Peralta", sans-serif;--font-body: "Peralta", sans-serif;--font-heading: "Peralta", sans-serif;--drawing-card-width: 18vw;--drawing-card-height: 25vw;--drawing-card-min-width: 150px;--drawing-card-min-height: 200px;--drawing-card-max-width: 300px;--drawing-card-max-height: 400px;--question-font-size: 2rem;--answer-font-size: 1.3rem;--instruction-font-size: 1.2rem;--btn-font-size: 1.5rem;--clear-btn-size: 30px;--mic-button-size: 200px;--mic-button-font-size: 5rem}.beta-theme{--primary: #4D96FF;--primary-light: #f0f7ff;--card-green: #6BCB77;--card-blue: #4D96FF;--card-rose: #FF6B6B;--card-purple: #A77BCA;--font-display: "Peralta", sans-serif;--font-body: "Peralta", sans-serif;--font-heading: "Peralta", sans-serif}.beta-theme body{background-image:linear-gradient(135deg,#f5f7fa,#c3cfe2);background-attachment:fixed}.beta-theme .app-container{background:#fff6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.beta-theme .card{border-radius:30px;border:1px solid rgba(255,255,255,.8);box-shadow:0 15px 35px #0000001a}.beta-theme .question-box{background:#fff;border:none;box-shadow:0 10px 20px #0000000d}*{margin:0;padding:0;box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*:focus{outline:3px solid var(--primary);outline-offset:2px}button:focus,input:focus,select:focus,textarea:focus,a:focus{outline:3px solid var(--primary);outline-offset:2px}*:focus:not(:focus-visible){outline:none}*:focus-visible{outline:3px solid var(--primary);outline-offset:2px}body{font-family:var(--font-body);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;background-image:url(/assets/background_2-BBXr2t20.webp);background-repeat:no-repeat;background-position:center;background-attachment:fixed;background-size:cover}.inline-icon{width:1em;height:1em;display:inline-block;vertical-align:-.125em}#root{min-height:100vh;position:relative}.app-container{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem;width:100%;max-width:100vw;box-sizing:border-box}.btn{font-family:var(--font-heading);font-size:var(--btn-font-size);font-weight:600;padding:1rem 2.5rem;border:4px solid white;border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #00000040;text-transform:capitalize}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 25px #0000004d}.btn:active{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--primary),#FF8FAB);color:var(--text-light)}.btn-success{background:linear-gradient(135deg,var(--success),#8FD896);color:var(--text-light)}.btn-warning{background:linear-gradient(135deg,var(--warning),#FFE066);color:var(--text-dark)}.card{background:#fff;border-radius:var(--border-radius);padding:2rem;box-shadow:0 5px 20px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.question-box{background:linear-gradient(135deg,#e0f7fa,#b2ebf2);border:3px solid white;border-radius:var(--border-radius);padding:1.5rem 2rem;margin-bottom:2rem;margin-top:4.5rem;box-shadow:0 3px 10px #0000001a}.question-text{font-family:var(--font-display);font-size:var(--question-font-size);color:var(--text-dark);text-align:center;font-weight:700}.instruction-text{font-family:var(--font-heading);font-size:var(--instruction-font-size);color:var(--text-dark);text-align:center}.drawing-container{display:flex;gap:1rem;justify-content:center;margin:2rem 0;flex-wrap:wrap}.drawing-box{width:var(--drawing-card-width);height:var(--drawing-card-height);min-width:var(--drawing-card-min-width);min-height:var(--drawing-card-min-height);max-width:var(--drawing-card-max-width);max-height:var(--drawing-card-max-height);border-radius:15px;box-shadow:0 3px 10px #0003;overflow:hidden;position:relative;touch-action:none}.clear-btn{position:absolute;bottom:10px;right:10px;background:#fffc;border:none;border-radius:50%;width:var(--clear-btn-size);height:var(--clear-btn-size);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:calc(var(--clear-btn-size) * .5);z-index:10;transition:background .2s}.clear-btn:hover{background:#fff}.drawing-box-1{background:var(--card-green)}.drawing-box-2{background:var(--card-blue)}.drawing-box-3{background:var(--card-rose)}.drawing-box-4{background:var(--card-purple)}.answer-box{background:#fff;border:2px solid var(--text-dark);border-radius:var(--border-radius);padding:1rem 2rem;min-height:60px;font-family:var(--font-heading);font-size:var(--answer-font-size);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.mic-button{width:var(--mic-button-size);height:var(--mic-button-size);border-radius:50%;background:linear-gradient(135deg,#e8a5a5,#d48989);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--mic-button-font-size);color:#fff;box-shadow:0 10px 30px #0000004d;transition:all .3s ease;margin:2rem auto}.mic-button:hover{transform:scale(1.05);box-shadow:0 12px 35px #0006}.mic-button.recording{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,#ff8e8e)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.hint-button{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#ffd93d,#ffc107);border:3px solid white;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;box-shadow:0 4px 15px #00000040;transition:all .3s ease;z-index:100}.language-selector-floating{position:fixed;bottom:2rem;left:2rem;z-index:1000}.profile-dropdown-floating{position:fixed;top:2rem;right:2rem;z-index:1000}.profile-icon-btn{position:fixed;top:2rem;left:2rem;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#FF8FAB);border:3px solid white;font-size:2rem;cursor:pointer;box-shadow:0 4px 15px #0003;display:flex;align-items:center;justify-content:center;z-index:100;transition:all .3s ease}.profile-icon-btn:hover{transform:scale(1.1)}.profile-icon-btn:active{transform:scale(.9)}.music-toggle-floating{position:fixed;bottom:7rem;left:2rem;z-index:1000}.music-toggle-btn{width:60px;height:60px;border-radius:50%;background:#ffffffe6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:0 4px 15px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.music-toggle-btn:hover{box-shadow:0 6px 20px #00000026;background:#fffffff2}.language-selector-btn{width:60px;height:60px;border-radius:50%;background:#ffffffe6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.language-selector-btn:hover{box-shadow:0 6px 20px #00000026;background:#fffffff2}.language-selector-btn.open{background:#fffffff2;box-shadow:0 6px 20px #00000026}.hint-button:hover:not(:disabled){box-shadow:0 6px 20px #00000059}.hint-button:active:not(:disabled){transform:scale(.95)}.hint-button:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#ccc,#999)}.hint-modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.hint-modal-content{background:#fff;border-radius:var(--border-radius);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column}.hint-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #f0f0f0}.hint-modal-title{font-family:var(--font-heading);font-size:1.8rem;color:var(--text-dark);margin:0}.hint-modal-close{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--text-dark);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.hint-modal-close:hover{background:#0000001a}.hint-modal-close:focus{outline:2px solid var(--primary);outline-offset:2px}.hint-modal-body{padding:2rem;flex:1}.hint-gif-container{text-align:center}.hint-gif{max-width:100%;height:auto;border-radius:10px;box-shadow:0 4px 15px #0000001a}.gif-hint-player{position:relative;width:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.gif-hint-image{max-width:100%;max-height:70vh;height:auto;width:auto;border-radius:12px;box-shadow:0 4px 20px #00000026;object-fit:contain;transition:opacity .3s ease,transform .3s ease}.gif-hint-image:focus{outline:3px solid var(--primary);outline-offset:4px}.gif-hint-image.hidden{display:none}.gif-hint-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem}.loading-spinner{font-size:3rem;display:inline-block}.gif-hint-loading p{font-family:var(--font-body);font-size:1.2rem;color:var(--text-dark)}.gif-hint-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center;background:#fff3cd;border:2px solid #ffc107;border-radius:12px}.error-icon{font-size:3rem;margin:0}.error-message{font-family:var(--font-body);font-size:1.2rem;color:#856404;font-weight:600;margin:0}.error-fallback{font-family:var(--font-body);font-size:1rem;color:var(--text-dark);margin:.5rem 0 0;padding:1rem;background:#fff;border-radius:8px}.gif-hint-description{margin-top:1.5rem;width:100%;text-align:center}.hint-alt-text{margin-top:1rem;font-family:var(--font-body);font-size:1.1rem;color:var(--text-dark);padding:1rem;background:#f8f9fa;border-radius:10px}.hint-audio-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.hint-audio{width:100%;max-width:400px;border-radius:10px}.hint-transcript{width:100%;padding:1rem;background:#f8f9fa;border-radius:10px;font-family:var(--font-body);font-size:1rem;color:var(--text-dark)}.hint-transcript strong{display:block;margin-bottom:.5rem;color:var(--primary)}.hint-replay-btn{font-family:var(--font-heading);font-size:1.2rem;padding:.8rem 1.5rem;background:linear-gradient(135deg,var(--rainbow-blue),#6BA5FF);color:#fff;border:2px solid white;border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #0003}.hint-replay-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #00000040}.hint-modal-footer{padding:1.5rem;border-top:2px solid #f0f0f0;display:flex;justify-content:center}.hint-close-btn{min-width:150px}@media(max-width:768px){.hint-modal-content{max-width:95%}.hint-modal-title{font-size:1.5rem}.hint-modal-body{padding:1.5rem}.gif-hint-player{min-height:200px}.gif-hint-image{max-height:50vh;border-radius:8px}.gif-hint-loading{padding:2rem}.loading-spinner{font-size:2.5rem}.gif-hint-loading p{font-size:1rem}.hint-alt-text{font-size:1rem;padding:.8rem}}@media(max-width:480px){.gif-hint-player{min-height:150px}.gif-hint-image{max-height:40vh;border-radius:6px}.loading-spinner{font-size:2rem}.gif-hint-loading p{font-size:.9rem}.error-icon{font-size:2rem}.error-message{font-size:1rem}.error-fallback{font-size:.9rem;padding:.8rem}.hint-alt-text{font-size:.9rem;padding:.6rem}}.audio-hint-player{position:relative;width:100%;max-width:400px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;box-shadow:0 4px 15px #0000001a;text-align:center}.audio-hint-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem}.audio-hint-loading p{font-family:var(--font-body);font-size:1.1rem;color:var(--text-dark);margin:0}.audio-hint-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem;background:#fff3cd;border:2px solid #ffc107;border-radius:15px}.audio-hint-error .error-icon{font-size:3rem;margin:0}.audio-hint-error .error-message{font-family:var(--font-body);font-size:1rem;color:#856404;text-align:center;margin:0}.audio-hint-error .error-transcript{margin-top:1rem;padding:1rem;background:#fffc;border-radius:10px;font-family:var(--font-body);font-size:.95rem;color:#856404}.audio-hint-error .error-transcript strong{display:block;margin-bottom:.5rem}.audio-hint-controls{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.audio-play-btn{font-size:4rem;width:120px;height:120px;border:none;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--rainbow-blue));color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #0003;display:flex;align-items:center;justify-content:center}.audio-play-btn:hover:not(:disabled){box-shadow:0 8px 25px #0000004d;transform:translateY(-3px)}.audio-play-btn:active:not(:disabled){transform:translateY(-1px)}.audio-play-btn:disabled{cursor:default;opacity:.9}.audio-play-btn:focus{outline:4px solid var(--primary);outline-offset:6px}.audio-hint-instruction{font-family:var(--font-heading);font-size:1.2rem;color:var(--text-dark);margin:0;font-weight:500}.audio-transcript{font-family:var(--font-body);font-size:1.1rem;color:var(--text-dark);margin:0;padding:1rem;background:#ffffffb3;border-radius:10px;font-style:italic}.audio-transcript small{font-size:1rem}@media(max-width:768px){.audio-hint-player{padding:1rem}.audio-control-btn{width:60px;height:60px;font-size:2rem}.audio-play-pause{width:70px;height:70px;font-size:2.5rem}.audio-replay{width:50px;height:50px;font-size:1.8rem}.audio-status-indicator{font-size:1rem}.audio-volume-container{padding:.6rem}.audio-shortcuts-hint small{font-size:.75rem}}@media(max-width:480px){.audio-hint-player{padding:.8rem}.audio-control-btn{width:50px;height:50px;font-size:1.8rem}.audio-play-pause{width:60px;height:60px;font-size:2.2rem}.audio-replay{width:45px;height:45px;font-size:1.5rem}.audio-status-indicator{font-size:.9rem}.audio-time{font-size:.8rem;min-width:40px}.audio-volume-label{font-size:.9rem}.audio-volume-value{font-size:.8rem;min-width:40px}.audio-transcript-content{font-size:.9rem}}.feedback-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:3rem;color:var(--text-light);text-shadow:2px 2px 4px rgba(0,0,0,.5);z-index:9999;pointer-events:none}.feedback-correct{animation:bounce .6s ease}.feedback-incorrect{animation:shake .5s ease}@keyframes bounce{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}}@keyframes shake{0%,to{transform:translate(-50%,-50%)}25%{transform:translate(-48%,-50%)}75%{transform:translate(-52%,-50%)}}.confetti{position:fixed;width:10px;height:10px;background:var(--rainbow-yellow);position:absolute;animation:confetti-fall 3s linear}@keyframes confetti-fall{to{transform:translateY(100vh) rotate(360deg);opacity:0}}.spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid var(--primary);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@media(max-width:768px){.app-container{padding:1rem}.question-text{font-size:1.5rem}.drawing-container{width:100%;max-width:95vw}.drawing-box{width:calc(50% - .5rem);max-width:none;height:28vh;min-height:200px}.btn{font-size:1.2rem;padding:.8rem 1.5rem;width:100%;text-align:center}.mic-button{width:120px;height:120px;font-size:3rem}}@media(max-width:414px){.question-text{font-size:1.2rem}.drawing-box{min-height:180px}.mic-button{width:100px;height:100px;font-size:2.5rem}.hint-button{width:50px;height:50px;font-size:1.5rem;bottom:1rem;right:1rem}.language-selector-floating{bottom:1rem;left:1rem}.music-toggle-floating{bottom:5.5rem;left:1rem}.music-toggle-btn{width:50px;height:50px;font-size:1.3rem}.language-selector-btn{width:50px;height:50px}}.session-summary-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.session-summary-content{background:#fff;border-radius:var(--border-radius);max-width:500px;width:100%;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column}.session-summary-header{padding:2rem 1.5rem 1rem;text-align:center;border-bottom:2px solid #f0f0f0}.session-summary-title{font-family:var(--font-heading);font-size:2rem;color:var(--text-dark);margin:0}.session-summary-body{padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.session-stat{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#f8f9fa;border-radius:var(--border-radius);transition:transform .2s}.session-stat:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon{font-size:2.5rem;margin-bottom:.5rem}.stat-label{font-size:1rem;color:var(--text-muted);margin-bottom:.5rem;text-align:center}.stat-value{font-size:2rem;font-weight:700;color:var(--primary);font-family:var(--font-heading)}.session-summary-footer{padding:1.5rem;display:flex;gap:1rem;border-top:2px solid #f0f0f0}.session-continue-btn,.session-exit-btn{flex:1;padding:1rem;font-size:1.1rem;font-weight:700;border-radius:var(--border-radius);cursor:pointer;transition:all .2s}.session-continue-btn{background:var(--primary);color:#fff;border:none}.session-continue-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.session-exit-btn{background:#fff;color:var(--text-dark);border:2px solid #ddd}.session-exit-btn:hover{background:#f8f9fa;border-color:var(--text-dark)}@media(max-width:768px){.session-summary-content{max-width:95%}.session-summary-title{font-size:1.5rem}.stat-icon{font-size:2rem}.stat-value{font-size:1.5rem}.session-summary-footer{flex-direction:column}}.count-progress{width:100%;max-width:500px;margin:2rem auto;padding:1.5rem;background:#fff;border-radius:var(--border-radius);box-shadow:0 4px 15px #0000001a}.progress-text{font-family:var(--font-heading);font-size:1.5rem;color:var(--text-dark);text-align:center;margin-bottom:1rem;font-weight:600}.progress-bar-container{width:100%;height:30px;background:#e9ecef;border-radius:15px;overflow:hidden;margin-bottom:1rem;box-shadow:inset 0 2px 4px #0000001a}.progress-bar-fill{height:100%;background:linear-gradient(135deg,var(--success),#8FD896);border-radius:15px;transition:width .3s ease-out;box-shadow:0 2px 8px #6bcb7766}.progress-range{font-family:var(--font-body);font-size:1.1rem;color:var(--text-dark);text-align:center;opacity:.8}@media(max-width:768px){.count-progress{padding:1rem}.progress-text{font-size:1.2rem}.progress-bar-container{height:25px}.progress-range{font-size:1rem}}@media(max-width:480px){.count-progress{padding:.8rem}.progress-text{font-size:1rem}.progress-bar-container{height:20px}.progress-range{font-size:.9rem}}@media(orientation:portrait)and (min-height:900px){:root{--drawing-card-min-width: 160px;--drawing-card-min-height: 220px;--drawing-card-max-width: none;--drawing-card-max-height: none;--question-font-size: 2.5rem;--answer-font-size: 1.6rem;--instruction-font-size: 1.5rem;--btn-font-size: 1.8rem;--clear-btn-size: 40px;--mic-button-size: 240px;--mic-button-font-size: 6rem}.drawing-container{width:100%;max-width:95vw;padding:0 1rem}.drawing-box{width:calc(50% - .5rem);height:36vh;min-width:var(--drawing-card-min-width);min-height:var(--drawing-card-min-height)}}@media(orientation:portrait)and (min-height:1100px){:root{--drawing-card-min-width: 200px;--drawing-card-min-height: 280px;--question-font-size: 3rem;--answer-font-size: 2rem;--instruction-font-size: 1.8rem;--btn-font-size: 2rem;--clear-btn-size: 45px;--mic-button-size: 280px;--mic-button-font-size: 7rem}.drawing-box{height:40vh}}.learning-card{background:#fff;color:#203047;border-radius:16px;padding:1.25rem;width:min(100%,560px);margin:1rem auto}.learning-card input{max-width:100%;padding:.75rem;margin:.5rem}.learning-card summary,.comfort-controls summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.practice-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.object-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:.5rem}.count-object{min-height:48px;min-width:44px;font-size:1.5rem;border:2px solid #456481;border-radius:50%;background:#dcecff;color:#203047;cursor:pointer}.count-object:disabled{opacity:1;border-style:dashed;cursor:default}.tracing-guide{position:absolute;inset:0;display:grid;place-items:center;font:180px/1 var(--font-body);color:#ffffff73;pointer-events:none;z-index:3}.comfort-controls{position:fixed;left:7rem;bottom:2rem;z-index:1100;padding:.25rem .75rem;border-radius:12px;background:#fff;color:#203047;box-shadow:0 2px 10px #0002;max-width:calc(100vw - 14rem);font:1rem/1.4 var(--font-body)}.comfort-controls label{display:block;padding:.5rem 0;min-height:44px}.connection-notice{position:sticky;top:0;z-index:1200;background:#fff0c2;color:#203047;padding:.75rem;text-align:center}body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.learning-card p,.learning-card li,.connection-notice{font-family:var(--font-body);line-height:1.5}.comfort-controls[open]{max-width:calc(100vw - 9rem)}.practice-page{gap:1rem;padding-bottom:7rem;color:var(--text-dark)}.practice-toolbar,.practice-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;max-width:100%}.practice-toolbar{min-height:60px;padding:0 4.5rem}.session-progress{color:var(--text-dark);background:#fffffff2;border:2px solid white;border-radius:24px;padding:.65rem 1rem;font:1rem/1.4 var(--font-body);margin:0;text-align:center}.btn.instruction-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;font-size:1rem;padding:.6rem 1rem;border-width:2px;border-radius:24px;color:var(--text-dark);background:#fff;box-shadow:0 2px 8px #0002;text-transform:none}.practice-page .question-box{margin-top:1rem;margin-bottom:.5rem}.practice-choice{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.5rem 1rem;border-radius:24px;background:#fff;color:var(--text-dark);font-size:1rem}.practice-choice input,.comfort-panel input{width:20px;height:20px;accent-color:var(--primary);flex-shrink:0}.practice-note{font-size:.875rem;line-height:1.5;margin:0;text-align:center}.practice-tools{padding:.5rem 1rem;background:#fffffff2;border-radius:20px}.practice-tools .practice-note{flex-basis:100%}.answer-entry{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:min(100%,600px);padding:1rem 1.25rem;background:#fffffff7;border:2px solid white;border-radius:20px}.answer-entry label{color:var(--text-dark);font-size:1rem}.answer-entry .answer-input,.adult-form input{width:min(100%,360px);min-height:48px;padding:.65rem 1rem;border:2px solid var(--primary);border-radius:12px;font:1.25rem/1.4 var(--font-body);text-align:center;background:#fff;color:var(--text-dark)}.speech-recorder{text-align:center;margin:.5rem 0}.speech-recorder .instruction-text{background:#fffffff2;border-radius:20px;padding:.5rem 1rem;margin-top:.75rem;font-size:1rem}.speaking-practice{--mic-button-size: 150px;--mic-button-font-size: 4rem}.math-practice-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:5rem 1rem 1rem;width:min(100%,700px)}.comfort-controls{border:2px solid white;border-radius:24px;color:var(--text-dark)}.comfort-panel{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 0;width:min(300px,calc(100vw - 10rem))}.comfort-panel label,.comfort-music{display:flex;align-items:center;gap:.75rem}.adult-area,.session-complete{justify-content:center;padding-bottom:7rem}.adult-area>.learning-card,.session-complete>.learning-card{text-align:center;padding:2rem}.adult-area h1,.session-complete h1{font-family:var(--font-heading);margin-bottom:1rem}.adult-area p,.session-complete p{margin-bottom:1rem}.adult-form{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1rem}.session-complete .btn{display:inline-block;margin:.5rem}@media(max-width:600px){.practice-toolbar{padding:4rem 0 0}.math-practice-content{padding-top:8rem}.comfort-controls{left:6rem;bottom:1.5rem;max-width:calc(100vw - 12rem);font-size:.875rem}}.comfort-controls{padding:0;width:60px;height:60px;max-width:none;border:3px solid white;border-radius:50%}.comfort-controls summary{display:flex;align-items:center;justify-content:center;width:54px;height:54px;padding:0;font-size:1.75rem;list-style:none}.comfort-controls summary::-webkit-details-marker{display:none}.comfort-controls .comfort-panel{position:absolute;bottom:4.5rem;left:0;width:min(320px,calc(100vw - 9rem));padding:1rem;border:3px solid white;border-radius:20px;background:#fff;box-shadow:0 6px 24px #0003}.practice-page{gap:.75rem}.writing-practice .drawing-container{margin:.5rem 0}.writing-practice .practice-tools{width:min(100%,600px)}.writing-practice .practice-tools .practice-note{flex-basis:auto}.speaking-practice .speech-recorder .mic-button{width:130px;height:130px}.speaking-practice .answer-box{min-height:48px;padding:.5rem 1rem}.speaking-practice .answer-entry{padding:.75rem 1rem;gap:.5rem}.speaking-practice .speech-recorder{margin:0}.speaking-practice .question-box{padding:1rem 1.5rem}.speaking-practice .speech-recorder .instruction-text{margin-top:.5rem}.btn.read-instruction{width:48px;min-width:48px;height:48px;padding:.5rem;border-radius:50%;font-size:1.35rem}.recent-practice-list{list-style:none;padding:0}.recent-practice-list>li{padding:1rem 0;border-bottom:1px solid #dce3e9}.recent-practice-result{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem}.recent-practice-result>span{font-size:.875rem}.practice-evidence{margin-top:.5rem;font-size:.875rem}.practice-evidence summary{min-height:44px;cursor:pointer;color:var(--text-dark);text-decoration:underline}.practice-evidence ul{padding-left:1.25rem}.writing-practice{gap:.5rem}.math-practice-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:min(100%,500px)}.math-practice-setting{min-width:0}.math-practice-setting>div>div{max-width:100%}.math-practice-setting select{width:100%;min-width:0!important;max-width:100%}.math-practice .math-practice-content{padding:0;min-width:0}.math-practice .question-box{max-width:100%;overflow-wrap:anywhere}.math-practice-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;max-width:100%}.math-practice-actions .btn{max-width:100%;white-space:normal}@media(max-width:600px){.math-practice{padding:1rem 1rem 7rem}.math-practice-settings{gap:.5rem}.math-practice-setting select{font-size:1rem!important;padding-left:.75rem!important}.math-practice .question-box{padding:1rem}.math-practice .question-text{font-size:clamp(1.25rem,6vw,2rem)}.math-practice .answer-input{font-size:1rem!important}}:root{--footer-control-size: 60px;--footer-control-inset: 2rem}.language-selector-floating,.comfort-controls{bottom:calc(var(--footer-control-inset) + env(safe-area-inset-bottom,0px))}.language-selector-floating{display:flex;left:var(--footer-control-inset)}.language-selector-floating .language-selector-dropdown{display:flex!important}.language-selector-floating .language-selector-btn,.comfort-controls{width:var(--footer-control-size);height:var(--footer-control-size)}.comfort-controls{left:calc(var(--footer-control-inset) + var(--footer-control-size) + 1rem)}.comfort-controls summary{width:100%;height:100%}@media(max-width:600px){:root{--footer-control-size: 50px;--footer-control-inset: 1rem}}.profile-icon-btn.app-home-button{top:var(--footer-control-inset);left:var(--footer-control-inset);width:var(--footer-control-size);height:var(--footer-control-size);text-decoration:none;color:var(--text-dark)}.profile-dropdown-floating{top:var(--footer-control-inset);right:var(--footer-control-inset)}.profile-dropdown-floating .profile-icon-btn{width:var(--footer-control-size);height:var(--footer-control-size)}.practice-page{padding-top:2rem}.practice-toolbar{padding:0;width:min(100%,700px)}.counting-practice>h1{text-align:center;font-size:clamp(1.5rem,5vw,2.5rem)}.app-container>*{min-width:0;max-width:100%}@media(max-width:600px){.app-container{padding-left:1rem;padding-right:1rem}.practice-page{padding-top:calc(var(--footer-control-inset) + var(--footer-control-size) + 1rem)}.practice-page .question-box{padding:1rem;overflow-wrap:anywhere}.practice-page .question-text{font-size:clamp(1.25rem,6vw,2rem)}.learning-card .btn{max-width:100%;white-space:normal}}.profile-page{padding-top:calc(var(--footer-control-inset) + var(--footer-control-size) + 1rem);padding-bottom:7rem}.profile-page>h1{font-size:clamp(1.5rem,5vw,3rem)}.profile-page .card{overflow-wrap:anywhere}.profile-page .card>div{min-width:0}.profile-chart{flex:1;min-height:0;min-width:0}.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:3rem}.user-header{position:fixed;top:2rem;left:2rem;right:2rem;display:flex;justify-content:space-between;align-items:center;z-index:100}.user-greeting{background:#ffffffe6;padding:.8rem 1.5rem;border-radius:25px;font-family:var(--font-heading);font-size:1.2rem;font-weight:600;color:var(--text-dark);box-shadow:0 4px 15px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logout-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:4px solid white;padding:.8rem 1.5rem;border-radius:25px;font-family:var(--font-heading);font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 8px 20px #ee5a5240;transition:all .3s ease}.logout-btn:hover{transform:translateY(-3px);box-shadow:0 12px 25px #ee5a5266}.home-title{font-family:var(--font-display);font-size:4rem;margin-bottom:3rem;text-shadow:3px 3px 6px rgba(0,0,0,.3);letter-spacing:2px}.scene{position:relative;width:100%;height:150px;margin-bottom:2rem}.house{position:absolute;left:10%;bottom:10px;width:60px;height:50px;background:#d4a574;border-radius:3px}.house:before{content:"";position:absolute;top:-30px;left:-10px;width:0;height:0;border-left:40px solid transparent;border-right:40px solid transparent;border-bottom:30px solid #A0522D}.house:after{content:"";position:absolute;bottom:0;left:20px;width:20px;height:30px;background:#8b4513}.tree{position:absolute;left:18%;bottom:10px;width:15px;height:40px;background:#8b4513;border-radius:3px}.tree:before{content:"";position:absolute;top:-30px;left:-20px;width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:35px solid var(--grass-green);border-radius:30%}.flowers{position:absolute;right:15%;bottom:10px;display:flex;gap:5px}.flowers:before,.flowers:after{content:"";width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at center,#ffd93d 0 35%,transparent 36%),radial-gradient(circle at 30% 30%,#ff6b6b 0 22%,transparent 23%),radial-gradient(circle at 70% 30%,#6bcb77 0 22%,transparent 23%),radial-gradient(circle at 30% 70%,#4d96ff 0 22%,transparent 23%),radial-gradient(circle at 70% 70%,#ff8fab 0 22%,transparent 23%)}.rainbow{position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:100px;border-radius:200px 200px 0 0;background:linear-gradient(to right,var(--rainbow-red),var(--rainbow-orange),var(--rainbow-yellow),var(--rainbow-green),var(--rainbow-blue),var(--rainbow-purple));opacity:.6}.menu-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;margin:2rem auto 0;width:100%;max-width:900px}.menu-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;padding:2.5rem 2rem;border:4px solid white;border-radius:35px;font-family:var(--font-heading);font-size:2.2rem;font-weight:700;cursor:pointer;box-shadow:0 10px 25px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:220px;width:100%}.write-btn{background:linear-gradient(135deg,#e8d5f7,#d4b5e8);color:var(--text-dark)}.say-btn{background:linear-gradient(135deg,#b2ebf2,#80deea);color:var(--text-dark)}.math-btn{background:linear-gradient(135deg,#ffe082,#ffd54f);color:var(--text-dark)}.count-btn{background:linear-gradient(135deg,#a5d6a7,#81c784);color:var(--text-dark)}.btn-icon{font-size:3rem}.btn-text{text-align:center}@media(max-width:768px){.home-title{font-size:2.5rem}.user-header{right:5rem;left:1rem;top:1rem}.user-greeting{padding:.6rem 1rem;font-size:1rem}.logout-btn{padding:.6rem 1rem;font-size:.9rem}.profile-icon-btn{top:1rem;right:1rem;width:50px;height:50px;font-size:1.5rem}.menu-buttons{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem;width:100%}.menu-btn{width:100%;min-width:unset;padding:1rem 1.5rem;font-size:1.2rem}.btn-icon{font-size:2rem}}@media(max-width:414px){.user-header{flex-direction:column;align-items:flex-start;gap:.5rem}.home-title{font-size:2rem;margin-top:4rem}}.home-container>.instruction-button{margin-bottom:1rem}@media(min-width:769px)and (max-height:900px){.home-container .menu-btn{min-height:180px;padding:1.5rem}.home-container .menu-buttons{gap:1.5rem}}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:2rem;min-height:100vh}.login-title{font-family:var(--font-display);font-size:4rem;margin-bottom:1rem;text-shadow:3px 3px 6px rgba(0,0,0,.3);letter-spacing:2px;text-align:center}.title-number{color:var(--text-dark)}.title-mb{color:var(--text-dark);text-transform:uppercase}.title-e{color:var(--text-dark)}.title-r{color:var(--text-dark);text-transform:uppercase}.title-tutor{color:var(--text-dark);font-family:var(--font-heading)}.login-welcome{margin-bottom:2rem;text-align:center}.login-welcome p{font-family:var(--font-heading);font-size:1.3rem;color:var(--text-dark);font-weight:600;text-shadow:1px 1px 3px rgba(255,255,255,.8)}.login-card{max-width:400px;width:calc(100% - 2rem);margin:0 auto;border:4px solid white;box-sizing:border-box}.login-form,.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-dark);font-family:var(--font-heading);font-weight:600;font-size:1.1rem}.form-group input{width:100%;padding:1rem 1.2rem;border:4px solid white;border-radius:var(--border-radius);font-family:var(--font-body);font-size:1.1rem;background:#fffffff2;transition:all .3s ease;box-sizing:border-box;box-shadow:0 4px 12px #00000026}.form-group input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 6px 16px #ff6b9d4d;transform:translateY(-2px)}.form-group input:disabled{background-color:#f7fafccc;cursor:not-allowed;opacity:.7}.error-message{background:linear-gradient(135deg,#ffe5e5,#ffd1d1);color:var(--error);padding:1rem;border-radius:var(--border-radius);border:4px solid rgba(255,107,107,.5);margin-bottom:1.5rem;font-family:var(--font-body);font-weight:600;text-align:center;box-shadow:0 4px 12px #ff6b6b33}.login-button{width:100%;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;min-height:60px;border:4px solid white;box-shadow:0 8px 20px #00000040}.login-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 25px #0000004d}.auth-links{text-align:center;padding-top:1rem;border-top:4px solid rgba(255,255,255,.5)}.auth-links p{color:var(--text-dark);font-family:var(--font-body);font-weight:600;margin-bottom:.8rem;font-size:1rem}.signup-link{display:inline-block;color:var(--primary);font-family:var(--font-heading);font-weight:600;font-size:1.1rem;text-decoration:none;padding:.8rem 1.5rem;border-radius:25px;background:linear-gradient(135deg,#ff6b9d26,#ff8fab26);border:4px solid rgba(255,107,157,.4);transition:all .3s ease;box-shadow:0 4px 12px #ff6b9d33}.signup-link:hover{background:linear-gradient(135deg,#ff6b9d40,#ff8fab40);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 16px #ff6b9d66}.spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.login-title{font-size:2.5rem}.login-welcome p{font-size:1.1rem}.login-card{width:calc(100% - 2rem);margin:0 auto}.form-group input{padding:.8rem 1rem;font-size:1rem}}@media(max-width:480px){.login-title{font-size:2rem}.login-container{padding:1rem}}body .app-container.google-login-page{justify-content:center;gap:24px;padding:32px 24px 96px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;font:400 16px/24px var(--font-body);color:#2c3e50}.auth-brand{margin:0;max-width:100%;color:#2c3e50;font:400 36px/46px var(--font-display);text-align:center;text-shadow:none}.auth-brand span{white-space:nowrap}.google-login-card{width:100%;max-width:440px;padding:32px;border:1px solid #d5eaf2;border-radius:20px;background:#fff;box-shadow:0 4px 16px #2c3e5014;text-align:center}.google-login-card h1{margin:0 0 16px;font:400 28px/38px var(--font-heading)}.google-login-description{margin:0 0 24px}.google-login-note{margin:20px 0 0;font-size:14px;line-height:22px}.google-login-footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px;font-size:14px}.google-login-footer a{display:inline-flex;align-items:center;min-height:44px;color:#2c3e50;text-underline-offset:3px}.google-login-page .btn{width:100%;display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 16px;border-radius:20px;font:400 16px/24px var(--font-body);text-transform:none;box-shadow:none}.google-login-page .auth-primary{margin-bottom:12px;border:2px solid #ffd93d;background:#ffd93d;color:#2c3e50}.google-login-page .auth-secondary{border:1px solid #718695;background:#fff;color:#2c3e50}.google-login-page .error-message{margin:0 0 20px;border:1px solid #e0b2b7;border-radius:12px;padding:12px;background:#fff1f2;color:#8b2432;font:inherit;text-align:left;box-shadow:none}.google-login-page :focus-visible{outline:3px solid #2c3e50;outline-offset:3px}.google-sign-in{box-sizing:border-box;width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;border:1px solid #747775;border-radius:20px;background:#fff;color:#1f1f1f;font:500 14px/20px Arial,sans-serif;letter-spacing:.25px;cursor:pointer}.google-sign-in-icon{flex:0 0 20px;width:20px;height:20px}.google-sign-in:hover:not(:disabled){background:#f5f5f5}.google-sign-in:focus-visible{outline:3px solid #2c3e50;outline-offset:3px}.google-sign-in:disabled{opacity:.6;cursor:not-allowed}@media(max-width:599px){body .app-container.google-login-page{padding:32px 16px 96px}.google-login-card{padding:24px}}.google-login-page .btn:is(:hover,:active){transform:none;box-shadow:none}.google-login-page .btn:hover:not(:disabled){background-image:linear-gradient(#0000000a,#0000000a)}.google-login-page .btn:disabled{opacity:.6;cursor:not-allowed}.google-login-page .btn,.google-sign-in{transition:background-color .12s ease-out}.auth-action-spinner{display:inline-block;flex:0 0 20px;width:20px;height:20px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:359px){.auth-brand{font-size:32px;line-height:42px}}@media(prefers-reduced-motion:reduce){.google-login-page .btn,.google-sign-in{transition:none}}body .app-container.onboarding-container{justify-content:flex-start;gap:24px;padding:32px 24px 96px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;font:400 16px/24px var(--font-body);color:#2c3e50}.onboarding-container .onboarding-card.card{width:100%;max-width:560px;padding:32px;border:1px solid #d5eaf2;border-radius:20px;background:#fff;box-shadow:0 4px 16px #2c3e5014}.onboarding-card fieldset{min-width:0;margin:0;padding:0;border:0}.onboarding-account{margin:0 0 12px;overflow-wrap:anywhere;font-size:14px}.onboarding-step{font-size:14px}.onboarding-progress{display:flex;gap:8px;margin:8px 0 24px;padding:0;list-style:none;font-size:14px;line-height:22px}.onboarding-progress li{flex:1;min-width:0;padding-bottom:8px;border-bottom:3px solid #d5eaf2;color:#526779}.onboarding-progress [aria-current=step]{border-color:#2c3e50;color:#2c3e50}.onboarding-card h2{margin:0 0 16px;font:400 24px/34px var(--font-heading)}.onboarding-card p{margin-bottom:16px}.onboarding-card .onboarding-account{margin-bottom:12px}.onboarding-card .onboarding-step{margin-bottom:0}.onboarding-form{margin:0}.onboarding-field{margin:20px 0}.onboarding-field label{display:block;margin-bottom:8px}.onboarding-field input,.onboarding-field select{width:100%;min-height:48px;padding:12px 16px;border:1px solid #718695;border-radius:12px;background:#fff;color:#2c3e50;font:inherit;box-sizing:border-box}.onboarding-card .onboarding-avatars{margin:20px 0}.onboarding-avatars legend{margin-bottom:8px}.onboarding-avatars button{min-width:48px;min-height:48px;margin:4px;border:3px solid transparent;border-radius:50%;background:#f4f7f9;font-size:28px;cursor:pointer}.onboarding-avatars [aria-pressed=true]{border-color:#2c3e50;background:#fff5bf}.onboarding-check{display:flex;align-items:flex-start;gap:12px;min-height:48px;margin:20px 0;cursor:pointer}.onboarding-check input{flex:0 0 auto;width:22px;height:22px;margin-top:3px;accent-color:#2c3e50}.onboarding-actions{display:flex;flex-direction:column;gap:16px;margin:24px 0}.onboarding-actions .btn{width:100%}.onboarding-card .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;border-radius:20px;color:#2c3e50;font:400 16px/24px var(--font-body);text-transform:none;white-space:normal;box-shadow:none}.onboarding-card .auth-primary{border:2px solid #ffd93d;background:#ffd93d}.onboarding-card .auth-secondary{border:1px solid #718695;background:#fff}.onboarding-card .btn:is(:hover,:active){transform:none;box-shadow:none}.onboarding-card .btn:hover:not(:disabled){background-image:linear-gradient(#0000000a,#0000000a)}.onboarding-card .btn{transition:background-color .12s ease-out}.onboarding-card button:disabled{opacity:.6;cursor:not-allowed}.onboarding-card a{display:inline-flex;align-items:center;min-height:44px;color:#2c3e50;text-underline-offset:3px}.onboarding-review{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 20px}.onboarding-review dd{margin:0;overflow-wrap:anywhere}.onboarding-card .onboarding-save{margin-bottom:20px;font-size:14px;line-height:22px}.onboarding-save .btn{margin-top:8px}.onboarding-card :focus-visible{outline:3px solid #2c3e50;outline-offset:3px}.onboarding-card #onboarding-title:focus{outline:none}.onboarding-card .error-message{margin:20px 0;padding:12px;border:1px solid #e0b2b7;border-radius:12px;background:#fff1f2;color:#8b2432;font:inherit;text-align:left;box-shadow:none}@media(max-width:599px){body .app-container.onboarding-container{padding:32px 16px 96px}.onboarding-container .onboarding-card.card{padding:24px}.onboarding-actions button{flex:1}}@media(max-width:359px){.onboarding-review{grid-template-columns:1fr;gap:4px}.onboarding-review dd{margin-bottom:12px}}.onboarding-field :is(input,select):focus-visible{border-color:#2c3e50;box-shadow:0 0 0 1px #2c3e50}@media(prefers-reduced-motion:reduce){.onboarding-card .btn{transition:none}}.settings-page,.privacy-page{padding-top:calc(var(--footer-control-inset) + var(--footer-control-size) + 1rem);padding-bottom:calc(7rem + env(safe-area-inset-bottom,0px));color:var(--text-dark)}.settings-heading{text-align:center;margin-bottom:1.5rem;max-width:640px}.settings-heading h1{font-family:var(--font-heading);font-size:clamp(2rem,6vw,3rem);margin:.5rem 0}.settings-heading p{line-height:1.6}.settings-emblem{display:inline-grid;place-items:center;width:60px;height:60px;font-size:2.5rem;background:#fff;border:3px solid var(--primary-light);border-radius:20px;box-shadow:0 4px 16px #0001}.settings-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.settings-tabs a{display:inline-flex;align-items:center;min-height:44px;padding:.65rem 1.1rem;border-radius:24px;background:#fff;color:var(--text-dark);border:2px solid var(--primary-light)}.settings-content{width:min(100%,720px);display:grid;gap:1.25rem}.settings-card.card{width:100%;text-align:left;padding:clamp(1.25rem,4vw,2rem);border:3px solid var(--primary-light);background:#fff;overflow-wrap:anywhere}.settings-card h2{font-family:var(--font-heading);font-size:1.5rem;margin-bottom:.65rem}.settings-card p{line-height:1.7;margin-bottom:1rem}.settings-row,.settings-toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-top:1px solid #e6e8ec}.settings-row select,.settings-form input{min-height:48px;border:2px solid #cdd4dd;border-radius:12px;background:#fff;color:var(--text-dark);padding:.65rem;font:inherit;min-width:0;max-width:100%}.settings-toggle{cursor:pointer}.settings-toggle small{display:block;font:.9rem/1.6 var(--font-body);opacity:.8;margin-top:.35rem}.settings-toggle input{flex-shrink:0;width:24px;height:24px;accent-color:var(--primary)}.settings-link{display:inline-flex;align-items:center;min-height:44px;color:#2356a0;text-underline-offset:.2em}.settings-meta,.account-meta{font-size:.9rem;opacity:.8}.settings-form{display:flex;flex-direction:column;gap:.75rem;margin-top:1.25rem}.settings-card .btn{width:fit-content;max-width:100%;white-space:normal}.account-meta{padding-top:1rem;margin-top:1rem;border-top:1px solid #e6e8ec}.settings-content .adult-area{min-height:auto;padding:0}.settings-content .adult-area>.learning-card{width:100%}.privacy-page{align-items:stretch;max-width:1000px;margin:auto;gap:1rem}.privacy-back{width:fit-content;max-width:100%;min-height:44px;display:inline-flex;align-items:center;color:var(--text-dark);background:#fff;padding:.65rem 1rem;border-radius:24px;border:2px solid var(--primary-light)}.privacy-document{padding:clamp(1.25rem,5vw,3rem);border-radius:24px;background:#fff;color:#203047;box-shadow:0 8px 30px #0002;font:1rem/1.8 var(--font-body);overflow-wrap:anywhere}.privacy-document h1{font:700 clamp(1.7rem,5vw,2.4rem)/1.3 var(--font-heading);margin-bottom:1.5rem}.privacy-document h2{font:700 1.35rem/1.4 var(--font-heading);margin:2rem 0 1rem;scroll-margin-top:1rem}.privacy-document p,.privacy-document ul,.privacy-document blockquote{margin:1rem 0}.privacy-document ul{padding-left:1.5rem}.privacy-document li{margin-bottom:.65rem}.privacy-document a{color:#2356a0;text-decoration:underline}.privacy-document blockquote{padding:1rem;border-left:4px solid #d69500;border-radius:8px;background:#fff8e1}.privacy-table-scroll{overflow-x:auto;max-width:100%;margin:1.5rem 0;border:1px solid #ccd6df;border-radius:12px}.privacy-document table{width:100%;border-collapse:collapse;min-width:500px}.privacy-document th,.privacy-document td{padding:.8rem;border-bottom:1px solid #dfe5eb;text-align:left;vertical-align:top}.privacy-document th{background:#edf4fb}@media(max-width:480px){.settings-row{align-items:stretch;flex-direction:column;gap:.65rem}.settings-row select,.settings-card .btn{width:100%}}.app-account-navigation{display:flex;align-items:center;gap:.75rem}.app-account-navigation .profile-icon-btn{position:static;text-decoration:none;color:var(--text-dark)}.app-account-navigation .settings-entry{background:linear-gradient(135deg,#c6e5ff,#9ac8ff)}.privacy-document th:first-child,.privacy-document td:first-child{min-width:8rem;overflow-wrap:normal}.settings-row input[type=number]{width:7rem;padding:.65rem;font:inherit;border:2px solid #687991;border-radius:.65rem}.daily-practice-progress{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem;max-width:100%;text-align:center}.daily-practice-progress p{margin:0;max-width:100%}.daily-practice-progress .btn{padding:.4rem .75rem;font-size:1rem}