.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;width:100%}.exercise-form-modal{max-width:900px}.category-manager{padding:20px}.category-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.category-actions{align-items:center;display:flex;gap:10px}.language-filter{border:1px solid #ddd;border-radius:5px;padding:8px 12px}.categories-list{display:flex;flex-direction:column;gap:20px}.category-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:20px}.category-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.category-info h3{color:#333;margin:0 0 5px}.language-badge{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;display:inline-flex;font-size:.75rem;font-weight:600;padding:4px 10px}.category-actions-row{display:flex;gap:8px}.category-description{color:#666;font-size:.95rem;margin:10px 0}.subcategories-list{border-top:1px solid #eee;margin-top:15px;padding-top:15px}.subcategories-list h4{color:#666;font-size:.9rem;margin-bottom:10px}.subcategory-item{align-items:center;background:#f9f9f9;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px}.subcategory-info strong{color:#333}.subcategory-info p{color:#666;font-size:.9rem;margin:5px 0 0}.exercise-form h2{color:#333;margin-top:0}.form-section{border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:20px}.form-section:last-child{border-bottom:none}.form-section h3{color:#555;font-size:1.1rem;margin-bottom:15px;margin-top:0}.section-header{align-items:center;display:flex;justify-content:space-between}.form-group,.section-header{margin-bottom:15px}.form-group label{color:#555;display:block;font-size:.9rem;font-weight:600;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:5px;font-family:inherit;font-size:1rem;padding:10px;width:100%}.form-group textarea{min-height:80px;resize:vertical}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.syllable-block{background:#fafbff;border:2px solid #e3f2fd;border-radius:8px;margin-bottom:20px;padding:20px}.syllable-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.syllable-header h4{color:#1976d2;margin:0}.phonemes-list{margin-top:15px}.phonemes-list label{color:#555;display:block;font-weight:600;margin-bottom:10px}.phoneme-row{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:5px;display:flex;gap:10px;margin-bottom:10px;padding:10px}.phoneme-number{color:#666;font-weight:700;min-width:25px}.phoneme-row .phoneme-picker{flex:1 1}.phoneme-picker{width:100%}.phoneme-picker-controls{align-items:flex-end;display:flex;gap:15px}.phoneme-select-wrapper,.position-select-wrapper{flex:1 1}.phoneme-select-wrapper label,.position-select-wrapper label{color:#666;display:block;font-size:.85rem;margin-bottom:5px}.phoneme-select,.position-select{border:1px solid #ddd;border-radius:5px;font-size:.95rem;padding:8px;width:100%}.phoneme-preview{background:#f0f7ff;border-radius:4px;color:#1976d2;font-size:.9rem;margin-top:8px;padding:8px}.image-upload{margin-top:10px}.upload-dropzone{background:#fafafa;border:2px dashed #ddd;border-radius:8px;cursor:pointer;padding:40px 20px;text-align:center;transition:all .3s}.upload-dropzone:hover{background:#f0f7ff;border-color:#1976d2}.upload-dropzone.dragging{background:#f0fff0;border-color:#4caf50}.upload-dropzone.uploading{cursor:wait;opacity:.7}.upload-icon{font-size:3rem;margin-bottom:10px}.upload-text{color:#555;font-weight:600;margin:10px 0}.upload-hint{color:#999;font-size:.85rem;margin:5px 0}.upload-progress{align-items:center;display:flex;flex-direction:column;gap:10px}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#1976d2;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.image-preview{display:inline-block;max-width:100%;position:relative}.image-preview img{border:2px solid #e0e0e0;border-radius:8px;max-height:300px;max-width:100%}.remove-image-btn{align-items:center;background:#f44336;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:30px;justify-content:center;position:absolute;right:10px;top:10px;width:30px}.remove-image-btn:hover{background:#d32f2f}.upload-error{background:#ffebee;border-radius:5px;color:#c62828;font-size:.9rem;margin-top:10px;padding:10px}.exercise-list{padding:0;width:100%}.exercise-filters{align-items:flex-end!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px!important;display:flex!important;flex-wrap:wrap!important;gap:15px!important;margin-bottom:25px!important;padding:20px!important}.exercise-filters .filter-group{display:flex!important;flex:1 1!important;flex-direction:column!important;gap:6px!important;min-width:150px!important}.exercise-filters .filter-group.search-group{flex:2 1!important;min-width:250px!important}.exercise-filters label{color:#64748b!important;font-size:.75rem!important;font-weight:700!important;letter-spacing:.025em!important;text-transform:uppercase!important}.exercise-filters input,.exercise-filters select{background:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;font-size:.95rem!important;padding:10px 12px!important;width:100%!important}.exercise-table-wrapper{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 4px 6px -1px #0000001a!important;margin-top:20px!important;overflow-x:auto!important}table.exercise-table{border-collapse:collapse!important;margin:0!important;table-layout:fixed!important;width:100%!important}table.exercise-table td,table.exercise-table th{word-wrap:break-word!important;border:none!important;border-bottom:1px solid #f1f5f9!important;padding:16px 12px!important;text-align:left!important;vertical-align:middle!important}table.exercise-table th{background:#f8fafc!important;border-bottom:2px solid #e2e8f0!important;color:#475569!important;font-size:.75rem!important;font-weight:700!important;letter-spacing:.05em!important;position:-webkit-sticky!important;position:sticky!important;text-transform:uppercase!important;top:0!important;z-index:10!important}table.exercise-table th:first-child{width:140px!important}table.exercise-table th:nth-child(2){width:120px!important}table.exercise-table th:nth-child(3),table.exercise-table th:nth-child(4){width:150px!important}table.exercise-table th:nth-child(5){width:100px!important}table.exercise-table th:nth-child(6){width:90px!important}table.exercise-table th:nth-child(7){width:180px!important}table.exercise-table tbody tr:hover{background-color:#f8fafc!important}.word-cell strong{color:#1e293b!important;display:block!important;font-size:1rem!important}.language-badge{border:1px solid #e2e8f0!important;border-radius:6px!important;color:#475569!important;display:inline-flex!important;font-size:.7rem!important;font-weight:600!important;padding:4px 8px!important}.language-badge,.thumbnail-wrapper{align-items:center!important;background:#f1f5f9!important}.thumbnail-wrapper{border:1px solid #e2e8f0!important;border-radius:8px!important;display:flex!important;height:64px!important;justify-content:center!important;overflow:hidden!important;width:64px!important}.exercise-thumbnail{height:100%!important;object-fit:cover!important;width:100%!important}.actions-cell{display:flex!important;gap:8px!important}.actions-cell .btn{font-size:.8rem!important;padding:6px 12px!important}.btn{border:none!important;border-radius:6px!important;cursor:pointer!important;font-family:inherit!important;font-weight:600!important;padding:8px 16px!important;transition:all .2s!important}.btn-primary{background:#2563eb!important;color:#fff!important}.btn-primary:hover{background:#1d4ed8!important}.btn-secondary{background:#64748b!important;color:#fff!important}.btn-danger{background:#ef4444!important;color:#fff!important}.empty-state{color:#999;padding:60px 20px;text-align:center}.empty-state p{font-size:1.1rem}.btn{border:none;border-radius:5px;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .2s}.btn-primary{background:#2563eb;box-shadow:0 1px 2px 0 #0000000d;color:#fff}.btn-primary:hover{background:#1d4ed8;transform:translateY(-1px)}.btn-secondary{background:#757575;color:#fff}.btn-secondary:hover{background:#616161}.btn-danger{background:#d32f2f;color:#fff}.btn-danger:hover{background:#c62828}.btn-sm{font-size:.85rem;padding:6px 12px}.error-message{background:#ffebee;border-left:4px solid #d32f2f;border-radius:5px;color:#c62828;margin-bottom:15px;padding:12px}.loading{color:#666;font-size:1.1rem;padding:40px;text-align:center}.auditory-filter-panel{animation:auditoryFilterSlideIn .3s ease-out;background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #e1bee7;border-radius:14px;box-shadow:0 2px 12px #ab47bc14;margin-top:16px;padding:20px 24px}@keyframes auditoryFilterSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auditory-filter-grid{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.auditory-filter-grid .filter-group{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:160px}.auditory-filter-grid .filter-group.search-group{flex:2 1;min-width:220px}.auditory-filter-grid .filter-group label{color:#7b1fa2;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.auditory-filter-grid .filter-group input,.auditory-filter-grid .filter-group select{background:#fff;border:1px solid #ce93d8;border-radius:8px;color:#333;font-size:.92rem;outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.auditory-filter-grid .filter-group input:focus,.auditory-filter-grid .filter-group select:focus{border-color:#ab47bc;box-shadow:0 0 0 3px #ab47bc26}.auditory-filter-actions{align-items:center;border-top:1px solid #e1bee7;display:flex;justify-content:space-between;margin-top:14px;padding-top:12px}.auditory-filter-count{color:#7b1fa2;font-size:.85rem;font-weight:600}.child-profile-modal{max-width:800px}.modal-header-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-close-btn{background:none;border:none;color:#999;cursor:pointer;font-size:1.5rem}.age-badge-bar{background:#f0f7ff;border:1px solid #1976d2;border-radius:6px;color:#1976d2;display:flex;font-size:.95rem;gap:15px;margin-bottom:20px;padding:10px 15px}.age-badge-bar.error{background:#ffebee;border-color:#d32f2f;color:#c62828}.age-error-msg{color:#c62828;font-weight:600}.profile-tabs{border-bottom:2px solid #eee;display:flex;gap:10px;margin-bottom:20px}.profile-tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px}.profile-tab.active{border-bottom-color:#1976d2;color:#1976d2}.form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-group.full-width{grid-column:1/-1}.form-group.required label:after{color:#d32f2f;content:" *"}.modal-actions{border-top:1px solid #eee;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.assessment-form-container{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-top:20px;padding:20px}.assessment-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.child-page-container.sb-page{background:radial-gradient(1200px 600px at 15% -10%,#eaf6ff 0,#0000 60%),radial-gradient(1000px 500px at 110% 10%,#f3ecff 0,#0000 55%),linear-gradient(180deg,#f7fbff,#fdf6ff 60%,#f4fff9)!important;color:var(--sb-ink)!important;font-family:var(--sb-font-body)!important}.child-page-container.sb-page>:not(.sb-decor){position:relative;z-index:1}.child-page-container.sb-page h1,.child-page-container.sb-page h2,.child-page-container.sb-page h3{color:var(--sb-ink);font-family:var(--sb-font-head)}.child-page-container.sb-page .child-navbar{background:var(--sb-white);border:none;box-shadow:0 10px 24px #7b61ff24}.child-page-container.sb-page .nav-title{color:var(--sb-ink);font-family:var(--sb-font-head)}.child-page-container.sb-page .nav-home-btn{background:var(--sb-white)!important;border:none;border-radius:999px;box-shadow:0 6px 14px #7b61ff2e;color:var(--sb-purple)!important}.child-page-container.sb-page .child-card-btn{background:var(--sb-white);border:none;border-radius:var(--sb-radius);box-shadow:0 14px 30px #7b61ff29;color:var(--sb-ink);transition:transform .18s ease,box-shadow .18s ease}.child-page-container.sb-page .child-card-btn:hover{transform:translateY(-8px) scale(1.03)}.child-page-container.sb-page .child-card-btn .avatar{background:linear-gradient(160deg,#f2ecff,#e7f7ff);border-radius:50%}.child-page-container.sb-page .child-card-btn .name{color:var(--sb-ink);font-family:var(--sb-font-head)}.child-page-container.sb-page .dashboard-content{max-width:1000px;padding-bottom:48px}.child-page-container.sb-page .dashboard-content>p{color:var(--sb-muted);font-size:1.1rem;font-weight:700}.child-page-container.sb-page .assignments-grid{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;gap:24px;justify-content:center;margin:28px auto 0}.child-page-container.sb-page .mission-card{align-items:center;animation:sb-pop-in .5s cubic-bezier(.34,1.56,.64,1) both;background:var(--sb-white);border:none;border-radius:24px;box-shadow:0 14px 30px #7b61ff29;color:var(--sb-ink);display:flex;flex-direction:column;overflow:hidden;padding:16px 18px 18px;position:relative;transition:transform .18s ease,box-shadow .18s ease;width:260px}.child-page-container.sb-page .mission-card:before{background:linear-gradient(90deg,var(--sb-purple),var(--sb-blue),var(--sb-mint));content:"";height:10px;left:0;position:absolute;right:0;top:0}.child-page-container.sb-page .mission-card:hover{box-shadow:0 24px 46px #7b61ff42;transform:translateY(-8px) scale(1.03)}.child-page-container.sb-page .mission-badge{background:linear-gradient(135deg,var(--sb-purple),#9b7bff);border-radius:999px;box-shadow:0 6px 14px #7b61ff4d;color:#fff;padding:5px 16px}.child-page-container.sb-page .mission-card .icon{animation:sb-float 5s ease-in-out infinite;background:linear-gradient(160deg,#f2ecff,#e7f7ff);border-radius:50%;box-shadow:inset 0 -6px 12px #7b61ff1f;display:grid;font-size:1.7rem;height:52px;margin:2px 0 4px;place-items:center;width:52px}.child-page-container.sb-page .mission-card h3{color:var(--sb-ink);font-family:var(--sb-font-head);font-size:1.1rem;margin:0 0 8px}.child-page-container.sb-page .mission-badge{font-size:.8rem;margin-bottom:8px}.child-page-container.sb-page .mission-info{background:#f6f3ff;border-radius:14px;margin-top:0;padding:10px 14px;width:100%}.child-page-container.sb-page .mission-info p{font-size:.88rem;margin:4px 0}.child-page-container.sb-page .mission-date,.child-page-container.sb-page .mission-from,.child-page-container.sb-page .word-count{color:var(--sb-muted)}.child-page-container.sb-page .mission-card:after{background:linear-gradient(135deg,var(--sb-orange),#ff9f45);border-radius:999px;box-shadow:0 8px 18px #ffb74d66;color:#fff;content:"Let's Go! →";font-family:var(--sb-font-head);font-size:.92rem;font-weight:700;margin-top:12px;padding:9px 22px}.child-page-container.sb-page .mission-card:hover:after{animation:sb-bounce .6s ease infinite}.child-page-container.sb-page .empty-state{background:var(--sb-white);border-radius:var(--sb-radius);box-shadow:0 12px 26px #7b61ff1a;color:var(--sb-muted);font-size:1.1rem;grid-column:1/-1;padding:40px}.child-page-container.sb-page .streak-badge{background:linear-gradient(135deg,var(--sb-orange),#ff9f45);border-radius:999px;box-shadow:0 8px 18px #ffb74d59;color:#fff}.child-page-container.sb-page .mascot-speech{background:var(--sb-white);box-shadow:0 10px 24px #7b61ff29;color:var(--sb-ink);font-family:var(--sb-font-head)}.child-page-container.sb-page .nav-arrow{background:var(--sb-white);border:none;border-radius:50%;box-shadow:0 6px 16px #7b61ff33;color:var(--sb-purple)}.child-page-container.sb-page .nav-arrow:disabled{opacity:.4}.child-page-container.sb-page .exercise-card-main{background:var(--sb-white);border:none;border-radius:var(--sb-radius);box-shadow:0 18px 40px #7b61ff2e}.child-page-container.sb-page .word-target{color:var(--sb-ink);font-family:var(--sb-font-head)}.child-page-container.sb-page .placeholder-image{background:linear-gradient(160deg,#f2ecff,#e7f7ff);border-radius:24px;color:var(--sb-purple)}.child-page-container.sb-page .action-btn{border:none;border-radius:999px;box-shadow:0 8px 18px #7b61ff40;color:#fff;font-family:var(--sb-font-head);font-weight:700;transition:transform .15s ease}.child-page-container.sb-page .action-btn:active{transform:scale(.95)}.child-page-container.sb-page .sound-btn{background:linear-gradient(135deg,var(--sb-blue),#36b0f5)}.child-page-container.sb-page .mic-btn{background:linear-gradient(135deg,var(--sb-purple),#9b7bff)}.child-page-container.sb-page .mic-btn.recording{animation:sb-pulse 1s ease-in-out infinite;background:linear-gradient(135deg,var(--sb-pink),#ff6fb5)}.child-page-container.sb-page .action-btn:disabled{opacity:.6}.child-page-container.sb-page .feedback-bubble{background:var(--sb-white);border-radius:24px;box-shadow:0 12px 28px #7b61ff24;color:var(--sb-ink)}.child-page-container.sb-page .feedback-bubble.success{box-shadow:0 0 0 3px var(--sb-mint) inset,0 12px 28px #72e3b340}.child-page-container.sb-page .feedback-icon{color:var(--sb-ink);font-family:var(--sb-font-head)}.child-page-container.sb-page .feedback-tip,.child-page-container.sb-page .thinking{color:var(--sb-muted)}.child-page-container.sb-page .replay-btn{background:var(--sb-white);border:2px solid #ede7fb;border-radius:999px;color:var(--sb-purple);font-weight:700}.child-page-container.sb-page .status-badge.error{background:#fdecea;border-radius:999px;color:#c62828}.hub-container{--sb-purple:#7b61ff;--sb-blue:#5ec8ff;--sb-mint:#72e3b3;--sb-orange:#ffb74d;--sb-pink:#ff8ccf;--sb-white:#fff;--sb-ink:#3a2e6e;--sb-radius:32px;--sb-font-head:"Fredoka","Baloo 2",system-ui,sans-serif;--sb-font-body:"Nunito",system-ui,sans-serif;background:radial-gradient(1200px 600px at 15% -10%,#eaf6ff 0,#0000 60%),radial-gradient(1000px 500px at 110% 10%,#f3ecff 0,#0000 55%),linear-gradient(180deg,#f7fbff,#fdf6ff 60%,#f4fff9);color:var(--sb-ink);font-family:var(--sb-font-body);min-height:100vh;overflow:hidden;position:relative}.hub-header{align-items:center;display:flex;justify-content:space-between;padding:18px 28px;position:relative;z-index:2}.hub-logo{color:var(--sb-purple);font-size:1.5rem;font-weight:700}.hub-greeting,.hub-logo{font-family:var(--sb-font-head)}.hub-greeting{color:var(--sb-ink);font-size:1.4rem;font-weight:600}.hub-icon-btn{background:var(--sb-white);border:none;border-radius:50%;box-shadow:0 6px 16px #7b61ff38;color:var(--sb-purple);cursor:pointer;font-size:1.4rem;height:52px;transition:transform .15s ease,box-shadow .15s ease;width:52px}.hub-icon-btn:hover{box-shadow:0 10px 22px #7b61ff4d;transform:translateY(-2px) scale(1.06)}.hub-icon-btn:active{transform:scale(.94)}.hub-select{padding:10px 24px 60px;position:relative;text-align:center;z-index:2}.hub-title{color:var(--sb-ink);font-family:var(--sb-font-head);font-size:clamp(2rem,4vw,3rem);font-weight:700;margin:12px 0 36px;text-shadow:0 3px 0 #ffffffb3}.hub-child-grid{grid-gap:26px;display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0 auto;max-width:1100px}.hub-child-card{animation:pop-in .5s cubic-bezier(.34,1.56,.64,1) both;background:var(--sb-white);border:none;border-radius:var(--sb-radius);border-top:8px solid var(--sb-blue);box-shadow:0 14px 30px #7b61ff29;cursor:pointer;font-family:var(--sb-font-body);padding:30px 22px 26px;position:relative;transition:transform .18s ease,box-shadow .18s ease}.hub-child-card:hover{box-shadow:0 22px 42px #7b61ff42;transform:translateY(-8px) scale(1.03)}.hub-child-card:active{transform:translateY(-2px) scale(.99)}.hub-child-card.accent-0{border-top-color:var(--sb-purple)}.hub-child-card.accent-1{border-top-color:var(--sb-blue)}.hub-child-card.accent-2{border-top-color:var(--sb-mint)}.hub-child-card.accent-3{border-top-color:var(--sb-orange)}.hub-child-card.accent-4{border-top-color:var(--sb-pink)}.hub-child-avatar{animation:float 6s ease-in-out infinite;background:linear-gradient(160deg,#f2ecff,#e7f7ff);border-radius:50%;box-shadow:inset 0 -6px 12px #7b61ff1f;display:grid;font-size:3rem;height:96px;margin:0 auto 14px;place-items:center;width:96px}.hub-child-name{color:var(--sb-ink);font-family:var(--sb-font-head);font-size:1.4rem;font-weight:700}.hub-child-fav{color:#8a7fc0;font-size:.9rem;margin-top:2px}.hub-child-stars{color:var(--sb-orange);font-weight:800;margin-top:10px}.hub-child-level{background:linear-gradient(135deg,#fff1d6,#ffe0f0);border-radius:999px;color:#8a5a00;display:inline-block;font-size:.85rem;font-weight:700;margin-top:10px;padding:6px 14px}.hub-empty{color:#8a7fc0;font-size:1.1rem;grid-column:1/-1}.hub-content{margin:0 auto;max-width:1080px;padding:6px 22px 64px;position:relative;z-index:2}.hub-mascot-row{align-items:center;display:flex;gap:18px;margin:6px 0 22px}.hub-mascot{animation:float 4.5s ease-in-out infinite;filter:drop-shadow(0 10px 14px rgba(123,97,255,.25));font-size:4.4rem}.hub-speech{background:var(--sb-white);border-radius:22px;box-shadow:0 10px 24px #7b61ff29;color:var(--sb-ink);font-family:var(--sb-font-head);font-size:1.2rem;font-weight:500;padding:16px 22px;position:relative}.hub-speech:before{border:10px solid #0000;border-right:10px solid var(--sb-white);content:"";left:-12px;position:absolute;top:50%;transform:translateY(-50%)}.hub-stats{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:22px}.hub-stat{grid-column-gap:12px;align-items:center;border-radius:24px;box-shadow:0 10px 22px #0000001a;color:#fff;column-gap:12px;display:grid;flex:1 1;grid-template-columns:auto 1fr;grid-template-rows:auto auto;min-width:130px;padding:14px 18px}.hub-stat span{font-size:2rem;grid-row:1/3}.hub-stat strong{font-family:var(--sb-font-head);font-size:1.5rem}.hub-stat small{font-size:.8rem;opacity:.92}.chip-orange{background:linear-gradient(135deg,#ffb74d,#ff9f45)}.chip-pink{background:linear-gradient(135deg,#ff8ccf,#ff6fb5)}.chip-purple{background:linear-gradient(135deg,#7b61ff,#9b7bff)}.hub-rewards{background:var(--sb-white);border-radius:var(--sb-radius);box-shadow:0 12px 26px #7b61ff1f;margin-bottom:26px;padding:20px 24px}.hub-reward-head{align-items:center;color:var(--sb-ink);display:flex;font-family:var(--sb-font-head);font-weight:600;justify-content:space-between}.hub-goal-count{color:var(--sb-purple);font-size:.9rem;font-weight:700}.hub-goal-bar{background:#eee8ff;border-radius:999px;height:16px;margin:10px 0 16px;overflow:hidden}.hub-goal-fill{background:linear-gradient(90deg,var(--sb-mint),#4fd2a0);border-radius:999px;height:100%;transition:width .5s cubic-bezier(.34,1.56,.64,1)}.hub-trophy-shelf{align-items:center;background:linear-gradient(180deg,#fffbf2,#fff3fa);border-radius:18px;display:flex;gap:12px;padding:10px 14px}.hub-trophy{font-size:1.8rem}.hub-trophy.locked{filter:grayscale(1);opacity:.4}.hub-trophy.earned{animation:bob 3s ease-in-out infinite}.hub-shelf-label{color:#b0a4d6;font-size:.8rem;font-weight:700;margin-left:auto}.hub-path{align-items:center;display:flex;gap:18px;justify-content:center;margin-top:14px}.hub-step{color:#d8cff0;font-size:1.2rem}.hub-step.done{color:var(--sb-orange)}.hub-activity-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.hub-activity-card{align-items:center;animation:pop-in .5s cubic-bezier(.34,1.56,.64,1) both;background:var(--sb-white);border-bottom:10px solid var(--sb-blue);border-radius:var(--sb-radius);box-shadow:0 14px 30px #7b61ff24;cursor:pointer;display:flex;flex-direction:column;padding:24px 22px 22px;position:relative;text-align:center;transition:transform .18s ease,box-shadow .18s ease}.hub-activity-card:hover{box-shadow:0 24px 46px #7b61ff3d;transform:translateY(-8px) scale(1.03)}.hub-activity-card:active{transform:translateY(-2px) scale(.99)}.hub-activity-illus{border-radius:50%;box-shadow:inset 0 -6px 12px #00000014;display:grid;font-size:3rem;height:92px;margin-bottom:14px;place-items:center;width:92px}.hub-activity-title{color:var(--sb-ink);font-family:var(--sb-font-head);font-size:1.25rem;font-weight:700;margin:0 0 4px}.hub-activity-desc{color:#8a7fc0;font-size:.92rem;margin:0 0 12px}.hub-activity-badge{background:#f1ecff;border-radius:999px;color:var(--sb-purple);display:inline-block;font-size:.82rem;font-weight:800;margin-bottom:16px;padding:5px 14px}.hub-start-btn{background:var(--sb-purple);border:none;border-radius:999px;box-shadow:0 8px 18px #7b61ff59;color:#fff;cursor:pointer;font-family:var(--sb-font-head);font-size:1.05rem;font-weight:700;margin-top:auto;padding:12px 30px;transition:transform .15s ease}.hub-start-btn:hover{animation:bounce .6s ease infinite}.hub-start-btn:active{transform:scale(.94)}.hub-activity-card.accent-blue{border-bottom-color:var(--sb-blue)}.hub-activity-card.accent-blue .hub-activity-illus{background:linear-gradient(160deg,#d9f2ff,#bce8ff)}.hub-activity-card.accent-blue .hub-start-btn{background:linear-gradient(135deg,#5ec8ff,#36b0f5);box-shadow:0 8px 18px #5ec8ff66}.hub-activity-card.accent-blue .hub-activity-badge{background:#e2f5ff;color:#1f93d6}.hub-activity-card.accent-purple{border-bottom-color:var(--sb-purple)}.hub-activity-card.accent-purple .hub-activity-illus{background:linear-gradient(160deg,#ece4ff,#d8c9ff)}.hub-activity-card.accent-purple .hub-start-btn{background:linear-gradient(135deg,#7b61ff,#9b7bff)}.hub-activity-card.accent-purple .hub-activity-badge{background:#efe9ff;color:var(--sb-purple)}.hub-activity-card.accent-mint{border-bottom-color:var(--sb-mint)}.hub-activity-card.accent-mint .hub-activity-illus{background:linear-gradient(160deg,#d8f8ec,#b6f0d8)}.hub-activity-card.accent-mint .hub-start-btn{background:linear-gradient(135deg,#72e3b3,#45ce97);box-shadow:0 8px 18px #72e3b373}.hub-activity-card.accent-mint .hub-activity-badge{background:#e0f8ee;color:#28a878}.hub-activity-card.accent-orange{border-bottom-color:var(--sb-orange)}.hub-activity-card.accent-orange .hub-activity-illus{background:linear-gradient(160deg,#ffefd6,#ffe0b5)}.hub-activity-card.accent-orange .hub-start-btn{background:linear-gradient(135deg,#ffb74d,#ff9f45);box-shadow:0 8px 18px #ffb74d73}.hub-activity-card.accent-orange .hub-activity-badge{background:#fff1dc;color:#c47a12}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes bob{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-5px) rotate(4deg)}}@keyframes drift{0%{transform:translateX(0)}to{transform:translateX(120vw)}}@keyframes twinkle{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}@keyframes pop-in{0%{opacity:0;transform:scale(.8) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.hub-greeting{font-size:1.1rem}.hub-mascot{font-size:3.4rem}.hub-speech{font-size:1.05rem;padding:13px 16px}.hub-stat{min-width:100px}.hub-activity-grid,.hub-child-grid{gap:16px}}@media (prefers-reduced-motion:reduce){.hub-container *,.hub-container :before{animation:none!important;transition:none!important}}.aud-container{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);box-sizing:border-box;display:flex;flex-direction:column;font-family:Comic Sans MS,Chalkboard SE,Patrick Hand,sans-serif;min-height:100vh;overflow:hidden;padding:20px;position:relative}.aud-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 20px}.aud-back-btn{background:#ffffff26!important;border:none!important;border-radius:12px;color:#fff!important;cursor:pointer;font-family:inherit;font-size:1rem;padding:8px 18px;transition:all .2s}.aud-back-btn:hover{background:#ffffff40!important}.aud-header-title{color:#fff;font-size:1.4rem;font-weight:700}.aud-progress-bar{align-items:center;display:flex;gap:8px}.aud-progress-dot{color:#ffffff4d;font-size:1rem;transition:all .3s}.aud-progress-dot.completed{color:gold;transform:scale(1.1)}.aud-progress-dot.current{animation:audPulse 1.5s infinite;color:#4dd0e1;font-size:1.2rem}.aud-star-count{color:gold;font-size:1.3rem;font-weight:700;text-shadow:0 0 10px #ffd70080}.aud-mission-select{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:40px 20px}.aud-mascot-big{animation:audBounce 2s ease-in-out infinite;font-size:5rem}.aud-section-title{color:#fff;font-size:2rem;margin:20px 0 40px;text-align:center;text-shadow:0 3px 6px #0000004d}.aud-mission-grid{display:flex;flex-wrap:wrap;gap:25px;justify-content:center}.aud-mission-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff26;border-radius:20px;color:#fff;cursor:pointer;padding:30px;text-align:center;transition:all .3s;width:250px}.aud-mission-card:hover{border-color:#4dd0e1;box-shadow:0 15px 40px #4dd0e133;transform:translateY(-8px)}.aud-mission-icon{font-size:3rem;margin-bottom:10px}.aud-mission-card h3{color:#4dd0e1;margin:10px 0}.aud-mission-from{color:#ffffff80;font-size:.85rem}.aud-mission-go{background:linear-gradient(135deg,#4dd0e1,#00bcd4);border-radius:20px;color:#fff;display:inline-block;font-weight:700;margin-top:15px;padding:8px 20px}.aud-empty-state{color:#ffffff80;padding:40px;text-align:center}.aud-empty-icon{font-size:4rem;margin-bottom:15px}.aud-game-area{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:20px}.aud-instruction-bar{align-items:center;display:flex;gap:15px;margin-bottom:5px}.aud-mascot{animation:audFloat 3s ease-in-out infinite;font-size:3rem}.aud-instruction-bubble{background:#ffffff26;border:1px solid #fff3;border-radius:20px;color:#fff;font-size:1.2rem;max-width:500px;padding:12px 25px;position:relative}.aud-instruction-bubble:before{border-bottom:8px solid #0000;border-right:10px solid #ffffff26;border-top:8px solid #0000;content:"";left:-10px;position:absolute;top:50%;transform:translateY(-50%)}.aud-type-badge{align-items:center;animation:audSlideUp .3s ease-out;border-radius:20px;box-shadow:0 2px 8px #00000026;color:#333;display:inline-flex;font-size:.9rem;font-weight:700;gap:8px;padding:6px 18px}.aud-speed-toggle{background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;display:flex;gap:6px;padding:4px}.aud-speed-btn{background:#0000!important;border:none!important;border-radius:10px;color:#ffffff80!important;cursor:pointer;font-family:inherit;font-size:.85rem;padding:6px 16px;transition:all .25s;white-space:nowrap}.aud-speed-btn:hover{background:#ffffff14!important;color:#fffc!important}.aud-speed-active{background:#4dd0e140!important;border:1px solid #4dd0e166!important;box-shadow:0 0 10px #4dd0e126;color:#4dd0e1!important;font-weight:700}.aud-prompt-section{display:flex;justify-content:center;margin:10px 0}.aud-play-btn{align-items:center;background:linear-gradient(135deg,gold,#ffc107)!important;border:none!important;border-radius:25px;box-shadow:0 8px 30px #ffd7004d;color:#333!important;cursor:pointer;display:flex;font-family:inherit;font-size:1.4rem;font-weight:700;gap:12px;padding:20px 40px;transition:all .3s}.aud-play-btn:hover:not(:disabled){box-shadow:0 12px 40px #ffd70080!important;transform:scale(1.05)}.aud-play-btn.aud-playing{animation:audPulse 1s infinite}.aud-play-icon{font-size:1.8rem}.aud-target-image-container{align-items:center;background:#ffffff1a;border:3px solid #fff3;border-radius:25px;box-shadow:0 10px 30px #0000004d;display:flex;height:250px;justify-content:center;overflow:hidden;width:250px}.aud-target-image{max-height:90%;max-width:90%;object-fit:contain}.aud-target-placeholder{color:#ffffff4d;font-size:6rem;font-weight:700}.aud-options-grid{grid-gap:20px;display:grid;gap:20px;max-width:700px;padding:10px;width:100%}.aud-audio-options,.aud-image-options{grid-template-columns:repeat(2,1fr)}.aud-option-card{background:#ffffff1a;border:3px solid #ffffff26;border-radius:20px;color:#fff;cursor:pointer;overflow:hidden;padding:20px;position:relative;text-align:center;transition:all .3s}.aud-option-card:hover:not(.aud-selected){border-color:#fff6;box-shadow:0 10px 30px #0003;transform:translateY(-5px)}.aud-image-card{flex-direction:column;gap:10px;min-height:160px}.aud-image-card,.aud-option-image{align-items:center;display:flex;justify-content:center}.aud-option-image{background:#ffffff0d;border-radius:15px;height:100px;overflow:hidden;width:100px}.aud-option-image img{max-height:100%;max-width:100%;object-fit:contain}.aud-option-placeholder{color:#fff6;font-size:3rem;font-weight:700}.aud-audio-card{align-items:center;background:#ffffff1a;display:flex;font-family:inherit;font-size:1.2rem;gap:15px;padding:18px 25px}.aud-audio-icon{font-size:2rem}.aud-option-label{font-size:1.1rem;font-weight:700}.aud-sounds-section{max-width:600px;width:100%}.aud-sound-pair{gap:20px;justify-content:center}.aud-sound-btn,.aud-sound-pair{align-items:center;display:flex}.aud-sound-btn{background:#ffffff1a!important;border:3px solid #fff3!important;border-radius:25px;color:#fff;cursor:pointer;flex-direction:column;font-family:inherit;gap:10px;padding:25px 30px;transition:all .3s;width:200px}.aud-sound-btn:hover:not(:disabled){border-color:#fff6!important;box-shadow:0 10px 30px #0000004d;transform:scale(1.05)}.aud-sound-btn:disabled{cursor:not-allowed;opacity:.7}.aud-sound-1{border-color:#4dd0e1!important}.aud-sound-2{border-color:#ff8a65!important}.aud-sound-1.aud-sound-playing{background:#4dd0e126!important;border-color:#00bcd4!important;box-shadow:0 0 25px #4dd0e14d}.aud-sound-2.aud-sound-playing{background:#ff8a6526!important;border-color:#ff5722!important;box-shadow:0 0 25px #ff57224d}.aud-sound-label{color:#ffffff80;font-size:.85rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.aud-sound-icon{font-size:2.5rem}.aud-sound-text{color:#fff9;font-size:.95rem}.aud-vs-badge{background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff9;font-size:1.2rem;font-weight:700;padding:10px 15px}.aud-answer-section{display:flex;gap:30px;margin-top:10px}.aud-answer-btn{align-items:center;background:#ffffff1a!important;border:4px solid #0000!important;border-radius:25px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:8px;min-width:160px;padding:25px 45px;transition:all .3s}.aud-answer-btn:hover:not(:disabled){box-shadow:0 10px 30px #0003;transform:scale(1.08)}.aud-answer-btn:disabled{cursor:not-allowed}.aud-same-btn{border-color:#4caf5099!important}.aud-same-btn:hover:not(:disabled){background:#4caf5026!important}.aud-diff-btn{border-color:#ff572299!important}.aud-diff-btn:hover:not(:disabled){background:#ff572226!important}.aud-answer-icon{font-size:2.5rem}.aud-answer-text{font-size:1.3rem;font-weight:700}.aud-selected{background:#4dd0e126!important;border-color:#4dd0e1!important}.aud-correct-glow{animation:audGlowPulse 1s ease-in-out 2;background:#4caf5033!important;border-color:#4caf50!important;box-shadow:0 0 25px #4caf5080,0 0 50px #4caf5033!important}.aud-wrong{background:#f4433626!important;border-color:#f44336!important}.aud-shake{animation:audShake .5s ease-in-out}.aud-feedback-bar{align-items:center;animation:audSlideUp .3s ease-out;border-radius:20px;display:flex;justify-content:space-between;max-width:700px;padding:15px 30px;width:100%}.aud-feedback-correct{background:linear-gradient(135deg,#4caf504d,#81c7844d);border:2px solid #4caf5080}.aud-feedback-wrong{background:linear-gradient(135deg,#f4433633,#ef535033);border:2px solid #f4433666}.aud-feedback-text{color:#fff;font-size:1.3rem;font-weight:700}.aud-next-btn{background:linear-gradient(135deg,#4dd0e1,#00bcd4)!important;border:none!important;border-radius:15px;color:#fff!important;cursor:pointer;font-family:inherit;font-size:1.1rem;font-weight:700;padding:12px 30px;transition:all .2s;white-space:nowrap}.aud-next-btn:hover{box-shadow:0 5px 20px #4dd0e166!important;transform:scale(1.05)}.aud-celebration-overlay{align-items:center;animation:audFadeIn .5s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.aud-celebration-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #ffd7004d;border-radius:30px;box-shadow:0 0 60px #ffd70026;color:#fff;max-width:500px;padding:50px;text-align:center;width:90%}.aud-trophy{animation:audBounce 1s ease-in-out infinite;font-size:5rem}.aud-celebration-stars{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:20px 0}.aud-star{font-size:2rem;opacity:.3;transition:all .3s}.aud-star-earned{animation:audStarPop .5s ease;opacity:1}.aud-celebration-score{color:#fffc;font-size:1.3rem;margin:15px 0 25px}.aud-play-more-btn{background:linear-gradient(135deg,gold,#ffc107)!important;border:none!important;border-radius:20px;color:#333!important;cursor:pointer;font-family:inherit;font-size:1.3rem;font-weight:700;padding:15px 40px;transition:all .2s}.aud-play-more-btn:hover{transform:scale(1.05)}.aud-confetti-container{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:999}.aud-confetti-piece{animation:audConfettiFall linear forwards;border-radius:3px;position:absolute;top:-10px}@keyframes audPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes audBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes audFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes audShake{0%,to{transform:translateX(0)}20%{transform:translateX(-10px)}40%{transform:translateX(10px)}60%{transform:translateX(-8px)}80%{transform:translateX(8px)}}@keyframes audGlowPulse{0%,to{box-shadow:0 0 25px #4caf5080}50%{box-shadow:0 0 50px #4caf50cc,0 0 80px #4caf504d}}@keyframes audSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes audFadeIn{0%{opacity:0}to{opacity:1}}@keyframes audStarPop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes audConfettiFall{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}@media (max-width:768px){.aud-sound-pair{flex-direction:column;gap:15px}.aud-sound-btn{max-width:280px;width:100%}.aud-vs-badge{margin:-5px 0}.aud-answer-section{align-items:center;flex-direction:column}.aud-answer-btn{max-width:280px;width:100%}}@media (max-width:600px){.aud-image-options{gap:12px;grid-template-columns:repeat(2,1fr)}.aud-audio-options{grid-template-columns:1fr}.aud-play-btn{font-size:1.2rem;padding:15px 30px}.aud-target-image-container{height:180px;width:180px}.aud-instruction-bubble{font-size:1rem;padding:10px 18px}.aud-instruction-bar{flex-direction:column;text-align:center}.aud-instruction-bubble:before{display:none}.aud-feedback-bar{flex-direction:column;gap:12px;text-align:center}}.aud-container.sb-page{background:radial-gradient(1200px 600px at 15% -10%,#eaf6ff 0,#0000 60%),radial-gradient(1000px 500px at 110% 10%,#f3ecff 0,#0000 55%),linear-gradient(180deg,#f7fbff,#fdf6ff 60%,#f4fff9);color:var(--sb-ink);font-family:var(--sb-font-body)}.aud-container.sb-page>:not(.sb-decor){position:relative;z-index:1}.aud-container.sb-page .aud-header{background:var(--sb-white);border:none;box-shadow:0 10px 24px #7b61ff24}.aud-container.sb-page .aud-back-btn{background:var(--sb-white)!important;box-shadow:0 6px 14px #7b61ff2e;color:var(--sb-purple)!important;font-family:var(--sb-font-body)}.aud-container.sb-page .aud-header-title,.aud-container.sb-page .aud-section-title{color:var(--sb-ink);font-family:var(--sb-font-head)}.aud-container.sb-page .aud-progress-dot.completed{color:var(--sb-orange)}.aud-container.sb-page .aud-progress-dot.current{color:var(--sb-purple)}.aud-container.sb-page .aud-star-count{color:var(--sb-orange);text-shadow:none}.aud-container.sb-page .aud-mission-grid{align-items:stretch;gap:24px}.aud-container.sb-page .aud-mission-card{align-items:center;animation:sb-pop-in .5s cubic-bezier(.34,1.56,.64,1) both;background:var(--sb-white);border:none;border-radius:24px;box-shadow:0 14px 30px #7b61ff29;color:var(--sb-ink);display:flex;flex-direction:column;overflow:hidden;padding:16px 18px 18px;position:relative;transition:transform .18s ease,box-shadow .18s ease;width:250px}.aud-container.sb-page .aud-mission-card:before{background:linear-gradient(90deg,var(--sb-purple),var(--sb-blue),var(--sb-mint));content:"";height:10px;left:0;position:absolute;right:0;top:0}.aud-container.sb-page .aud-mission-card:hover{border:none;box-shadow:0 24px 46px #7b61ff42;transform:translateY(-8px) scale(1.03)}.aud-container.sb-page .aud-mission-icon{animation:sb-float 5s ease-in-out infinite;background:linear-gradient(160deg,#f2ecff,#e7f7ff);border-radius:50%;box-shadow:inset 0 -6px 12px #7b61ff1f;display:grid;font-size:1.7rem;height:52px;margin:2px 0 4px;place-items:center;width:52px}.aud-container.sb-page .aud-mission-card h3{color:var(--sb-ink);font-family:var(--sb-font-head);font-size:1.1rem;margin:0 0 6px}.aud-container.sb-page .aud-mission-card p{font-size:.88rem;margin:3px 0}.aud-container.sb-page .aud-empty-state,.aud-container.sb-page .aud-mission-date,.aud-container.sb-page .aud-mission-from{color:var(--sb-muted)}.aud-container.sb-page .aud-mission-go{background:linear-gradient(135deg,var(--sb-orange),#ff9f45);border-radius:999px;box-shadow:0 8px 18px #ffb74d66;color:#fff;font-family:var(--sb-font-head);font-size:.92rem;font-weight:700;margin-top:12px;padding:9px 22px}.aud-container.sb-page .aud-mission-card:hover .aud-mission-go{animation:sb-bounce .6s ease infinite}.aud-container.sb-page .aud-instruction-bubble{background:var(--sb-white);border:none;box-shadow:0 10px 24px #7b61ff29;color:var(--sb-ink);font-family:var(--sb-font-head)}.aud-container.sb-page .aud-instruction-bubble:before{border-right-color:var(--sb-white)}.aud-container.sb-page .aud-play-btn{background:linear-gradient(135deg,var(--sb-orange),#ff9f45)!important;box-shadow:0 8px 24px #ffb74d66;color:#fff!important}.aud-container.sb-page .aud-option-card,.aud-container.sb-page .aud-target-image-container{background:var(--sb-white);border:3px solid #ede7fb;border-radius:var(--sb-radius);box-shadow:0 10px 24px #7b61ff1f;color:var(--sb-ink)}.aud-container.sb-page .aud-option-card:hover:not(.aud-selected){border-color:var(--sb-blue)}.aud-container.sb-page .aud-option-image{background:#f4f1ff}.aud-container.sb-page .aud-option-placeholder,.aud-container.sb-page .aud-sound-text,.aud-container.sb-page .aud-target-placeholder{color:var(--sb-muted)}.aud-container.sb-page .aud-selected{background:#f1ecff!important;border-color:var(--sb-purple)!important}.aud-container.sb-page .aud-speed-toggle{background:#f1ecff;border:none}.aud-container.sb-page .aud-speed-btn{color:var(--sb-muted)!important}.aud-container.sb-page .aud-speed-active{background:var(--sb-white)!important;border:none!important;color:var(--sb-purple)!important}.aud-container.sb-page .aud-feedback-text{color:var(--sb-ink)}.aud-container.sb-page .aud-next-btn,.aud-container.sb-page .aud-play-more-btn{background:linear-gradient(135deg,var(--sb-purple),#9b7bff)!important;color:#fff!important}.aud-container.sb-page .aud-celebration-content h1{font-family:var(--sb-font-head)}.aud-container.sb-page .aud-sound-btn{background:var(--sb-white)!important;border-radius:var(--sb-radius);box-shadow:0 12px 28px #7b61ff24;color:var(--sb-ink)}.aud-container.sb-page .aud-sound-1{border-color:var(--sb-blue)!important}.aud-container.sb-page .aud-sound-2{border-color:var(--sb-orange)!important}.aud-container.sb-page .aud-sound-1.aud-sound-playing{background:#e2f5ff!important;border-color:#36b0f5!important}.aud-container.sb-page .aud-sound-2.aud-sound-playing{background:#fff1dc!important;border-color:#ff9f45!important}.aud-container.sb-page .aud-sound-label{color:var(--sb-purple)}.aud-container.sb-page .aud-sound-text{color:var(--sb-ink)}.aud-container.sb-page .aud-vs-badge{background:linear-gradient(135deg,var(--sb-purple),#9b7bff);border:none;box-shadow:0 6px 14px #7b61ff4d;color:#fff;font-family:var(--sb-font-head)}.aud-container.sb-page .aud-answer-btn{background:var(--sb-white)!important;border-radius:var(--sb-radius);box-shadow:0 12px 28px #7b61ff24;color:var(--sb-ink)}.aud-container.sb-page .aud-same-btn{border-color:var(--sb-mint)!important}.aud-container.sb-page .aud-same-btn:hover:not(:disabled){background:#e0f8ee!important}.aud-container.sb-page .aud-diff-btn{border-color:var(--sb-orange)!important}.aud-container.sb-page .aud-diff-btn:hover:not(:disabled){background:#fff1dc!important}.aud-container.sb-page .aud-answer-text{color:var(--sb-ink);font-family:var(--sb-font-head)}.aud-container.sb-page .aud-answer-btn.aud-selected{background:#f1ecff!important}.aud-container.sb-page .aud-answer-btn.aud-correct-glow{background:#e3f6e5!important}.aud-container.sb-page .aud-answer-btn.aud-wrong{background:#fdecea!important}.aud-container.sb-page .aud-option-label{color:var(--sb-ink)}.aud-container.sb-page .aud-audio-btn{background:var(--sb-white)!important;color:var(--sb-purple)}.buddy-container{box-sizing:border-box;display:flex;flex-direction:column;padding:20px}.buddy-header{align-items:center;display:flex;gap:16px;padding:6px 10px 18px;position:relative;z-index:2}.buddy-title{color:var(--sb-ink);font-family:var(--sb-font-head);font-size:1.5rem;font-weight:700}.buddy-content{flex:1 1;flex-direction:column;gap:22px;position:relative;z-index:2}.buddy-character,.buddy-content{align-items:center;display:flex;justify-content:center}.buddy-character{background:linear-gradient(160deg,#f2ecff,#e7f7ff);border:4px solid var(--sb-blue);border-radius:50%;box-shadow:0 16px 40px #7b61ff38;font-size:6rem;height:180px;transition:all .3s ease;width:180px}.buddy-character.state-idle{animation:sb-float 3s ease-in-out infinite}.buddy-character.state-listening{animation:sb-pulse 1.4s ease-in-out infinite;border-color:var(--sb-pink)}.buddy-character.state-processing{animation:buddyThink 1s ease-in-out infinite;opacity:.85}.buddy-character.state-speaking{animation:buddySpeak .5s ease-in-out infinite;border-color:var(--sb-mint);box-shadow:0 0 34px #72e3b380}.buddy-character.state-error{animation:buddyShake .5s ease-in-out;border-color:var(--sb-orange)}.buddy-caption{background:var(--sb-white);border-radius:22px;box-shadow:0 10px 24px #7b61ff29;color:var(--sb-ink);font-family:var(--sb-font-head);font-size:1.25rem;font-weight:500;justify-content:center;max-width:520px;min-height:50px;padding:16px 28px;text-align:center}.buddy-caption,.buddy-mic-area{align-items:center;display:flex}.buddy-mic-area{flex-direction:column;gap:8px;margin-top:6px}.buddy-mic-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:2.6rem;height:96px;justify-content:center;transition:transform .2s cubic-bezier(.4,0,.2,1);width:96px}.buddy-mic-btn.mic-idle{animation:sb-bounce 2.4s ease-in-out infinite;background:linear-gradient(135deg,var(--sb-purple),#9b7bff);box-shadow:0 10px 28px #7b61ff73;color:#fff}.buddy-mic-btn.mic-idle:hover{transform:scale(1.1)}.buddy-mic-btn.mic-recording{animation:sb-pulse 1s ease-in-out infinite;background:linear-gradient(135deg,var(--sb-pink),#ff6fb5);color:#fff}.buddy-mic-btn.mic-disabled{background:#e7e1f5;box-shadow:none;color:#b3a9d6;cursor:not-allowed}.buddy-transcript{background:var(--sb-white);border-radius:22px;box-shadow:0 10px 24px #7b61ff1f;max-height:130px;max-width:520px;overflow-y:auto;padding:14px 22px;width:100%}.buddy-transcript-msg{color:var(--sb-ink);font-size:.98rem;padding:6px 0}.buddy-transcript-msg.role-user{color:var(--sb-purple);font-weight:700;text-align:right}.buddy-transcript-msg.role-assistant{color:#28a878;text-align:left}.buddy-transcript-label{font-size:.78rem;font-weight:800;margin-right:5px;opacity:.65}.buddy-cooldown{color:var(--sb-muted);font-size:.9rem;font-weight:700}@keyframes buddyThink{0%,to{transform:scale(1)}50%{transform:scale(.95)}}@keyframes buddySpeak{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes buddyShake{0%,to{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}@media (max-width:768px){.buddy-character{font-size:4.5rem;height:140px;width:140px}.buddy-caption{font-size:1.1rem;padding:13px 20px}.buddy-mic-btn{font-size:2.1rem;height:80px;width:80px}.buddy-title{font-size:1.2rem}}.om-container{background:linear-gradient(135deg,#0f0c29,#1a1a2e,#16213e);color:#e0e0e0;display:flex;flex-direction:column;font-family:Segoe UI,system-ui,sans-serif;min-height:100vh}.om-navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:12px 20px}.om-nav-title{color:#fff;font-size:1.2rem;font-weight:700}.om-btn{background:#ffffff1a;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 18px;transition:all .2s}.om-btn:hover{background:#ffffff2e;transform:translateY(-1px)}.om-btn:disabled{cursor:default;opacity:.5;transform:none}.om-btn-primary{background:linear-gradient(135deg,#6c63ff,#48c6ef);box-shadow:0 4px 15px #6c63ff4d}.om-btn-primary:hover{box-shadow:0 6px 20px #6c63ff80}.om-btn-back{background:#ffffff14}.om-btn-logout{background:#e53935}.om-btn-matched{background:linear-gradient(135deg,#43a047,#66bb6a)!important;box-shadow:0 0 15px #4caf5066}.om-progress-bar{align-items:center;display:flex;gap:16px;justify-content:center;padding:14px 20px}.om-progress-label{color:#aaa;font-size:.85rem;font-weight:600}.om-dots{display:flex;gap:8px}.om-dot{align-items:center;background:#ffffff14;border-radius:50%;color:#666;display:flex;font-size:.7rem;font-weight:700;height:30px;justify-content:center;transition:all .3s;width:30px}.om-dot.done{background:#43a047;color:#fff}.om-dot.active{background:linear-gradient(135deg,#6c63ff,#48c6ef);box-shadow:0 0 12px #6c63ff80;color:#fff;transform:scale(1.15)}.om-main{display:flex;flex:1 1;gap:24px;margin:0 auto;max-width:1100px;padding:10px 24px 20px;width:100%}.om-target-section{align-items:flex-start;display:flex;flex:1 1}.om-shape-card{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;padding:28px;width:100%}.om-shape-emoji{animation:om-bounce 2s infinite;font-size:5rem;margin-bottom:8px;text-align:center}@keyframes om-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.om-shape-name{color:#7c4dff;font-size:1.6rem;font-weight:800;margin:0 0 6px}.om-sound-text{color:#bbb;font-size:1.05rem;margin:0 0 12px}.om-instruction{color:#999;font-size:.95rem;line-height:1.5;margin:0 0 14px}.om-helper-tip{background:#ffc1071a;border-left:3px solid #ffc107;border-radius:0 10px 10px 0;color:#ccc;font-size:.85rem;padding:10px 14px}.om-camera-section{display:flex;flex:1 1;flex-direction:column;gap:14px}.om-camera-wrap{aspect-ratio:4/3;background:#000;border:2px solid #6c63ff4d;border-radius:16px;overflow:hidden;position:relative}.om-video{height:100%;object-fit:cover;transform:scaleX(-1);width:100%}.om-camera-overlay{align-items:center;background:#000000b3;color:#aaa;display:flex;flex-direction:column;font-size:.85rem;gap:10px;inset:0;justify-content:center;position:absolute}.om-mouth-label{background:#4caf50b3;border-radius:8px;bottom:10px;color:#fff;font-size:.75rem;font-weight:700;left:50%;letter-spacing:1px;padding:4px 14px;position:absolute;transform:translateX(-50%)}.om-feedback-area{display:flex;flex-direction:column;gap:10px}.om-check-card{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;padding:14px 18px;transition:all .3s}.om-check-card.success{background:#4caf501a;border-color:#43a047;box-shadow:0 0 20px #4caf5026}.om-check-card.trying{background:#ff980014;border-color:#ff9800}.om-check-header{color:#888;font-size:.7rem;font-weight:700;letter-spacing:1.5px;margin-bottom:8px;text-transform:uppercase}.om-check-body{color:#bbb;font-size:.9rem}.om-check-body.success{color:#81c784}.om-check-body.trying{color:#ffb74d}.om-ratio{color:#666;display:block;font-size:.75rem;margin-top:4px}.om-score-bar{background:#ffffff1a;border-radius:5px;height:10px;margin-bottom:6px;overflow:hidden;width:100%}.om-score-fill{background:linear-gradient(90deg,#ef5350,#ff9800);border-radius:5px;height:100%;transition:width .15s ease-out}.om-score-fill.mid{background:linear-gradient(90deg,#ff9800,#ffc107)}.om-score-fill.good{background:linear-gradient(90deg,#66bb6a,#43a047)}.om-score-label{color:#aaa;font-size:.8rem;margin:4px 0 0}.om-formant-info{color:#888;display:block;font-family:Courier New,monospace;font-size:.72rem;margin-top:4px}.om-check-card.streak{background:#7c4dff14;border-color:#7c4dff}.om-hold-bar{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:6px;overflow:hidden;width:100%}.om-hold-fill{background:linear-gradient(90deg,#ff9800,#4caf50);border-radius:4px;height:100%;transition:width .1s linear}.om-bottom-bar{background:#0000004d;border-top:1px solid #ffffff0f;padding:16px 24px}.om-bottom-bar,.om-loading{display:flex;gap:16px;justify-content:center}.om-loading{align-items:center;color:#aaa;flex:1 1;flex-direction:column}.om-loading-spinner{animation:om-spin .8s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#6c63ff;height:40px;width:40px}.om-loading-spinner.small{border-width:2px;height:24px;width:24px}@keyframes om-spin{to{transform:rotate(1turn)}}.om-celebration{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center;padding:40px;text-align:center}.om-trophy{animation:om-bounce 1.5s infinite;font-size:5rem}.om-celebration h1{color:#fff;font-size:2rem;margin:0}.om-celebration p{color:#bbb;font-size:1.1rem}.om-stars{display:flex;font-size:1.8rem;gap:8px}.om-star{transition:transform .3s}.om-error{background:#e5393526;border:1px solid #e53935;border-radius:10px;color:#ef9a9a;font-size:.85rem;padding:10px 14px}@media (max-width:768px){.om-main{flex-direction:column;padding:10px 14px}.om-shape-emoji{font-size:3.5rem}.om-shape-name{font-size:1.3rem}}.om-container.sb-page{background:radial-gradient(1200px 600px at 15% -10%,#eaf6ff 0,#0000 60%),radial-gradient(1000px 500px at 110% 10%,#f3ecff 0,#0000 55%),linear-gradient(180deg,#f7fbff,#fdf6ff 60%,#f4fff9);color:var(--sb-ink);font-family:var(--sb-font-body)}.om-container.sb-page>:not(.sb-decor){position:relative;z-index:1}.om-container.sb-page .om-navbar{background:var(--sb-white);box-shadow:0 10px 24px #7b61ff24}.om-container.sb-page .om-nav-title{color:var(--sb-ink);font-family:var(--sb-font-head)}.om-container.sb-page .om-btn{background:var(--sb-white);box-shadow:0 6px 14px #7b61ff29;color:var(--sb-purple)}.om-container.sb-page .om-btn:hover{background:#f4f1ff}.om-container.sb-page .om-btn-primary{background:linear-gradient(135deg,var(--sb-purple),#9b7bff);color:#fff}.om-container.sb-page .om-btn-back{background:var(--sb-white)}.om-container.sb-page .om-btn-logout{background:#e53935;color:#fff}.om-container.sb-page .om-btn-matched{background:linear-gradient(135deg,var(--sb-mint),#45ce97)!important;color:#fff}.om-container.sb-page .om-progress-label{color:var(--sb-muted)}.om-container.sb-page .om-dot{background:#ede7fb;color:var(--sb-muted)}.om-container.sb-page .om-dot.done{background:var(--sb-mint);color:#fff}.om-container.sb-page .om-dot.active{background:var(--sb-purple);color:#fff}.om-container.sb-page .om-check-card,.om-container.sb-page .om-shape-card{background:var(--sb-white);border-radius:var(--sb-radius);box-shadow:0 12px 28px #7b61ff24}.om-container.sb-page .om-shape-name{color:var(--sb-ink);font-family:var(--sb-font-head)}.om-container.sb-page .om-instruction,.om-container.sb-page .om-sound-text{color:var(--sb-ink)}.om-container.sb-page .om-helper-tip{background:#fff6e0;border-radius:16px;color:#8a5a00}.om-container.sb-page .om-check-header{color:var(--sb-purple)}.om-container.sb-page .om-check-body{color:var(--sb-ink)}.om-container.sb-page .om-check-card.success{box-shadow:0 0 0 3px var(--sb-mint) inset}.om-container.sb-page .om-check-card.trying{background:#fff6e0}.om-container.sb-page .om-hold-bar,.om-container.sb-page .om-score-bar{background:#ede7fb}.om-container.sb-page .om-hold-fill{background:linear-gradient(90deg,var(--sb-orange),#ff9f45)}.om-container.sb-page .om-camera-wrap{border-radius:var(--sb-radius);box-shadow:0 12px 28px #7b61ff29;overflow:hidden}.om-container.sb-page .om-celebration h1{color:var(--sb-ink);font-family:var(--sb-font-head)}.om-container.sb-page .om-celebration p,.om-container.sb-page .om-loading p{color:var(--sb-ink)}.App{min-height:100vh}.child-page,.therapist-page{margin:0 auto;max-width:1200px;padding:20px}.therapist-page{background-color:#f4f6fb;border-radius:12px}.page-header{align-items:center;border-bottom:2px solid #4caf50;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.nav-link{background-color:#4caf50;border-radius:5px;color:#fff;font-weight:700;padding:10px 20px;text-decoration:none}.nav-link:hover{background-color:#45a049}.section{background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin:30px 0;padding:25px}.therapist-dashboard{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1.4fr}.dashboard-left,.dashboard-right{display:flex;flex-direction:column;gap:16px}@media (max-width:900px){.therapist-dashboard{grid-template-columns:1fr}}.assignment-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;margin-top:12px}.assignment-controls select,.assignment-size select{min-width:200px}.assignment-size label{color:#555;display:block;font-size:.85rem;margin-bottom:4px}.random-button{background-color:#1976d2}.random-button:hover:not(:disabled){background-color:#1565c0}.selected-count{align-items:center;color:#555;display:flex;gap:12px;margin-top:8px}.clear-button{background-color:#e0e0e0;color:#333}.clear-button:hover:not(:disabled){background-color:#d5d5d5}.assign-button{margin-top:10px;width:100%}.assignments-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.assignment-item{align-items:center;background-color:#fafbff;border:1px solid #e0e4f0;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.assignment-info p{color:#555;margin:4px 0}.assignment-info small{color:#777}.delete-button{background-color:#e53935}.delete-button:hover:not(:disabled){background-color:#c62828}.progress-report{background-color:#fff;border:1px solid #e0e4f0;border-radius:12px;box-shadow:0 2px 6px #00000014;margin-top:20px;padding:20px 24px}.progress-details h4{margin-top:24px}.detail-row .clinical-detail,.phoneme-section .phoneme-chips{margin-top:8px}.notes-textarea{border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:.9rem;margin-bottom:10px;min-height:80px;padding:10px;resize:vertical;width:100%}.notes-save-btn{background-color:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:5px 10px}.filters,.form{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin:15px 0}.filters select,.form input,.form select{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:10px}button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px}button:disabled{background-color:#ccc;cursor:not-allowed}button:hover:not(:disabled){background-color:#45a049}.therapist-tabs{border-bottom:1px solid #e0e4f0;display:flex;gap:8px;margin-bottom:16px}.tab-button{background-color:initial;border:none;border-bottom:3px solid #0000;border-radius:4px 4px 0 0;color:#555;font-size:.95rem;font-weight:600;padding:10px 16px}.tab-button.active{background-color:#eef3fb;border-bottom-color:#1976d2;color:#1976d2}.tab-button:hover:not(:disabled),.therapist-subtabs{background-color:#f5f7fd}.therapist-subtabs{border-radius:8px;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;overflow-x:auto;padding:6px 8px}.subtab-button{background-color:initial;border:none;border-radius:16px;color:#555;cursor:pointer;font-size:.88rem;font-weight:600;padding:6px 14px;white-space:nowrap}.subtab-button.active{background-color:#1976d2;color:#fff}.subtab-button:hover:not(.active){background-color:#e2e9f7}.back-button,.start-button{background-color:#2196f3;margin:10px}.back-button:hover,.start-button:hover{background-color:#1976d2}.exercises-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:25px 0}.exercise-card{background:#fff;border:2px solid #ddd;border-radius:10px;cursor:pointer;padding:20px;transition:all .3s ease}.exercise-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.exercise-card.selected{background-color:#f0fff0;border-color:#4caf50;box-shadow:0 4px 12px #4caf504d}.exercise-image{align-items:center;background-color:#f5f5f5;border-radius:8px;display:flex;height:120px;justify-content:center;margin-bottom:15px;overflow:hidden;width:100%}.exercise-image img{max-height:100%;max-width:100%;object-fit:contain}.exercise-info h4{color:#333;font-size:20px;margin:10px 0 5px}.exercise-info p{color:#666;margin:5px 0}.exercise-info small{color:#888;font-size:12px}.assignments-section,.child-selection{padding:40px 20px;text-align:center}.child-selection select{font-size:18px;margin:20px 0;min-width:250px;padding:12px 20px}.exercise-session{margin:0 auto;max-width:600px;text-align:center}.exercise-display{background:#fff;border:3px solid #4caf50;border-radius:15px;box-shadow:0 4px 12px #0000001a;margin:30px 0;padding:30px}.exercise-display img{height:200px;margin-bottom:20px;object-fit:contain;width:200px}.exercise-display h3{color:#333;font-size:36px;margin:15px 0}.exercise-display p{color:#666;font-size:18px;margin:10px 0}.recording-section{margin:30px 0}.recording{background-color:#f44!important;transform:scale(1.05)}.recording:hover{background-color:#c00!important}.recording-indicator{animation:pulse 1s infinite;color:#f44;font-size:18px;font-weight:700;margin:15px 0}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.evaluation-result{border-radius:10px;box-shadow:0 2px 8px #0000001a;margin:30px 0;padding:25px;text-align:left}.evaluation-result.correct{background-color:#d4edda;border:2px solid #c3e6cb}.evaluation-result.deletion,.evaluation-result.distortion,.evaluation-result.substitution{background-color:#f8d7da;border:2px solid #f5c6cb}.correction{background-color:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;color:#856404;margin:15px 0;padding:15px}.progress-summary{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-around;margin:25px 0}.stat{background:#fff;border:2px solid #ddd;border-radius:10px;box-shadow:0 2px 4px #0000001a;min-width:140px;padding:20px}.stat h4{color:#666;font-size:14px;margin:0 0 10px}.stat p{color:#4caf50;font-size:24px;font-weight:700;margin:0}.error-breakdown{background:#f8f9fa;border-radius:8px;margin:25px 0;padding:20px}.error-item{border-bottom:1px solid #eee;display:flex;font-size:16px;justify-content:space-between;padding:12px}.error-type{color:#333;font-weight:700}.error-count{color:#4caf50;font-weight:700}.table-container{border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px 0;overflow-x:auto}table{background:#fff;border-collapse:collapse;width:100%}td,th{border:1px solid #ddd;padding:12px;text-align:left}th{background-color:#4caf50;color:#fff;font-weight:700}.error-correct{color:#28a745;font-weight:700}.error-deletion,.error-distortion,.error-substitution{color:#dc3545;font-weight:700}.review-badge{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:600;padding:3px 10px;text-transform:capitalize}.review-pending{background:#fff3cd;color:#856404}.review-approved{background:#d4edda;color:#155724}.review-rejected{background:#f8d7da;color:#721c24}:root{--child-bg:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);--child-primary:#4dd0e1;--child-accent:gold;--child-success:#4caf50;--child-error:#f44336;--child-font:"Comic Sans MS","Chalkboard SE","Patrick Hand",sans-serif}.child-page-container{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:Comic Sans MS,Chalkboard SE,Patrick Hand,sans-serif;font-family:var(--child-font);min-height:100vh;overflow:hidden;padding:20px;position:relative}.child-navbar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 20px}.nav-home-btn{background:#ffffff26!important;border:none;border-radius:12px;color:#fff!important;cursor:pointer;font-size:1.1rem;padding:8px 18px;transition:all .2s}.nav-home-btn:hover{background:#ffffff40!important}.nav-home-btn:active{transform:translateY(2px)}.nav-title{color:#fff;font-size:1.4rem;font-weight:700}.theme-selection{align-items:center;justify-content:center}.theme-selection h1{color:#006064;font-size:2.5rem;margin-bottom:40px;text-align:center}.child-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.child-card-btn{align-items:center;background:#fff;border:4px solid #4dd0e1;border:4px solid var(--child-primary);border-radius:25px;box-shadow:0 10px 20px #0000001a;cursor:pointer;display:flex;flex-direction:column;padding:30px;transition:all .2s;width:200px}.child-card-btn:hover{border-color:gold;border-color:var(--child-accent);transform:scale(1.05) rotate(-2deg)}.avatar{font-size:4rem;margin-bottom:15px}.name{color:#006064;font-size:1.5rem;font-weight:700}.theme-dashboard .dashboard-content{margin:0 auto;max-width:900px;text-align:center}.assignments-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:40px}.mission-card{background:linear-gradient(135deg,#fff,#e1f5fe);border:2px dashed #4dd0e1;border:2px dashed var(--child-primary);border-radius:20px;box-shadow:0 5px 15px #0000000d;cursor:pointer;padding:30px;transition:transform .2s;width:250px}.mission-card:hover{border-color:gold;border-color:var(--child-accent);border-style:solid;transform:translateY(-10px)}.mission-card .icon{font-size:3rem;margin-bottom:10px}.game-stage{align-items:center;display:flex;flex:1 1;gap:20px;justify-content:center}.nav-arrow{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:2px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;font-size:2rem;height:60px;transition:all .2s;width:60px}.nav-arrow:hover:not(:disabled){background:#4dd0e133;border-color:#4dd0e1;border-color:var(--child-primary)}.nav-arrow:active:not(:disabled){transform:scale(.95)}.nav-arrow:disabled{cursor:default;opacity:.2}.exercise-card-main{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:2px solid #ffffff26;border-radius:30px;box-shadow:0 20px 40px #0000004d;color:#fff;padding:40px;position:relative;text-align:center;width:500px}.image-stage{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:20px;display:flex;height:250px;justify-content:center;margin-bottom:20px}.main-image{border-radius:15px;max-height:100%;max-width:100%;padding:10px}.placeholder-image{color:#fff3;font-size:8rem;font-weight:700}.word-target{color:#fff;font-size:3rem;margin:10px 0 30px;text-shadow:0 3px 6px #0000004d}.controls-row{display:flex;gap:20px;justify-content:center;margin-bottom:30px}.action-btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:flex;font-family:inherit;font-size:1.2rem;font-weight:700;gap:10px;padding:15px 30px;transition:transform .1s}.action-btn:active{transform:scale(.95)}.sound-btn{background:linear-gradient(135deg,gold,#ffc107);box-shadow:0 4px 12px #ffd7004d;color:#333}.mic-btn{background:linear-gradient(135deg,#4dd0e1,#00bcd4);box-shadow:0 4px 12px #00bcd44d;color:#fff;justify-content:center;min-width:160px}.mic-btn.recording{animation:none;background:linear-gradient(135deg,#ff7043,#d84315);box-shadow:0 4px 12px #d8431566}@keyframes pulse-red{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.feedback-bubble{animation:feedbackSlideIn .4s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:2px solid #ffffff26;border-radius:20px;color:#fff;margin-top:20px;padding:20px}.feedback-bubble.success{background:#4caf5040;border-color:#4caf5080;color:#fff}.feedback-bubble.pending{background:#ffb74d26;border-color:#ffb74d4d;color:#fff}.feedback-icon{font-size:1.5rem;font-weight:700;margin-bottom:10px}.feedback-tip{background:#ffffff1a;border-radius:10px;color:#ffffffb3;display:inline-block;font-size:1.1rem;padding:5px 10px}.replay-btn{background:#ffffff26;border:2px solid #ffffff4d;border-radius:15px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:10px;padding:5px 15px;transition:all .2s}.replay-btn:hover{background:#ffffff40}.success .replay-btn{border-color:#ffffff80;color:#fff}.game-progress{align-items:center;display:flex;gap:20px;justify-content:center;margin:0 auto 20px;max-width:600px;text-align:center}.progress-track{background:#ffffff26;border-radius:10px;box-shadow:inset 0 2px 4px #0003;height:20px;overflow:hidden;position:relative}.progress-fill{background:linear-gradient(90deg,gold,#ffc107);border-radius:10px;box-shadow:2px 0 5px #0003;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-text{color:#ffffffb3;font-weight:700;margin-top:5px}@keyframes popIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.game-alert{background:#f4433626;border:1px solid #f443364d;border-radius:10px;color:#ef9a9a;margin-bottom:15px;padding:10px}.mission-badge{background:#ffca28;border-radius:15px;box-shadow:0 2px 4px #0000001a;color:#5d4037;display:inline-block;font-size:.9rem;font-weight:700;margin-bottom:15px;padding:5px 15px}.mission-info{background:#fff9;border-radius:15px;margin-top:15px;padding:15px;text-align:left}.mission-info p{align-items:center;color:#546e7a;display:flex;font-size:.95rem;gap:8px;margin:8px 0}.mission-date{color:#00838f!important;font-weight:700}.mission-from{border-top:1px dashed #b0bec5;color:#78909c!important;font-size:.85rem!important;font-style:italic;margin-top:10px!important;padding-top:8px}.mascot-container{animation:bounce 2s ease-in-out infinite;cursor:pointer;font-size:5rem;transition:transform .2s}.mascot-container:hover{transform:scale(1.2) rotate(10deg)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.star-progress{display:flex;gap:8px;justify-content:center;margin-bottom:30px}.star{color:#fff3;font-size:2rem;transition:all .5s}.star.active{animation:starPop .3s cubic-bezier(.175,.885,.32,1.275);color:#ffca28;text-shadow:0 0 10px #ffe082;transform:scale(1.3)}@keyframes starPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1.3)}}.celebration-overlay{align-items:center;animation:fadeIn .5s;background:#000000d9;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1000}.celebration-content{color:#fff;text-align:center;z-index:2}.trophy{animation:trophyPop 1s cubic-bezier(.175,.885,.32,1.275);font-size:8rem;margin-bottom:20px}.celebration-overlay h1{color:gold;font-family:Comic Sans MS,Chalkboard SE,Patrick Hand,sans-serif;font-family:var(--child-font);font-size:3.5rem;margin-bottom:20px;text-shadow:0 3px 6px #0000004d}.celebration-overlay p{color:#fffc;font-size:1.8rem}.celebration-overlay button{background:linear-gradient(135deg,gold,#ffc107);border:none;border-radius:50px;box-shadow:0 8px 30px #ffd7004d;color:#333;cursor:pointer;font-family:inherit;font-size:1.4rem;font-weight:700;margin-top:30px;padding:18px 40px;transition:all .2s}.celebration-overlay button:hover{box-shadow:0 12px 40px #ffd70080;transform:scale(1.05)}.celebration-overlay button:active{transform:scale(.98)}@keyframes trophyPop{0%{transform:scale(0) rotate(-180deg)}60%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.game-stats-bar{flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:10px}.game-stats-bar,.xp-counter{align-items:center;display:flex}.xp-counter{background:linear-gradient(135deg,#ffd54f,#ffb300);border-radius:50px;box-shadow:0 4px 12px #ffb30059;color:#5d4037;font-size:1.2rem;font-weight:700;gap:8px;padding:8px 22px;transition:transform .3s}.xp-counter.xp-pop{animation:xpPop .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes xpPop{0%{transform:scale(1)}40%{transform:scale(1.3) rotate(-3deg)}70%{transform:scale(.95)}to{transform:scale(1)}}.streak-badge{align-items:center;animation:fireGlow 1.5s ease-in-out infinite alternate;background:linear-gradient(135deg,#ff7043,#f4511e);border-radius:50px;box-shadow:0 4px 12px #f4511e59;color:#fff;display:flex;font-size:1.1rem;font-weight:700;gap:6px;padding:8px 18px}@keyframes fireGlow{0%{box-shadow:0 4px 12px #f4511e59}to{box-shadow:0 4px 20px #ff704399,0 0 8px #ffb74d80}}.level-progress-wrap{align-items:center;display:flex;gap:8px}.level-progress-bar{background:#e0e0e0;border-radius:10px;box-shadow:inset 0 2px 4px #00000014;height:14px;overflow:hidden;width:120px}.level-progress-fill{background:linear-gradient(90deg,#66bb6a,#43a047);border-radius:10px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.level-label{color:#388e3c;font-size:.85rem;font-weight:700}.exercise-card-main.card-correct{animation:cardCorrectGlow .8s ease}.exercise-card-main.card-error{animation:cardErrorShake .5s ease}@keyframes cardCorrectGlow{0%{box-shadow:0 20px 40px #0000001a}50%{box-shadow:0 0 30px #4caf5080,0 0 60px #4caf5033}to{box-shadow:0 20px 40px #0000001a}}@keyframes cardErrorShake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.mic-btn{position:relative}.mic-btn.recording:before{animation:recordPulseRing 1.2s ease-out infinite;border:3px solid #ff704399;border-radius:60px;bottom:-8px;content:"";left:-8px;position:absolute;right:-8px;top:-8px}.mic-btn.recording:after{animation:recordPulseRing 1.2s ease-out .3s infinite;border:2px solid #ff70434d;border-radius:60px;bottom:-16px;content:"";left:-16px;position:absolute;right:-16px;top:-16px}@keyframes recordPulseRing{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.art-confetti-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:999}.art-confetti-piece{animation:artConfettiFall linear forwards;border-radius:3px;position:absolute;top:-20px}@keyframes artConfettiFall{0%{opacity:1;transform:translateY(0) rotate(0deg) scale(1)}85%{opacity:1}to{opacity:0;transform:translateY(100vh) rotate(2turn) scale(.5)}}.floating-emoji{animation:floatUp 1.5s ease-out forwards;font-size:2rem;pointer-events:none;position:absolute;z-index:100}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(.5)}50%{opacity:1;transform:translateY(-60px) scale(1.2)}to{opacity:0;transform:translateY(-120px) scale(.8)}}.mascot-wrap{display:inline-block;position:relative}.mascot-speech{animation:speechIn .3s ease;background:#fff;border-radius:16px;bottom:110%;box-shadow:0 4px 12px #0000001a;color:#333;font-size:.9rem;padding:8px 16px;pointer-events:none;white-space:nowrap}.mascot-speech,.mascot-speech:after{left:50%;position:absolute;transform:translateX(-50%)}.mascot-speech:after{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid #fff;bottom:-8px;content:""}@keyframes speechIn{0%{opacity:0;transform:translateX(-50%) translateY(8px) scale(.8)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.celebration-stars-row{display:flex;gap:12px;justify-content:center;margin:20px 0}.celebration-star-item{animation:celebStarPop .5s cubic-bezier(.175,.885,.32,1.275) forwards;font-size:2.5rem;opacity:0;transform:scale(0)}@keyframes celebStarPop{to{opacity:1;transform:scale(1)}}.celebration-score-text{color:#5d4037;font-size:1.5rem;font-weight:700;margin:10px 0 20px}.celebration-confetti-bg{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.celebration-confetti-piece{animation:celebConfetti linear infinite;border-radius:3px;position:absolute;top:-30px}@keyframes celebConfetti{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:.3;transform:translateY(110vh) rotate(3turn)}}@media (max-width:1024px){.child-page,.therapist-page{padding:15px}.exercises-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.page-header{flex-direction:column;gap:15px;text-align:center}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}table{font-size:14px}td,th{padding:8px}}@media (max-width:768px){.child-page-container{padding:10px}.child-navbar{margin-bottom:20px;padding:10px 15px}.nav-title{font-size:1.4rem}.nav-home-btn{font-size:1rem;padding:8px 15px}.theme-selection h1{font-size:2rem}.child-grid{gap:20px}.child-card-btn{padding:20px;width:160px}.avatar{font-size:3rem}.name{font-size:1.2rem}.assignments-grid{gap:20px}.mission-card{max-width:300px;width:100%}.exercise-card-main{max-width:none;padding:25px;width:95%}.image-stage{height:200px}.word-target{font-size:2.5rem}.mascot-container{font-size:4rem}.game-progress{gap:15px}.exercises-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.filters,.form{align-items:stretch;flex-direction:column}.filters select,.form input,.form select{width:100%}.assignment-controls{align-items:stretch;flex-direction:column}.assignment-controls select{width:100%}.progress-summary{flex-direction:column;gap:10px}.stat{width:100%}.trophy{font-size:6rem}.celebration-overlay h1{font-size:3rem}.celebration-overlay p{font-size:1.5rem}.celebration-overlay button{font-size:1.2rem;padding:15px 30px}}@media (max-width:640px){.child-navbar{flex-direction:column;gap:10px}.nav-title{font-size:1.2rem;order:-1}.game-stage{flex-direction:column;gap:15px}.nav-arrow{font-size:1.5rem;height:50px;width:50px}.exercise-card-main{border-radius:20px;padding:20px;width:100%}.image-stage{height:180px}.word-target{font-size:2rem;margin:10px 0 20px}.controls-row{flex-direction:column;gap:12px}.action-btn{font-size:1rem;padding:12px 20px;width:100%}.feedback-bubble{padding:15px}.feedback-icon{font-size:1.2rem}.feedback-tip{font-size:1rem}.star-progress{gap:10px}.star{font-size:1.5rem}.game-progress{flex-direction:column;gap:10px;margin-bottom:20px}.mascot-container{font-size:3rem}.therapist-tabs{flex-wrap:wrap}.tab-button{flex:1 1;font-size:.85rem;min-width:100px;padding:8px 12px}.exercises-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.exercise-card{padding:15px}.exercise-image{height:100px}.exercise-info h4{font-size:16px}.exercise-info p{font-size:14px}table{font-size:12px}td,th{padding:6px}.table-container table td:nth-child(4),.table-container table th:nth-child(4){display:none}.mission-card{padding:20px}.mission-card .icon{font-size:2.5rem}.mission-info{padding:12px}.mission-info p{font-size:.85rem}}@media (max-width:480px){.child-page-container{padding:5px}.theme-selection h1{font-size:1.5rem;margin-bottom:20px}.child-grid{align-items:center;flex-direction:column;gap:15px}.child-card-btn{max-width:250px;width:100%}.game-stage{flex-direction:column;gap:10px}.exercise-card-main{order:1;padding:15px;width:100%}.nav-arrow.prev{order:2}.nav-arrow.next{order:3}.game-stage:after{content:"";display:flex;gap:20px;justify-content:center;order:2;width:100%}.image-stage{background:#fff;border-radius:15px;box-shadow:0 4px 10px #0000001a;height:150px}.word-target{font-size:1.8rem}.mascot-container{font-size:2.5rem}.action-btn{font-size:.95rem;padding:10px 15px}.mic-btn,.sound-btn{min-width:auto}.trophy{font-size:5rem}.celebration-overlay h1{font-size:2rem}.celebration-overlay p{font-size:1.2rem}.celebration-overlay button{font-size:1rem;padding:12px 24px}.section{margin:15px 0;padding:15px}.page-header h1{font-size:1.5rem}.nav-link{font-size:14px;padding:8px 15px}button{font-size:14px;padding:10px 20px}.filters select,.form input,.form select{font-size:14px;padding:8px}.assignment-controls{gap:12px}.random-button{width:100%}.clinical-detail{font-size:.9rem}.notes-textarea{font-size:.85rem;min-height:60px}.table-container table td:nth-child(3),.table-container table td:nth-child(7),.table-container table th:nth-child(3),.table-container table th:nth-child(7){display:none}}@media (max-width:360px){.nav-title{font-size:1rem}.word-target{font-size:1.5rem}.exercise-card-main{padding:10px}.image-stage{height:120px}.action-btn{font-size:.85rem;padding:8px 12px}.star{font-size:1.2rem}.exercises-grid{grid-template-columns:1fr}.mission-card{padding:15px}}@media (max-height:500px) and (orientation:landscape){.child-page-container{padding:5px}.mascot-container{font-size:2rem;margin-bottom:5px}.image-stage{height:120px}.word-target{font-size:1.5rem;margin:5px 0 10px}.controls-row{gap:8px}.action-btn{font-size:.9rem;padding:8px 15px}.star-progress{margin-bottom:10px}.star{font-size:1.2rem}}:root{--sb-purple:#7b61ff;--sb-blue:#5ec8ff;--sb-mint:#72e3b3;--sb-orange:#ffb74d;--sb-pink:#ff8ccf;--sb-white:#fff;--sb-ink:#3a2e6e;--sb-muted:#8a7fc0;--sb-radius:32px;--sb-font-head:"Fredoka","Baloo 2",system-ui,sans-serif;--sb-font-body:"Nunito",system-ui,sans-serif}.sb-page{background:radial-gradient(1200px 600px at 15% -10%,#eaf6ff 0,#0000 60%),radial-gradient(1000px 500px at 110% 10%,#f3ecff 0,#0000 55%),linear-gradient(180deg,#f7fbff,#fdf6ff 60%,#f4fff9);color:#3a2e6e;color:var(--sb-ink);font-family:Nunito,system-ui,sans-serif;font-family:var(--sb-font-body);min-height:100vh;overflow:hidden;position:relative}.sb-decor{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.sb-decor>span{opacity:.85;position:absolute;will-change:transform}.sb-cloud{animation:sb-drift 26s linear infinite;filter:drop-shadow(0 8px 14px rgba(120,160,220,.18));font-size:3.4rem}.sb-cloud-1{animation-duration:30s;left:-6%;top:8%}.sb-cloud-2{animation-duration:42s;font-size:4.6rem;left:-10%;opacity:.7;top:22%}.sb-cloud-3{animation-duration:36s;font-size:2.8rem;left:-8%;opacity:.6;top:60%}.sb-balloon{animation:sb-float 7s ease-in-out infinite;font-size:3rem}.sb-balloon-1{right:7%;top:16%}.sb-balloon-2{animation-duration:9s;bottom:12%;font-size:2.4rem;right:16%}.sb-star{animation:sb-twinkle 3.2s ease-in-out infinite;font-size:1.8rem}.sb-star-1{left:22%;top:14%}.sb-star-2{animation-delay:.8s;right:28%;top:30%}.sb-star-3{animation-delay:1.4s;bottom:18%;left:12%}.sb-bubble{animation:sb-float 11s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#ffffffe6,#5ec8ff40);border-radius:50%}.sb-bubble-1{height:70px;left:8%;top:45%;width:70px}.sb-bubble-2{animation-duration:8s;height:44px;right:10%;top:58%;width:44px}.sb-bubble-3{animation-duration:13s;bottom:6%;height:96px;opacity:.5;right:30%;width:96px}.sb-title{color:#3a2e6e;color:var(--sb-ink);font-family:Fredoka,Baloo\ 2,system-ui,sans-serif;font-family:var(--sb-font-head);font-size:clamp(1.6rem,3.5vw,2.6rem);font-weight:700;text-shadow:0 3px 0 #ffffffb3}.sb-card{border-radius:32px;border-radius:var(--sb-radius);box-shadow:0 14px 30px #7b61ff29;position:relative;z-index:1}.sb-card,.sb-icon-btn{background:#fff;background:var(--sb-white)}.sb-icon-btn{border:none;border-radius:50%;box-shadow:0 6px 16px #7b61ff38;color:#7b61ff;color:var(--sb-purple);cursor:pointer;font-size:1.4rem;height:52px;transition:transform .15s ease,box-shadow .15s ease;width:52px}.sb-icon-btn:hover{box-shadow:0 10px 22px #7b61ff4d;transform:translateY(-2px) scale(1.06)}.sb-icon-btn:active{transform:scale(.94)}.sb-btn{background:#fff;background:var(--sb-white);border:none;border-radius:999px;box-shadow:0 8px 18px #7b61ff2e;color:#7b61ff;color:var(--sb-purple);cursor:pointer;font-family:Fredoka,Baloo\ 2,system-ui,sans-serif;font-family:var(--sb-font-head);font-size:1.02rem;font-weight:700;padding:12px 26px;transition:transform .15s ease,box-shadow .15s ease}.sb-btn:hover{transform:translateY(-2px)}.sb-btn:active{transform:scale(.95)}.sb-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.55}.sb-btn-primary{background:linear-gradient(135deg,#7b61ff,#9b7bff);background:linear-gradient(135deg,var(--sb-purple),#9b7bff);box-shadow:0 10px 22px #7b61ff61;color:#fff}.sb-btn-primary:hover:not(:disabled){animation:sb-bounce .6s ease infinite}.sb-chip{align-items:center;background:#fff;background:var(--sb-white);border-radius:999px;box-shadow:0 6px 14px #7b61ff24;color:#3a2e6e;color:var(--sb-ink);display:inline-flex;font-size:.95rem;font-weight:800;gap:8px;padding:8px 16px}.sb-mascot{animation:sb-float 4.5s ease-in-out infinite;filter:drop-shadow(0 10px 14px rgba(123,97,255,.25));font-size:4.2rem}.sb-speech{background:#fff;background:var(--sb-white);border-radius:22px;box-shadow:0 10px 24px #7b61ff29;color:#3a2e6e;color:var(--sb-ink);font-family:Fredoka,Baloo\ 2,system-ui,sans-serif;font-family:var(--sb-font-head);font-size:1.15rem;font-weight:500;padding:16px 22px;position:relative}.sb-speech:before{border:10px solid #0000;border-right:10px solid var(--sb-white);content:"";left:-12px;position:absolute;top:50%;transform:translateY(-50%)}.sb-badge{background:#f1ecff;border-radius:999px;color:#7b61ff;color:var(--sb-purple);display:inline-block;font-size:.82rem;font-weight:800;padding:5px 14px}.sb-confetti{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:50}.sb-confetti span{animation:sb-confetti-fall 2.6s linear forwards;font-size:1.6rem;position:absolute;top:-8%}@keyframes sb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes sb-bob{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-5px) rotate(4deg)}}@keyframes sb-drift{0%{transform:translateX(0)}to{transform:translateX(120vw)}}@keyframes sb-twinkle{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}@keyframes sb-pop-in{0%{opacity:0;transform:scale(.8) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes sb-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes sb-pulse{0%,to{box-shadow:0 0 0 0 #ff8ccf80}50%{box-shadow:0 0 0 18px #ff8ccf00}}@keyframes sb-confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:.9;transform:translateY(108vh) rotate(540deg)}}@media (prefers-reduced-motion:reduce){.sb-confetti *,.sb-page *,.sb-page :before{animation:none!important;transition:none!important}}
/*# sourceMappingURL=main.d797a694.css.map*/