@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;800;900&display=swap";:root{--primary-pink:#ff6b8b;--primary-blue:#4d96ff;--primary-green:#6bcb77;--primary-yellow:#ffd93d;--primary-purple:#9b5de5;--card-shadow:0 12px 24px #4d96ff1f;--hover-shadow:0 20px 32px #4d96ff38;--border-radius:24px}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0;font-family:Nunito,sans-serif}body{color:#2d3748;pointer-events:auto;background:linear-gradient(135deg,#fff5f7 0%,#f0f4ff 50%,#f5fff7 100%) 0 0/100% 100%,radial-gradient(#e2e8f0 1.5px,#0000 1.5px) 0 0/24px 24px;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.app-container{z-index:2;flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative}header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#ffffffd9;border-bottom-right-radius:30px;border-bottom-left-radius:30px;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;box-shadow:0 4px 20px #00000008}.logo{cursor:pointer;align-items:center;gap:12px;font-size:26px;font-weight:900;transition:transform .2s;display:flex}.logo-text{align-items:baseline;gap:2px;display:flex}.brand-qi{color:#7c3aed;letter-spacing:-1px;font-size:30px;font-weight:900}.brand-mu{color:#2563eb;letter-spacing:-1px;font-size:30px;font-weight:900}.brand-sub{color:#475569;letter-spacing:0;margin-left:4px;font-size:18px;font-weight:800}.logo:hover{transform:scale(1.05)rotate(-2deg)}.logo-emoji{font-size:32px;animation:3s ease-in-out infinite float}.header-right{align-items:center;gap:12px;display:flex}.video-nav-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#ef4444);border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:800;transition:all .3s;display:flex;box-shadow:0 6px 15px #f59e0b59}.video-nav-btn:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 10px 20px #f59e0b73}.parent-dashboard-btn{background:var(--primary-purple);color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:800;transition:all .3s;display:flex;box-shadow:0 6px 15px #9b5de54d}.parent-dashboard-btn:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 10px 20px #9b5de566}main{flex-direction:column;flex:1;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:30px 20px;display:flex}.home-section{flex-direction:column;align-items:center;width:100%;animation:.5s ease-out fadeIn;display:flex}.welcome-banner{text-align:center;margin-bottom:40px}.brand-badge{color:#fff;letter-spacing:2px;background:linear-gradient(135deg,#7c3aed,#2563eb);border-radius:50px;margin-bottom:14px;padding:5px 16px;font-size:13px;font-weight:900;display:inline-block;box-shadow:0 4px 12px #7c3aed4d}.welcome-banner h1{color:#2d3748;text-shadow:0 4px 10px #0000000d;margin-bottom:12px;font-size:48px;font-weight:900}.welcome-banner p{color:#5a6a85;font-size:20px;font-weight:800}.category-grid{pointer-events:auto;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;width:100%;max-width:960px;display:grid}.category-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--border-radius);text-align:center;cursor:pointer;box-shadow:var(--card-shadow);background:#ffffffe6;border:4px solid #0000;flex-direction:column;align-items:center;padding:30px 20px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.category-card:before{content:"";width:100%;height:8px;position:absolute;top:0;left:0}.category-card.animals:before{background:var(--primary-pink)}.category-card.colors:before{background:var(--primary-blue)}.category-card.numbers:before{background:var(--primary-yellow)}.category-card.fruits:before{background:var(--primary-green)}.category-card:hover{box-shadow:var(--hover-shadow);transform:translateY(-10px)scale(1.03)}.category-card.animals:hover{border-color:var(--primary-pink)}.category-card.colors:hover{border-color:var(--primary-blue)}.category-card.numbers:hover{border-color:var(--primary-yellow)}.category-card.fruits:hover{border-color:var(--primary-green)}.category-icon{margin-bottom:20px;font-size:72px;transition:transform .3s}.category-card:hover .category-icon{transform:scale(1.15)rotate(5deg)}.category-name{margin-bottom:8px;font-size:24px;font-weight:900}.category-progress{color:#718096;align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.star-icon{color:var(--primary-yellow)}.arena-section{flex-direction:column;align-items:center;width:100%;animation:.5s ease-out fadeIn;display:none}.arena-header{pointer-events:auto;justify-content:space-between;align-items:center;width:100%;max-width:800px;margin-bottom:24px;display:flex}.back-btn{cursor:pointer;background:#ffffffe6;border:3px solid #e2e8f0;border-radius:50px;align-items:center;gap:8px;padding:10px 20px;font-weight:800;transition:all .2s;display:flex}.back-btn:hover{border-color:var(--primary-blue);transform:translate(-4px)}.mode-selector{background:#e2e8f0cc;border-radius:50px;gap:4px;padding:6px;display:flex}.mode-tab{cursor:pointer;color:#4a5568;background:0 0;border:none;border-radius:50px;padding:10px 20px;font-size:15px;font-weight:800;transition:all .2s}.mode-tab.active{color:var(--primary-blue);background:#fff;box-shadow:0 4px 10px #0000000d}.flashcard-container{pointer-events:auto;flex-direction:column;align-items:center;width:100%;max-width:500px;display:flex}.flashcard{aspect-ratio:4/5;border-radius:var(--border-radius);width:100%;box-shadow:var(--card-shadow);cursor:pointer;transform-style:preserve-3d;background:#fff;border:8px solid #fff;flex-direction:column;justify-content:center;align-items:center;transition:transform .6s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-face{backface-visibility:hidden;border-radius:calc(var(--border-radius) - 8px);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:40px;display:flex;position:absolute}.flashcard-front{background:#fff}.flashcard-back{border:4px dashed var(--primary-blue);background:#f8fafc;transform:rotateY(180deg)}.flashcard-emoji{filter:drop-shadow(0 10px 10px #0000001a);margin-bottom:20px;font-size:140px}.flashcard-word{color:#2d3748;letter-spacing:1px;font-size:48px;font-weight:900}.flashcard-audio-btn{background:var(--primary-blue);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-top:15px;font-size:24px;transition:transform .2s;display:flex;box-shadow:0 4px 10px #4d96ff4d}.flashcard-audio-btn:hover{transform:scale(1.1)}.card-navigation{align-items:center;gap:20px;margin-top:30px;display:flex}.nav-btn{cursor:pointer;background:#fff;border:3px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;transition:all .2s;display:flex}.nav-btn:hover{border-color:var(--primary-blue);color:var(--primary-blue);transform:scale(1.05)}.card-counter{color:#4a5568;font-size:20px;font-weight:800}.game-listen-find{pointer-events:auto;flex-direction:column;align-items:center;gap:30px;width:100%;max-width:800px;display:flex}.speaker-container{cursor:pointer;flex-direction:column;align-items:center;gap:15px;display:flex}.game-speaker{background:var(--primary-pink);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:48px;transition:transform .2s;animation:2s infinite pulse;display:flex;box-shadow:0 8px 20px #ff6b8b66}.game-speaker:hover{transform:scale(1.08)}.speaker-instruction{color:#2d3748;font-size:20px;font-weight:800}.options-grid{grid-template-columns:repeat(2,1fr);gap:20px;width:100%;max-width:600px;display:grid}.option-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--border-radius);aspect-ratio:1.2;cursor:pointer;box-shadow:var(--card-shadow);background:#ffffffe6;border:4px solid #0000;flex-direction:column;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.option-card:hover{box-shadow:var(--hover-shadow);transform:translateY(-5px)}.option-emoji{font-size:72px}.option-card.correct{border-color:var(--primary-green);background:#f0fdf4;animation:.5s correct-bounce}.option-card.incorrect{border-color:var(--primary-pink);background:#fef2f2;animation:.4s shake}.game-memory{perspective:1000px;pointer-events:auto;grid-template-columns:repeat(4,1fr);gap:15px;width:100%;max-width:800px;display:grid}.memory-card{aspect-ratio:1;transform-style:preserve-3d;cursor:pointer;background:#fff;border-radius:16px;transition:transform .5s;position:relative;box-shadow:0 6px 12px #0000000d}.memory-card.flipped{transform:rotateY(180deg)}.memory-card-face{backface-visibility:hidden;text-align:center;border-radius:16px;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;font-weight:800;display:flex;position:absolute}.memory-card-front{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-purple) 100%);color:#fff;font-size:32px}.memory-card-back{border:3px solid var(--primary-blue);color:#2d3748;background:#fff;font-size:20px;transform:rotateY(180deg)}.memory-card-back.image-card{font-size:48px}.memory-card-back.word-card{word-break:break-word;font-size:18px;font-weight:900}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;pointer-events:auto;background:#2d374866;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-out fadeIn;display:none;position:fixed;top:0;left:0}.modal-content{border-radius:var(--border-radius);background:#fff;width:90%;max-width:600px;max-height:85vh;padding:40px;animation:.3s cubic-bezier(.175,.885,.32,1.275) modalPop;position:relative;overflow-y:auto;box-shadow:0 20px 40px #0003}.close-modal-btn{cursor:pointer;background:#f7fafc;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:800;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.close-modal-btn:hover{background:#edf2f7;transform:scale(1.1)}.parent-title{color:var(--primary-purple);align-items:center;gap:10px;margin-bottom:24px;font-size:32px;font-weight:900;display:flex}.stats-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:30px;display:grid}.stat-item{text-align:center;background:#f7fafc;border:2px solid #edf2f7;border-radius:16px;padding:20px}.stat-val{color:var(--primary-blue);font-size:32px;font-weight:900}.stat-label{color:#718096;font-size:14px;font-weight:700}.badges-section{margin-bottom:30px}.section-title{margin-bottom:15px;font-size:20px;font-weight:800}.badges-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.badge-item{text-align:center;opacity:.25;flex-direction:column;align-items:center;transition:opacity .3s;display:flex}.badge-item.unlocked{opacity:1}.badge-icon{border:3px solid var(--primary-yellow);background:#fffbeb;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:8px;font-size:44px;display:flex;box-shadow:0 4px 10px #ffd93d33}.badge-item.unlocked .badge-icon{animation:2s infinite alternate shine}.badge-name{color:#4a5568;font-size:13px;font-weight:800}.progress-list-section{background:#f7fafc;border:2px solid #edf2f7;border-radius:16px;padding:20px}.progress-list-item{border-bottom:1px dashed #e2e8f0;justify-content:space-between;padding:10px 0;display:flex}.progress-list-item:last-child{border-bottom:none}.progress-category-name{font-weight:800}.progress-bar-container{background:#e2e8f0;border-radius:10px;width:150px;height:12px;overflow:hidden}.progress-bar-fill{background:var(--primary-green);width:0%;height:100%;transition:width .5s ease-out}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(3deg)}to{transform:translateY(0)rotate(0)}}@keyframes pulse{0%{box-shadow:0 0 #ff6b8b66}70%{box-shadow:0 0 0 15px #ff6b8b00}to{box-shadow:0 0 #ff6b8b00}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes modalPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes correct-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes shine{0%{filter:drop-shadow(0 0 2px #ffd93d99)}to{filter:drop-shadow(0 0 12px #ffd93d)}}.color-square{vertical-align:middle;border-radius:.15em;width:.9em;height:.9em;display:inline-block;box-shadow:inset 0 0 .1em #00000026,0 .1em .25em #0000001a}.color-square.light-blue{background-color:#38bdf8}.color-square.dark-blue{background-color:#1e3a8a}.color-block-lg{border:4px solid #ffffffb3;border-radius:20px;width:120px;height:120px;display:inline-block;box-shadow:0 8px 24px #0000002e}@media (width<=768px){header{flex-wrap:wrap;gap:10px;padding:15px 20px}.header-right{gap:8px}.video-nav-btn,.parent-dashboard-btn{padding:9px 14px;font-size:13px}.welcome-banner h1{font-size:36px}.options-grid{grid-template-columns:1fr}.game-memory,.badges-grid{grid-template-columns:repeat(3,1fr)}.main-video-player{border-radius:12px}}.video-section{pointer-events:auto;flex-direction:column;align-items:center;width:100%;animation:.5s ease-out fadeIn;display:none}.video-section-header{pointer-events:auto;justify-content:space-between;align-items:center;width:100%;max-width:860px;margin-bottom:28px;display:flex}.video-section-title{background:linear-gradient(135deg,#7c3aed,#2563eb);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:10px;font-size:24px;font-weight:900;display:flex}.video-title-icon{-webkit-text-fill-color:initial;font-size:28px}.video-player-wrapper{pointer-events:auto;width:100%;max-width:860px}.video-player-card{background:#fff;border:2px solid #7c3aed14;border-radius:28px;overflow:hidden;box-shadow:0 20px 50px #7c3aed1f,0 4px 16px #0000000f}.video-player-label{letter-spacing:1.5px;color:#7c3aed;background:linear-gradient(90deg,#7c3aed0f,#0000);border-bottom:1px solid #7c3aed14;align-items:center;gap:8px;padding:14px 22px;font-size:13px;font-weight:900;display:flex}.qimu-dot{background:linear-gradient(135deg,#7c3aed,#2563eb);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.main-video-player{object-fit:contain;background:#0f0f1a;width:100%;max-height:72vh;display:block}.video-info-bar{border-top:1px solid #0000000a;justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.video-info-left{align-items:center;gap:12px;display:flex}.video-info-icon{font-size:28px}.video-info-title{color:#1e293b;font-size:16px;font-weight:900}.video-info-sub{color:#94a3b8;margin-top:2px;font-size:12px;font-weight:700}.video-info-badge{color:#fff;letter-spacing:1.5px;background:linear-gradient(135deg,#7c3aed,#2563eb);border-radius:50px;padding:5px 14px;font-size:12px;font-weight:900;display:inline-block}.video-teaser-banner{cursor:pointer;pointer-events:auto;background:linear-gradient(135deg,#7c3aed14 0%,#2563eb14 100%);border:2px solid #7c3aed2e;border-radius:20px;align-items:center;gap:18px;width:100%;max-width:700px;margin-top:36px;padding:20px 28px;transition:all .3s;display:flex}.video-teaser-banner:hover{background:linear-gradient(135deg,#7c3aed24 0%,#2563eb24 100%);border-color:#7c3aed59;transform:translateY(-4px);box-shadow:0 12px 32px #7c3aed26}.video-teaser-icon{flex-shrink:0;font-size:44px}.video-teaser-text{flex:1}.video-teaser-title{background:linear-gradient(135deg,#7c3aed,#2563eb);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:18px;font-weight:900}.video-teaser-desc{color:#64748b;font-size:14px;font-weight:700}.video-teaser-banner:hover .video-teaser-arrow{transform:translate(6px)}.game-speak-fly{pointer-events:auto;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:500px;animation:.5s ease-out fadeIn;display:flex}.rocket-game-area{border-radius:var(--border-radius);width:100%;height:220px;box-shadow:var(--card-shadow);background:linear-gradient(#0284c7 0%,#38bdf8 40%,#7dd3fc 100%);border:6px solid #fff;position:relative;overflow:hidden}.rocket-track{width:100%;height:100%;position:relative}.rocket-element{filter:drop-shadow(0 4px 6px #00000026);z-index:5;font-size:54px;transition:bottom .8s cubic-bezier(.175,.885,.32,1.275),transform .2s;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.rocket-element.flying{animation:.1s infinite alternate rocketWobble}.rocket-clouds{opacity:.8;font-size:32px;animation:6s ease-in-out infinite alternate floatCloud;position:absolute;top:15px;left:15px}.speak-prompt-box{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:3px solid #e2e8f0;border-radius:20px;padding:15px 30px;box-shadow:0 4px 12px #00000008}.speak-instruction{color:#718096;margin-bottom:5px;font-size:16px;font-weight:800}.speak-target-word{color:var(--primary-blue);letter-spacing:2px;text-shadow:0 4px #4d96ff1a;font-size:56px;font-weight:900}.speak-target-translation{color:#a0aec0;font-size:20px;font-weight:800}.speak-controls{flex-direction:column;align-items:center;gap:15px;width:100%;display:flex}.speak-record-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:50px;align-items:center;gap:12px;padding:16px 36px;font-size:18px;font-weight:900;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 8px 20px #10b98159}.speak-record-btn:hover{transform:scale(1.05)translateY(-2px);box-shadow:0 12px 25px #10b98173}.speak-record-btn:active{transform:scale(.98)}.speak-record-btn.recording{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);animation:1.5s infinite micPulse;box-shadow:0 8px 25px #ef444480}.speak-feedback-status{color:#4a5568;text-align:center;background:#fff;border:2px solid #edf2f7;border-radius:50px;justify-content:center;align-items:center;min-height:40px;padding:8px 20px;font-size:16px;font-weight:800;display:flex}.radar-section{border-top:2px dashed #e2e8f0;margin-top:30px;padding-top:20px}.radar-chart-container{justify-content:center;align-items:center;margin:15px 0;display:flex}.radar-svg{filter:drop-shadow(0 4px 8px #4d96ff1a);width:200px;height:200px}.radar-grid-line{fill:none;stroke:#e2e8f0;stroke-width:1.5px}.radar-axis{stroke:#cbd5e1;stroke-width:1.5px}.radar-filled{fill:#4d96ff47;stroke:var(--primary-blue);stroke-width:3.5px;stroke-linejoin:round;transition:points .6s cubic-bezier(.4,0,.2,1)}.radar-label{fill:#4a5568;font-family:inherit;font-size:11px;font-weight:900}.timeline-section{border-top:2px dashed #e2e8f0;margin-top:30px;padding-top:20px}.timeline-list{flex-direction:column;gap:12px;margin-top:15px;display:flex}.timeline-item{background:#f8fafc;border:2px solid #edf2f7;border-radius:16px;align-items:center;gap:15px;padding:12px 20px;transition:transform .2s;display:flex}.timeline-item:hover{transform:translate(4px)}.timeline-emoji{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:26px;display:flex;box-shadow:0 2px 6px #0000000a}.timeline-details{flex:1}.timeline-title{color:#2d3748;font-size:14px;font-weight:800}.timeline-time{color:#a0aec0;margin-top:2px;font-size:12px;font-weight:700}.timer-settings-section{border-top:2px dashed #e2e8f0;margin-top:30px;padding-top:20px}.timer-settings{background:#fffbeb;border:2px solid #fef3c7;border-radius:18px;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.timer-settings-row{color:#92400e;align-items:center;gap:10px;font-weight:800;display:flex}.timer-settings-row label{font-size:15px}.timer-settings select{color:#92400e;cursor:pointer;background:#fff;border:2px solid #fcd34d;border-radius:10px;outline:none;padding:6px 14px;font-weight:800}.timer-remaining-display{color:#d97706;background:#fef3c7;border-radius:10px;padding:6px 14px;font-size:16px;font-weight:900}.lockout-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:99999;background:#0f172af5;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.4s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.lockout-content{text-align:center;background:#fff;border:6px solid #fffbeb;border-radius:32px;width:90%;max-width:440px;padding:40px;animation:.4s cubic-bezier(.175,.885,.32,1.275) modalPop;box-shadow:0 24px 60px #00000073}.lockout-emoji{margin-bottom:15px;font-size:110px;animation:4s ease-in-out infinite float}.lockout-content h2{color:#1e293b;margin-bottom:12px;font-size:30px;font-weight:900}.lockout-content p{color:#64748b;margin-bottom:20px;font-size:16px;font-weight:800;line-height:1.6}.lockout-timer{color:#ef4444;background:#fef2f2;border:2px solid #fee2e2;border-radius:16px;margin-bottom:10px;padding:10px 20px;font-size:18px;font-weight:900;display:inline-block}.parent-unlock-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:50px;margin-top:15px;padding:12px 28px;font-size:15px;font-weight:800;transition:all .2s}.parent-unlock-btn:hover{color:#1e293b;background:#e2e8f0}.parental-gate{text-align:center;border-top:2px dashed #e2e8f0;margin-top:20px;padding-top:20px;animation:.3s ease-out fadeIn}.parental-gate h3{color:#1e293b;margin-bottom:8px;font-size:18px;font-weight:900}.parental-gate p{margin-bottom:8px}.gate-question{font-size:30px;font-weight:900;color:#7c3aed!important;margin:12px 0!important}.parental-gate input{text-align:center;color:#1e293b;border:3px solid #cbd5e1;border-radius:16px;outline:none;width:100%;margin-bottom:15px;padding:12px 20px;font-size:22px;font-weight:900}.parental-gate input:focus{border-color:#7c3aed}.gate-buttons{gap:12px;display:flex}.gate-submit-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:14px;flex:1;padding:12px 20px;font-size:15px;font-weight:800;transition:all .2s;box-shadow:0 4px 10px #7c3aed33}.gate-submit-btn:hover{background:#6d28d9}.gate-cancel-btn{color:#64748b;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:14px;padding:12px 20px;font-size:15px;font-weight:800;transition:all .2s}.gate-cancel-btn:hover{background:#f1f5f9}.gate-error{color:#ef4444!important;margin-top:10px!important;font-size:14px!important;font-weight:800!important}@keyframes micPulse{0%{box-shadow:0 0 #ef444499}70%{box-shadow:0 0 0 15px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes floatCloud{0%{transform:translate(0)}to{transform:translate(20px)}}@keyframes rocketWobble{0%{transform:translate(-50%)rotate(-1deg)}to{transform:translate(-50%)rotate(1deg)}}.levels-container{pointer-events:auto;flex-direction:column;gap:40px;width:100%;max-width:960px;margin-bottom:50px;display:flex}.level-block{background:#ffffff73;border:2px solid #e2e8f099;border-radius:32px;padding:24px;box-shadow:inset 0 2px 4px #fffc,0 8px 30px #00000005}.level-header{align-items:center;gap:12px;margin-bottom:20px;padding-left:8px;display:flex}.level-header h2{color:#1e293b;font-size:22px;font-weight:900}.level-badge{color:#fff;border-radius:10px;padding:4px 10px;font-size:14px;font-weight:900;box-shadow:0 4px 8px #0000000d}.level-1{background:linear-gradient(135deg,#ff6b8b,#ec4899)}.level-2{background:linear-gradient(135deg,#4d96ff,#2563eb)}.level-3{background:linear-gradient(135deg,#9b5de5,#7c3aed)}.level-4{background:linear-gradient(135deg,#6bcb77,#059669)}.category-card.family:before{background:var(--primary-purple)}.category-card.school:before{background:#0ea5e9}.category-card.food:before{background:#ec4899}.category-card.nature:before{background:#10b981}.category-card.family:hover{border-color:var(--primary-purple)}.category-card.school:hover{border-color:#0ea5e9}.category-card.food:hover{border-color:#ec4899}.category-card.nature:hover{border-color:#10b981}.alphabet-section{width:100%;max-width:960px;box-shadow:var(--card-shadow);pointer-events:auto;background:#fff;border:4px solid #fff;border-radius:32px;margin-bottom:40px;padding:30px}.alphabet-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.alphabet-header h2{color:#1e293b;font-size:24px;font-weight:900}.alphabet-badge{font-size:28px}.alphabet-desc{color:#64748b;margin-bottom:24px;font-size:15px;font-weight:800}.alphabet-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:12px;display:grid}.letter-card{aspect-ratio:1;cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.letter-card:hover{border-color:var(--primary-blue);background:#eff6ff;transform:scale(1.1)rotate(2deg);box-shadow:0 6px 15px #4d96ff26}.letter-card:active{transform:scale(.95)}.letter-uppercase{color:#1e293b;font-size:24px;font-weight:900}.letter-lowercase{color:#64748b;margin-top:-2px;font-size:14px;font-weight:800}.confetti-particle{pointer-events:none;z-index:100000;width:10px;height:10px;animation:linear forwards fallDown;position:fixed}@keyframes fallDown{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(360deg)}}.animate-slide-in{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideInUp;transform:translateY(20px)}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}