.child-nav{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#6a11cb,#2575fc);padding:.8rem 1.5rem;position:relative;box-shadow:0 2px 10px #0000001a}.nav-logo{display:flex;align-items:center;text-decoration:none;color:#fff;font-weight:700;font-size:1.2rem;gap:.5rem}.sound-toggle{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .3s}.sound-toggle:hover{background-color:#fff3}.grade-levels-container{position:relative}.grade-levels-toggle{display:flex;align-items:center;gap:.5rem;background:#fff3;border:none;color:#fff;padding:.5rem 1rem;border-radius:25px;cursor:pointer;transition:background-color .3s}.grade-levels-toggle:hover{background:#ffffff4d}.dropdown-arrow{font-size:.8rem;transition:transform .3s}.dropdown-arrow.up{transform:rotate(180deg)}.dropdown-arrow.down{transform:rotate(0)}.grade-levels-dropdown{position:absolute;top:100%;left:0;background:#fff;border-radius:8px;box-shadow:0 4px 15px #00000026;padding:.5rem;margin-top:.5rem;min-width:200px;z-index:1000}.grade-link{display:flex;align-items:center;gap:.8rem;padding:.8rem;text-decoration:none;color:#333;border-radius:6px;transition:background-color .2s}.grade-link:hover{background-color:#f0f0f0}.grade-link-info{display:flex;flex-direction:column}.grade-link-label{font-weight:700;font-size:.9rem}.grade-link-desc{font-size:.8rem;color:#666}.menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:none;border:none;cursor:pointer}.hamburger{height:3px;width:100%;background-color:#fff;border-radius:3px;transition:all .3s}.nav-items{display:flex;align-items:center;gap:1.5rem}.nav-items ul{display:flex;list-style:none;margin:0;padding:0;gap:.8rem}.nav-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#fff;padding:.5rem 1rem;border-radius:20px;transition:background-color .3s;font-weight:500}.nav-link:hover{background-color:#fff3}.nav-link.active{background-color:#ffffff4d}.progress-indicator{display:flex;flex-direction:column;align-items:center;color:#fff;font-size:.8rem;gap:.3rem}.progress-bar{width:80px;height:8px;background-color:#ffffff4d;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:#fff;border-radius:4px;transition:width .3s}@media (max-width: 768px){.child-nav{flex-wrap:wrap;padding:.8rem}.menu-toggle{display:flex}.grade-levels-container,.sound-toggle{order:3}.nav-items{position:absolute;top:100%;left:0;width:100%;background:linear-gradient(135deg,#6a11cb,#2575fc);flex-direction:column;padding:1rem;box-shadow:0 4px 10px #0000001a;transform:translateY(-10px);opacity:0;visibility:hidden;transition:all .3s ease;z-index:999}.nav-items.open{transform:translateY(0);opacity:1;visibility:visible}.nav-items ul{flex-direction:column;width:100%;gap:.5rem}.nav-link{justify-content:center;padding:.8rem;border-radius:8px}.progress-indicator{margin-top:1rem}.grade-levels-dropdown{left:50%;transform:translate(-50%);min-width:90%}}@media (max-width: 480px){.nav-logo span:last-child{display:none}.grade-levels-toggle .grade-label{display:none}.grade-levels-toggle{padding:.5rem}}.age-selector{margin:1rem 0}.age-selector label{display:block;margin-bottom:.5rem;font-weight:700;color:#333}.age-select{padding:.5rem;border:2px solid #4CAF50;border-radius:4px;font-size:1rem;width:100%;max-width:300px}.age-select:focus{outline:none;border-color:#45a049;box-shadow:0 0 0 2px #4caf5033}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#4caf50;color:#fff}.logo{font-size:1.5rem;font-weight:700}.footer{background-color:#4caf50;color:#fff;text-align:center;padding:20px;margin-top:40px}.footer p{margin:5px 0}.activity-card{width:120px;height:140px;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0000001a;margin:.5rem;padding:1rem;text-align:center;color:#fff;position:relative;overflow:hidden;border:3px solid transparent}.activity-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.activity-card.active{border-color:#fff;box-shadow:0 0 0 3px #fffc;transform:scale(1.05)}.activity-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#fff3,#fff0);z-index:1}.activity-icon{font-size:3rem;margin-bottom:.8rem;z-index:2;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.activity-title{margin:0;font-size:1rem;font-weight:600;z-index:2;text-shadow:1px 1px 3px rgba(0,0,0,.3)}@keyframes cardClick{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.activity-card:active{animation:cardClick .3s ease}@media (max-width: 600px){.activity-card{width:100px;height:120px;padding:.8rem}.activity-icon{font-size:2.5rem}.activity-title{font-size:.9rem}}.home-container{max-width:1200px;margin:0 auto;padding:1rem;font-family:Comic Sans MS,cursive,sans-serif}.home-header{text-align:center;margin-bottom:2rem;padding:1.5rem;background-color:#f8f9fa;border-radius:15px;box-shadow:0 4px 8px #0000001a}.home-header h1{color:#2c3e50;font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:.5rem}.home-header p{color:#7f8c8d;font-size:clamp(1rem,2vw,1.2rem);line-height:1.5}.age-selector{text-align:center;margin:2rem 0}.age-selector h3{color:#2c3e50;margin-bottom:1rem;font-size:clamp(1.2rem,2.5vw,1.5rem)}.age-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;padding:0 1rem}.age-buttons button{padding:.5rem 1.5rem;border:none;border-radius:50px;background-color:#3498db;color:#fff;font-size:clamp(.9rem,2vw,1rem);cursor:pointer;transition:all .3s;min-width:100px}.age-buttons button:hover{background-color:#2980b9;transform:translateY(-2px)}.activities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0;padding:0 1rem}.featured-section{margin:3rem 0;text-align:center;padding:0 1rem}.featured-section h2{color:#2c3e50;margin-bottom:1.5rem;font-size:clamp(1.5rem,3vw,2rem)}.featured-card{display:flex;background:linear-gradient(135deg,#6e48aa,#9d50bb);border-radius:15px;overflow:hidden;box-shadow:0 6px 12px #00000026;color:#fff;margin:0 1rem}.featured-content{flex:2;padding:clamp(1rem,2vw,2rem);text-align:left}.featured-content h3{font-size:clamp(1.4rem,3vw,1.8rem);margin-bottom:1rem}.featured-content p{font-size:clamp(1rem,2vw,1.1rem);margin-bottom:1.5rem;line-height:1.6}.featured-image{flex:1;display:flex;align-items:center;justify-content:center;font-size:clamp(2rem,6vw,4rem);background-color:#ffffff1a;padding:1rem}.start-button{padding:.8rem 1.8rem;border:none;border-radius:50px;background-color:#fff;color:#6e48aa;font-size:clamp(.9rem,2vw,1rem);font-weight:700;cursor:pointer;transition:all .3s}.start-button:hover{background-color:#f1f1f1;transform:translateY(-2px);box-shadow:0 4px 8px #0003}@media (max-width: 1024px){.home-container{padding:.5rem}.activities-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}}@media (max-width: 768px){.home-header{padding:1rem;margin-bottom:1.5rem}.activities-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem}.featured-card{flex-direction:column}.featured-content{text-align:center}.featured-image{padding:1.5rem}.age-buttons{gap:.8rem}}@media (max-width: 480px){.age-buttons{flex-direction:column;align-items:center;gap:.5rem}.age-buttons button{width:100%;max-width:200px}.activities-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.featured-card{margin:0 .5rem}.featured-content{padding:1rem}.start-button{padding:.6rem 1.2rem}}@media (max-width: 360px){.home-header{padding:.8rem}.activities-grid{grid-template-columns:1fr 1fr}.featured-content h3{font-size:1.2rem}}.alphabet-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}h1{text-align:center;color:#fff;font-size:2.5em;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.score-display{display:flex;justify-content:center;gap:30px;margin-bottom:20px;background:#ffffffe6;padding:15px;border-radius:15px}.score,.accuracy{font-size:1.2em;font-weight:700;color:#2d3748}.language-toggle{display:flex;justify-content:center;gap:20px;margin-bottom:30px}.language-toggle button{padding:12px 30px;border:none;border-radius:25px;font-size:1.1em;font-weight:700;cursor:pointer;transition:all .3s ease;background:#ffffffe6;color:#333}.language-toggle button.active{background:#4a5568;color:#fff;transform:scale(1.05)}.letter-display{background:#fffffff2;padding:40px;border-radius:20px;margin-bottom:20px;text-align:center;box-shadow:0 8px 32px #0000001a}.big-letter{font-size:8em;font-weight:700;margin-bottom:20px;color:#2d3748;text-shadow:3px 3px 6px rgba(0,0,0,.1);transition:all .3s ease}.big-letter.bounce{animation:bounce .5s ease}.big-letter.marathi{font-family:Nirmala UI,Segoe UI,sans-serif}@keyframes bounce{0%,20%,60%,to{transform:translateY(0)}40%{transform:translateY(-20px)}80%{transform:translateY(-10px)}}.word-display{font-size:2.5em;margin-bottom:15px;display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap}.word-emoji{font-size:1.5em}.word-text{color:#2d3748;font-weight:700}.pronunciation{font-size:.6em;color:#718096;font-style:italic;margin-left:10px}.translation{font-size:1.2em;color:#4a5568;font-style:italic}.alphabet-grid{background:#fffffff2;padding:25px;border-radius:15px;margin-bottom:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:15px;max-height:400px;overflow-y:auto}.letter-button{aspect-ratio:1;border:none;border-radius:15px;font-size:2em;font-weight:700;cursor:pointer;transition:all .2s ease;background:#f7fafc;color:#4a5568;border:3px solid #e2e8f0}.letter-button.marathi{font-family:Nirmala UI,Segoe UI,sans-serif}.letter-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 15px #00000026;border-color:#4299e1}.letter-button.active{background:#4299e1;color:#fff;border-color:#4299e1;transform:scale(1.1)}.controls{background:#fffffff2;padding:25px;border-radius:15px;margin-bottom:20px;display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.controls button{padding:12px 24px;border:none;border-radius:25px;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:160px}.speak-btn{background:#48bb78;color:#fff}.speak-btn:disabled{background:#a0aec0;cursor:not-allowed}.controls button.play{background:#ed8936;color:#fff}.controls button.stop{background:#e53e3e;color:#fff}.controls button:not(.speak-btn){background:#4299e1;color:#fff}.controls button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0003}.auto-play-info{background:#fffffff2;padding:20px;border-radius:15px;margin-bottom:20px;text-align:center}.progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;margin-bottom:10px;overflow:hidden}.progress-fill{height:100%;background:#48bb78;border-radius:4px;animation:progress 2s linear infinite}@keyframes progress{0%{width:0%}to{width:100%}}.quick-info{background:#fffffff2;padding:20px;border-radius:15px;text-align:center}.quick-info p{margin:5px 0;color:#4a5568}.loading{text-align:center;color:#fff;font-size:1.5em;padding:50px}@media (max-width: 768px){.alphabet-container{padding:10px}h1{font-size:2em}.big-letter{font-size:5em}.word-display{font-size:1.8em}.language-toggle,.controls{flex-direction:column;align-items:center}.controls button{width:100%;max-width:300px}.alphabet-grid{grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:10px}.letter-button{font-size:1.5em}}.numbers-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:#fffffff2;padding:20px;border-radius:15px;box-shadow:0 8px 32px #0000001a}.app-header h1{margin:0;color:#4a5568;font-size:2.2em}.current-time{font-size:1.5em;font-weight:700;color:#2d3748;background:#e2e8f0;padding:10px 20px;border-radius:10px}.number-display-section{background:#fffffff2;padding:30px;border-radius:20px;margin-bottom:20px;box-shadow:0 8px 32px #0000001a;text-align:center}.number-display{margin-bottom:30px}.big-number{font-size:6em;font-weight:700;color:#2d3748;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.number-word{font-size:2em;margin:10px 0}.number-word.primary{color:#2d3748;font-weight:700}.number-word.secondary{color:#4a5568;font-style:italic;font-size:1.5em}.quick-numbers{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}.quick-button{background:#4299e1;color:#fff;border:none;padding:12px 20px;border-radius:25px;font-size:1.1em;font-weight:700;cursor:pointer;transition:all .3s ease}.quick-button:hover{background:#3182ce;transform:translateY(-2px)}.controls-panel{background:#fffffff2;padding:25px;border-radius:15px;margin-bottom:20px;box-shadow:0 8px 32px #0000001a}.control-group{display:flex;gap:15px;justify-content:center;margin-bottom:15px;flex-wrap:wrap}.control-btn{padding:12px 24px;border:none;border-radius:25px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:160px}.control-btn.primary{background:#48bb78;color:#fff}.control-btn.secondary{background:#ed8936;color:#fff}.control-btn.play{background:#4299e1;color:#fff}.control-btn.stop{background:#e53e3e;color:#fff}.control-btn.language-btn{background:#9f7aea;color:#fff}.control-btn.routine-btn{background:#38b2ac;color:#fff}.control-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0003}.control-btn:disabled{opacity:.6;cursor:not-allowed}.daily-routine{background:#fffffff2;padding:25px;border-radius:15px;margin-bottom:20px;box-shadow:0 8px 32px #0000001a}.daily-routine h3{text-align:center;color:#2d3748;margin-bottom:20px}.routine-grid{display:grid;gap:15px;max-width:600px;margin:0 auto}.routine-item{display:flex;align-items:center;justify-content:space-between;padding:15px;background:#f7fafc;border-radius:10px;transition:all .3s ease}.routine-item.current{background:#bee3f8;border-left:4px solid #4299e1}.routine-time{font-weight:700;color:#2d3748;min-width:80px}.routine-activity{flex:1;margin:0 20px}.marathi-activity{font-size:.9em;color:#4a5568;font-style:italic}.speak-activity{background:none;border:none;font-size:1.2em;cursor:pointer;padding:5px 10px;border-radius:50%;transition:background .3s ease}.speak-activity:hover{background:#e2e8f0}.number-grid-container{background:#fffffff2;padding:25px;border-radius:15px;margin-bottom:20px;box-shadow:0 8px 32px #0000001a}.number-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;max-height:400px;overflow-y:auto;padding:10px}.number-button{background:#fff;border:2px solid #e2e8f0;border-radius:15px;padding:20px 10px;cursor:pointer;transition:all .3s ease;text-align:center}.number-button:hover{border-color:#4299e1;transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.number-button.active{border-color:#4299e1;background:#bee3f8;transform:scale(1.05)}.number-value{font-size:1.5em;font-weight:700;color:#2d3748;margin-bottom:8px}.number-spelling{font-size:.9em;color:#4a5568;margin-bottom:4px}.number-marathi{font-size:.8em;color:#718096;font-style:italic}.number-facts{background:#fffffff2;padding:25px;border-radius:15px;margin-bottom:20px;box-shadow:0 8px 32px #0000001a}.number-facts h3{color:#2d3748;text-align:center;margin-bottom:15px}.number-facts p{text-align:center;font-size:1.1em;line-height:1.6;color:#4a5568}.navigation-help{background:#fffffff2;padding:20px;border-radius:15px;text-align:center;box-shadow:0 8px 32px #0000001a}.navigation-help p{margin:5px 0;color:#4a5568}@media (max-width: 768px){.numbers-container{padding:10px}.app-header{flex-direction:column;gap:15px;text-align:center}.app-header h1{font-size:1.8em}.big-number{font-size:4em}.number-word{font-size:1.5em}.control-group{flex-direction:column;align-items:center}.control-btn{width:100%;max-width:300px}.number-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.routine-item{flex-direction:column;text-align:center;gap:10px}}.shapes-colours-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Comic Sans MS,Chalkboard SE,Arial Rounded MT Bold,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}.sc-header{text-align:center;margin-bottom:30px;padding:20px;background:#ffffff1a;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sc-header h1{color:#fff;font-size:2.5em;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3);background:linear-gradient(45deg,#ff6b6b,#ffd93d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tabs{display:flex;justify-content:center;gap:15px;margin-bottom:10px;flex-wrap:wrap}.tab{padding:12px 24px;font-size:1.1em;border:none;border-radius:25px;background:#fff3;color:#fff;cursor:pointer;transition:all .3s ease;font-weight:700;min-width:120px}.tab:hover{background:#ffffff4d;transform:translateY(-2px)}.tab.active{background:#fff;color:#667eea;transform:scale(1.05);box-shadow:0 4px 15px #0003}.sc-main{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 30px #0003;min-height:60vh;margin-bottom:20px}.display-area{text-align:center;margin-bottom:30px}.shape-display,.color-display{padding:40px;border-radius:20px;margin-bottom:20px;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;position:relative;box-shadow:0 8px 25px #0000001a}.shape-display{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:3px dashed #dee2e6}.color-display{color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);border:3px solid rgba(255,255,255,.3)}.shape-emoji{font-size:4em;margin-bottom:20px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.item-info h2{font-size:2.5em;margin-bottom:10px;color:#333}.item-info p{font-size:1.2em;color:#666;margin-bottom:10px}.fun-fact{background:#fffffff2;padding:15px;border-radius:10px;margin-top:15px;color:#333;box-shadow:0 4px 15px #0000001a;border-left:4px solid #ff6b6b}.fun-fact p{margin-bottom:8px;font-size:1em}.voice-personality{display:block;margin-top:8px;font-style:italic;color:#666;font-size:.9em}.audio-controls{background:#f8f9fa;padding:20px;border-radius:15px;margin:20px 0;border:2px solid #e9ecef;text-align:center}.play-button{padding:12px 24px;font-size:1.1em;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;margin-bottom:15px;box-shadow:0 4px 15px #28a7454d;font-weight:700}.play-button:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1ea085);transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.play-button:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.play-button.playing{background:linear-gradient(135deg,#dc3545,#e83e8c);animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.voice-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin:20px 0}.setting-group{display:flex;flex-direction:column;gap:8px;text-align:left}.setting-group label{font-weight:700;color:#495057;font-size:.9em}.setting-group select,.setting-group input{padding:8px 12px;border:2px solid #dee2e6;border-radius:8px;font-size:.9em;transition:border-color .3s ease}.setting-group select:focus,.setting-group input:focus{outline:none;border-color:#667eea}.setting-group span{font-size:.9em;color:#666;text-align:center}.autoplay-toggle{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:15px;font-weight:700;color:#495057;cursor:pointer}.autoplay-toggle input{transform:scale(1.2)}.recent-items{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:15px;border:2px solid #e9ecef}.recent-items h3{margin-bottom:10px;color:#495057;text-align:center;font-size:1.2em}.recent-items-list{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.recent-item{padding:8px 16px;background:#fff;border:2px solid #dee2e6;border-radius:15px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:.9em;font-weight:700}.recent-item:hover:not(:disabled){background:#007bff;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #007bff4d}.recent-item:disabled{cursor:not-allowed;opacity:.6}.color-dot{width:20px;height:20px;border-radius:50%;border:2px solid white;box-shadow:0 2px 4px #0003}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-top:20px}.option-card{padding:20px;border:none;border-radius:15px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a;min-height:120px}.option-card:not([style*=background-color]){background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.option-card:hover:not(:disabled){transform:translateY(-5px);box-shadow:0 8px 25px #0003}.option-card.active{transform:scale(1.05);box-shadow:0 8px 25px #007bff66;border:3px solid #007bff}.option-card:disabled{cursor:not-allowed;opacity:.6;transform:none}.shape-icon{font-size:2em;transition:transform .3s ease}.option-card:hover .shape-icon{transform:scale(1.2)}.color-emoji{font-size:2em;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.item-name,.color-name{font-weight:700;font-size:1em;text-align:center}.option-card[style*=background-color] .color-name{color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.voice-indicator{position:absolute;bottom:5px;right:5px;background:#000000b3;color:#fff;padding:2px 6px;border-radius:8px;font-size:.7em}.sc-footer{text-align:center;margin-top:30px;color:#fff;padding:20px;background:#ffffff1a;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.instruction{font-size:1.1em;margin-bottom:20px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.quiz-settings{display:flex;justify-content:center;gap:20px;margin:20px 0;flex-wrap:wrap}.quiz-settings .setting-group{min-width:150px}.quiz-button{padding:15px 30px;font-size:1.2em;background:linear-gradient(135deg,#ff6b6b,orange);color:#fff;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:700;box-shadow:0 4px 15px #ff6b6b4d}.quiz-button:hover{background:linear-gradient(135deg,#ff5252,#ff8c00);transform:scale(1.05);box-shadow:0 6px 20px #ff6b6b66}.quiz-container{text-align:center;padding:20px}.quiz-progress{margin-bottom:30px;font-size:1.1em;color:#495057;font-weight:700}.progress-bar{width:100%;height:10px;background:#e9ecef;border-radius:5px;margin-top:10px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{height:100%;background:linear-gradient(135deg,#28a745,#20c997);transition:width .5s ease;border-radius:5px}.quiz-question{font-size:1.8em;margin-bottom:30px;color:#333;display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;line-height:1.4}.read-aloud-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:50%;width:50px;height:50px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.2em}.read-aloud-btn:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);transform:scale(1.1)}.read-aloud-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none}.quiz-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin:30px 0}.quiz-option{padding:20px;font-size:1.1em;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:15px;cursor:pointer;transition:all .3s ease;font-weight:700;box-shadow:0 4px 15px #007bff4d}.quiz-option:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-3px);box-shadow:0 6px 20px #007bff66}.quiz-option:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.quiz-help{margin-top:20px;color:#666;font-style:italic}.score-container{text-align:center;padding:30px}.score-container h2{font-size:2.5em;margin-bottom:20px;color:#333;background:linear-gradient(45deg,#ff6b6b,#ffd93d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-text{font-size:1.8em;margin:20px 0;color:#495057;font-weight:700}.score-percentage{font-size:2em;color:#28a745;margin:15px 0;font-weight:700}.score-emoji{font-size:4em;margin:20px 0;animation:bounce 1s ease-in-out}.quiz-review{margin:30px 0;text-align:left;max-height:400px;overflow-y:auto;padding:20px;background:#f8f9fa;border-radius:15px;border:2px solid #e9ecef}.quiz-review h3{text-align:center;margin-bottom:20px;color:#495057}.review-item{padding:15px;margin-bottom:15px;border-radius:10px;border-left:4px solid;background:#fff;box-shadow:0 2px 8px #0000001a}.review-item.correct{border-left-color:#28a745;background:linear-gradient(135deg,#d4edda,#c3e6cb)}.review-item.incorrect{border-left-color:#dc3545;background:linear-gradient(135deg,#f8d7da,#f5c6cb)}.review-item p{margin-bottom:5px;line-height:1.4}.review-item strong{color:#333}.result-indicator{font-weight:700;margin-top:8px;font-size:.9em}.review-item.correct .result-indicator{color:#155724}.review-item.incorrect .result-indicator{color:#721c24}.play-again-btn{padding:15px 30px;font-size:1.2em;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:700;box-shadow:0 4px 15px #28a7454d;margin-top:20px}.play-again-btn:hover{background:linear-gradient(135deg,#218838,#1ea085);transform:scale(1.05);box-shadow:0 6px 20px #28a74566}@media (max-width: 768px){.shapes-colours-container{padding:10px}.sc-header h1{font-size:2em}.tabs{flex-direction:column;align-items:center}.tab{width:100%;max-width:200px}.sc-main{padding:20px}.shape-display,.color-display{padding:20px;min-height:150px}.shape-emoji{font-size:3em}.item-info h2{font-size:2em}.options-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.quiz-question{font-size:1.4em;flex-direction:column;gap:10px}.quiz-options,.voice-settings{grid-template-columns:1fr}.quiz-settings{flex-direction:column;align-items:center}}@media (max-width: 480px){.sc-header h1{font-size:1.8em}.shape-emoji{font-size:2.5em}.item-info h2{font-size:1.6em}.options-grid{grid-template-columns:repeat(2,1fr)}.option-card{padding:15px;min-height:100px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus{outline:3px solid #007bff;outline-offset:2px}@media print{.shapes-colours-container{background:#fff!important;color:#000!important}.sc-main{box-shadow:none!important;border:1px solid #ccc!important}button{display:none!important}}:root{--theme-color: #FFD700;--highlight-color: var(--theme-color);--bg-color: #f9f9f9;--text-color: #333;--light-gray: #f0f0f0;--medium-gray: #ddd;--dark-gray: #666}.rhymes-container{font-family:Comic Sans MS,Marker Felt,Chalkboard,sans-serif;max-width:1000px;margin:0 auto;padding:1rem;background-color:var(--bg-color);border-radius:15px;box-shadow:0 5px 15px #0000001a;position:relative;overflow:hidden}.rhymes-container:before{content:"";position:absolute;top:0;left:0;right:0;height:10px;background:var(--theme-color)}.rhyme-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.rhyme-header h1{color:var(--theme-color);margin:0;font-size:2rem;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.toggle-button{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;color:var(--theme-color)}.rhyme-control-panel{background:#fff;border-radius:10px;padding:1rem;margin-bottom:1.5rem;box-shadow:0 2px 5px #0000000d}.rhyme-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin-bottom:1rem}.rhyme-option{border:none;border-radius:8px;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;color:#fff;font-weight:700;transition:transform .2s,box-shadow .2s}.rhyme-option:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.rhyme-option.active{transform:scale(1.05);box-shadow:0 0 0 3px #fff,0 0 0 5px var(--theme-color)}.emoji{font-size:1.5rem}.title{font-size:.9rem}.player-controls{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.play-button{background:var(--theme-color);color:#fff;border:none;border-radius:50px;padding:.8rem 1.5rem;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.play-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 8px #0003}.play-button:disabled{opacity:.6;cursor:not-allowed}.play-button.playing{background:#e74c3c}.icon{font-size:1.2rem}.progress-container{flex-grow:1;height:8px;background:var(--light-gray);border-radius:4px;overflow:hidden;min-width:100px}.progress-bar{height:100%;background:var(--theme-color);border-radius:4px;transition:width .1s linear}.volume-control{display:flex;align-items:center;gap:.5rem}.toggle-scroll{display:flex;align-items:center;gap:.5rem;cursor:pointer}.rhyme-display{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-top:1rem}.rhyme-visual{display:flex;justify-content:center;align-items:flex-start}.image-container{width:150px;height:150px;background:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 5px 15px #0000001a;border:5px solid var(--theme-color)}.animated-image{font-size:5rem;animation:float 3s ease-in-out infinite}.rhyme-content{background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 2px 5px #0000000d}.rhyme-title{color:var(--theme-color);margin-top:0;margin-bottom:1rem;font-size:1.8rem}.lyrics-container{max-height:300px;overflow-y:auto;padding-right:1rem}.lyric-line{margin:.8rem 0;font-size:1.2rem;line-height:1.5;transition:all .3s}.lyric-line.highlight{color:var(--highlight-color);font-weight:700;font-size:1.3rem;transform:scale(1.02)}.sing-along{margin-top:2rem;text-align:center}.sing-along h3{color:var(--theme-color);margin-bottom:.5rem}.current-line{font-size:1.5rem;font-weight:700;color:var(--highlight-color);padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a}.error-message{color:#e74c3c;text-align:center;padding:1rem;background:#ffebee;border-radius:8px;margin-top:1rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media (max-width: 768px){.rhyme-display{grid-template-columns:1fr}.rhyme-selector{grid-template-columns:1fr 1fr}.player-controls{flex-direction:column;align-items:stretch}.image-container{width:120px;height:120px;margin:0 auto}.animated-image{font-size:4rem}}@media (max-width: 480px){.rhyme-selector{grid-template-columns:1fr}}.gk-container{max-width:900px;margin:0 auto;padding:1.5rem;font-family:Comic Sans MS,cursive,sans-serif;background-color:#f5f7fa;min-height:100vh}.category-selection{text-align:center;padding:1rem}.category-selection h1{color:#2c3e50;margin-bottom:.5rem;font-size:2.2rem;text-shadow:1px 1px 3px rgba(0,0,0,.1)}.category-selection p{color:#7f8c8d;font-size:1.3rem;margin-bottom:2rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;padding:1rem}.category-card{padding:1.8rem 1rem;border-radius:18px;cursor:pointer;transition:all .3s ease;color:#fff;text-align:center;box-shadow:0 6px 12px #00000026;border:4px solid white}.category-card:hover{transform:translateY(-8px);box-shadow:0 10px 20px #0003}.category-icon{font-size:3rem;margin-bottom:.8rem;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.2))}.question-section{background-color:#fff;border-radius:20px;padding:2rem;box-shadow:0 8px 25px #0000001a;margin-top:1rem}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px dashed #e0e6ed}.quiz-header h2{color:#2c3e50;margin:0;font-size:1.8rem}.score{background-color:#3498db;color:#fff;padding:.6rem 1.2rem;border-radius:50px;font-weight:700;font-size:1.1rem;box-shadow:0 3px 6px #3498db4d}.question-card{background-color:#f9fbfd;border-radius:15px;padding:2rem;border:2px solid #e0e6ed}.question-image{font-size:6rem;text-align:center;margin-bottom:1.5rem;text-shadow:3px 3px 6px rgba(0,0,0,.1)}.question-text{margin-bottom:2rem;text-align:center}.question-text h3{color:#2c3e50;margin-bottom:1.5rem;font-size:1.5rem;line-height:1.4;padding:0 1rem}.speak-button{background-color:#5d9cec;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:50px;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:.8rem;font-size:1.1rem;box-shadow:0 3px 6px #5d9cec4d;transition:all .3s}.speak-button:hover{background-color:#4a89dc;transform:translateY(-2px);box-shadow:0 5px 10px #5d9cec66}.speak-button:disabled{background-color:#95a5a6;cursor:not-allowed;transform:none;box-shadow:none}.options-grid{display:grid;grid-template-columns:1fr;gap:1.2rem;margin-bottom:2rem}.option-button{padding:1.2rem;border:3px solid #e0e6ed;border-radius:12px;background-color:#fff;cursor:pointer;font-size:1.2rem;transition:all .3s;text-align:center;font-weight:600;color:#2c3e50;box-shadow:0 3px 6px #0000000d}.option-button:hover:not(:disabled){border-color:#3498db;transform:translateY(-3px);box-shadow:0 5px 10px #3498db33}.option-button.correct{background-color:#48cfad;color:#fff;border-color:#48cfad;animation:correctPulse .5s}.option-button.incorrect{background-color:#ed5565;color:#fff;border-color:#ed5565;animation:shake .5s}.option-button.show-correct{background-color:#48cfad;color:#fff;border-color:#48cfad;animation:correctPulse .5s}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.result-feedback{margin-top:2rem;text-align:center;padding:1.5rem;border-radius:15px;background-color:#f8fafc;border:2px dashed #e0e6ed}.correct-feedback{color:#27ae60;font-weight:700;font-size:1.4rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:.8rem}.incorrect-feedback{color:#e74c3c;font-size:1.3rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:.8rem}.next-button{background-color:#3498db;color:#fff;border:none;padding:1rem 2rem;border-radius:50px;cursor:pointer;font-size:1.2rem;transition:all .3s;font-weight:700;box-shadow:0 4px 8px #3498db4d;min-width:200px}.next-button:hover{background-color:#2980b9;transform:translateY(-3px);box-shadow:0 6px 12px #3498db66}@media (max-width: 768px){.gk-container{padding:1rem}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.category-card{padding:1.5rem .5rem}.question-image{font-size:4.5rem}.question-text h3{font-size:1.3rem}.option-button{padding:1rem;font-size:1.1rem}}@media (max-width: 480px){.quiz-header{flex-direction:column;gap:1rem}.question-card{padding:1.5rem}.next-button{width:100%}}.parents-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}.parents-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 4px 15px #0000001a}.header-left h1{font-size:2.2rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.welcome-message{color:#666;font-size:1.1rem}.header-right{display:flex;align-items:center;gap:1rem}.user-profile{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:#667eea1a;border-radius:50px;border:2px solid rgba(102,126,234,.2)}.avatar{font-size:1.5rem}.user-profile .name{font-weight:600;color:#667eea}.notification-badge{background:#ff4757;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.voice-control-bar{background:#fffffff2;padding:1rem 2rem;border-bottom:1px solid #e0e0e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.voice-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.voice-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.voice-btn.listening{background:linear-gradient(135deg,#ff6b6b,#ee5a24);animation:pulse 2s infinite}.voice-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.voice-icon{font-size:1.2rem}.listening-pulse{width:8px;height:8px;background:#ff6b6b;border-radius:50%;margin-left:.5rem;animation:listeningPulse 1.5s infinite}.voice-command-preview,.voice-answer-indicator{padding:.75rem 1rem;background:#667eea1a;border-radius:10px;border-left:4px solid #667eea;font-size:.9rem;color:#667eea}.voice-answer-indicator{border-left-color:#ff6b6b;background:#ff6b6b1a}.ai-assistant-floating{position:fixed;bottom:2rem;right:2rem;z-index:1000}.ai-assistant-btn{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 8px 25px #667eea66;transition:all .3s ease;position:relative}.ai-assistant-btn:hover,.ai-assistant-btn.active{transform:scale(1.1);background:linear-gradient(135deg,#764ba2,#667eea)}.pulse-dot{position:absolute;top:-2px;right:-2px;width:12px;height:12px;background:#ff6b6b;border-radius:50%;animation:pulse 2s infinite}.ai-assistant-panel{position:absolute;bottom:70px;right:0;width:350px;background:#fff;border-radius:15px;box-shadow:0 15px 35px #0003;overflow:hidden}.ai-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.ai-header h4{margin:0;font-weight:600}.ai-header button{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.ai-conversation{height:200px;overflow-y:auto;padding:1rem;background:#f8f9fa}.ai-message{margin-bottom:.75rem;padding:.75rem;border-radius:10px;max-width:85%}.ai-message.user{background:#667eea;color:#fff;margin-left:auto}.ai-message.assistant{background:#fff;border:1px solid #e0e0e0}.ai-thinking{display:flex;justify-content:center;padding:1rem}.typing-indicator{display:flex;gap:4px}.typing-indicator span{width:8px;height:8px;background:#667eea;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}.ai-controls{padding:1rem;border-top:1px solid #e0e0e0;display:flex;gap:.5rem}.ai-controls input{flex:1;padding:.75rem;border:1px solid #e0e0e0;border-radius:8px;outline:none}.ai-controls input:focus{border-color:#667eea}.ai-controls button{padding:.75rem 1rem;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease}.ai-controls button:hover:not(:disabled){background:#5a6fd8}.ai-controls button:disabled{background:#ccc;cursor:not-allowed}.child-selector-section{padding:1.5rem 2rem}.child-cards{display:flex;gap:1rem;overflow-x:auto;padding:1rem 0}.child-card{min-width:280px;background:#fff;border-radius:15px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;cursor:pointer;border:3px solid transparent}.child-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.child-card.active{border-color:#667eea;background:linear-gradient(135deg,#fff,#f8f9ff)}.child-avatar{font-size:3rem}.child-info h3{font-size:1.3rem;font-weight:600;margin-bottom:.25rem;color:#333}.child-info p{color:#666;margin-bottom:.25rem}.child-info small{color:#999;font-size:.8rem}.child-voice{margin-left:auto}.voice-summary-btn{padding:.5rem 1rem;background:#667eea1a;color:#667eea;border:1px solid #667eea;border-radius:20px;font-size:.8rem;cursor:pointer;transition:all .3s ease}.voice-summary-btn:hover{background:#667eea;color:#fff}.child-card.add-child{background:#ffffffb3;border:2px dashed #667eea;justify-content:center;text-align:center;flex-direction:column;gap:.5rem}.child-card.add-child .child-avatar{font-size:2rem;color:#667eea}.main-content{padding:0 2rem 2rem}.tabs-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fff;border-radius:15px;padding:1rem 1.5rem;box-shadow:0 4px 15px #0000001a}.tabs{display:flex;gap:.5rem;flex-wrap:wrap}.tabs button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:none;border:2px solid transparent;border-radius:25px;font-weight:600;color:#666;cursor:pointer;transition:all .3s ease;position:relative}.tabs button:hover{color:#667eea;background:#667eea1a}.tabs button.active{background:#667eea;color:#fff;border-color:#667eea}.tab-icon{font-size:1.2rem}.unread-badge{position:absolute;top:-5px;right:-5px;background:#ff4757;color:#fff;border-radius:50%;width:20px;height:20px;font-size:.7rem;display:flex;align-items:center;justify-content:center}.quick-actions{display:flex;gap:1rem}.print-btn,.contact-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#667eea1a;color:#667eea;border:2px solid #667eea;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease}.print-btn:hover,.contact-btn:hover{background:#667eea;color:#fff}.tab-content{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 4px 15px #0000001a;min-height:500px}.progress-header-with-voice{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.progress-header-with-voice h2{font-size:1.8rem;font-weight:700;color:#333}.voice-progress-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease}.voice-progress-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.chart-grid{margin-bottom:2rem}.main-chart{background:#f8f9fa;border-radius:10px;padding:1rem}.ai-insights h3{font-size:1.4rem;margin-bottom:1rem;color:#333}.insight-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.insight-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;border-radius:10px;display:flex;align-items:flex-start;gap:1rem}.insight-icon{font-size:1.5rem;flex-shrink:0}.insight-card p{margin:0;line-height:1.5}.teachers-header,.resources-header,.messages-header,.notes-header,.questions-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.teachers-header h2,.resources-header h2,.messages-header h2,.notes-header h2,.questions-header h2{font-size:1.8rem;font-weight:700;color:#333}.section-description{color:#666;font-size:1.1rem;flex-basis:100%}.voice-read-teachers-btn,.voice-read-resources-btn,.voice-read-messages-btn,.voice-read-notes-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.voice-read-teachers-btn:hover,.voice-read-resources-btn:hover,.voice-read-messages-btn:hover,.voice-read-notes-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.teachers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.teacher-card{background:#f8f9fa;border-radius:15px;padding:1.5rem;display:flex;gap:1.5rem;transition:all .3s ease}.teacher-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.teacher-avatar{font-size:3rem;flex-shrink:0}.teacher-info{flex:1}.teacher-info h3{font-size:1.3rem;font-weight:600;margin-bottom:.5rem;color:#333}.teacher-subject{color:#667eea;font-weight:600;margin-bottom:.5rem}.teacher-rating{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.stars{color:gold}.rating{font-weight:600;color:#333}.teacher-bio{color:#666;margin-bottom:1rem;line-height:1.5}.teacher-expertise{margin-bottom:1rem}.teacher-expertise strong{display:block;margin-bottom:.5rem;color:#333}.expertise-tags{display:flex;flex-wrap:wrap;gap:.5rem}.expertise-tag{background:#667eea1a;color:#667eea;padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:600}.teacher-contact p{margin-bottom:.25rem;color:#666;font-size:.9rem}.teacher-actions{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.action-btn.primary{background:#667eea;color:#fff}.action-btn.primary:hover{background:#5a6fd8}.action-btn.secondary{background:#667eea1a;color:#667eea;border:1px solid #667eea}.action-btn.secondary:hover{background:#667eea;color:#fff}.quiz-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.start-quiz-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease}.start-quiz-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.quiz-voice-controls{display:flex;gap:.5rem;flex-wrap:wrap}.voice-question-btn,.voice-answer-btn,.hint-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#667eea1a;color:#667eea;border:1px solid #667eea;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.voice-question-btn:hover,.voice-answer-btn:hover,.hint-btn:hover{background:#667eea;color:#fff}.voice-answer-btn:disabled{opacity:.6;cursor:not-allowed}.quiz-progress{font-weight:600;color:#667eea;background:#667eea1a;padding:.75rem 1rem;border-radius:8px}.question-container{max-width:800px;margin:0 auto}.question-card{background:#f8f9fa;border-radius:15px;padding:2rem;box-shadow:0 4px 15px #0000001a}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:.5rem}.question-number{font-weight:600;color:#667eea;background:#667eea1a;padding:.5rem 1rem;border-radius:20px}.question-subject{font-weight:600;color:#333}.difficulty-badge{padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.8rem;text-transform:uppercase}.difficulty-badge.easy{background:#4caf501a;color:#4caf50}.difficulty-badge.medium{background:#ff98001a;color:#ff9800}.difficulty-badge.hard{background:#f443361a;color:#f44336}.question-category{color:#666;font-size:.9rem}.question-content h3{font-size:1.4rem;margin-bottom:1.5rem;color:#333;line-height:1.4}.question-image{text-align:center;margin:1.5rem 0}.image-display{font-size:4rem}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.option-btn{padding:1rem 1.5rem;background:#fff;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center}.option-btn:hover:not(:disabled){border-color:#667eea;transform:translateY(-2px)}.option-btn.correct{background:#4caf501a;border-color:#4caf50;color:#4caf50}.option-btn.incorrect{background:#f443361a;border-color:#f44336;color:#f44336}.option-btn:disabled{cursor:not-allowed;opacity:.7}.option-feedback{font-weight:700;font-size:1.2rem}.spelling-input,.number-input{display:flex;gap:1rem;margin:1.5rem 0;align-items:center}.spelling-input input,.number-input input{flex:1;padding:1rem;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;outline:none}.spelling-input input:focus,.number-input input:focus{border-color:#667eea}.check-spelling-btn,.check-number-btn{padding:1rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:background .3s ease}.check-spelling-btn:hover:not(:disabled),.check-number-btn:hover:not(:disabled){background:#5a6fd8}.check-spelling-btn:disabled,.check-number-btn:disabled{background:#ccc;cursor:not-allowed}.question-hint{background:#ffc1071a;border:1px solid #ffc107;border-radius:10px;padding:1rem;margin:1rem 0;display:flex;align-items:flex-start;gap:.75rem}.hint-icon{color:#ffc107;font-size:1.2rem;flex-shrink:0}.voice-feedback{background:#667eea1a;border:1px solid #667eea;border-radius:10px;padding:1rem;margin:1rem 0;color:#667eea;font-weight:600}.question-feedback{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.feedback-message{padding:1rem;border-radius:10px;margin-bottom:1rem;font-weight:600}.feedback-message.correct{background:#4caf501a;color:#4caf50;border:1px solid #4caf50}.feedback-message.incorrect{background:#f443361a;color:#f44336;border:1px solid #f44336}.next-question-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.next-question-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.quiz-results{display:flex;justify-content:center;align-items:center;min-height:400px}.results-card{background:#fff;border-radius:15px;padding:3rem;text-align:center;box-shadow:0 8px 25px #0000001a;max-width:500px;width:100%}.results-header h3{font-size:2rem;margin-bottom:.5rem;color:#333}.results-header p{color:#666;font-size:1.1rem}.score-display{margin:2rem 0}.score-circle{display:inline-flex;align-items:baseline;gap:.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem 3rem;border-radius:50%;font-weight:700}.score{font-size:3rem}.total{font-size:1.5rem;opacity:.8}.score-message{font-size:1.2rem;font-weight:600;color:#333;margin-top:1rem}.results-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.no-questions{text-align:center;padding:3rem;color:#666}.no-questions p{font-size:1.2rem;margin-bottom:1.5rem}.resources-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.search-box{position:relative;flex:1;min-width:250px}.search-box input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #e0e0e0;border-radius:25px;font-size:1rem;outline:none;transition:border-color .3s ease}.search-box input:focus{border-color:#667eea}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#666}.filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.filter-buttons button{padding:.75rem 1.5rem;background:#667eea1a;color:#667eea;border:1px solid #667eea;border-radius:20px;font-weight:600;cursor:pointer;transition:all .3s ease}.filter-buttons button.active,.filter-buttons button:hover{background:#667eea;color:#fff}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.resource-card{background:#f8f9fa;border-radius:15px;padding:1.5rem;transition:all .3s ease;border:2px solid transparent}.resource-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a;border-color:#667eea}.resource-icon{font-size:2.5rem;margin-bottom:1rem}.resource-content h3{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:#333}.resource-content p{color:#666;margin-bottom:1rem;line-height:1.5}.resource-category{display:inline-block;background:#667eea1a;color:#667eea;padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:600}.resource-actions{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.resource-actions .action-btn{flex:1;min-width:120px;justify-content:center}.favorite-btn{padding:.75rem;background:none;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1.2rem}.favorite-btn.active{color:#ff4757;border-color:#ff4757}.favorite-btn:hover{transform:scale(1.1)}.no-resources{text-align:center;padding:3rem;color:#666}.clear-filters-btn{padding:.75rem 1.5rem;background:#667eea1a;color:#667eea;border:1px solid #667eea;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.clear-filters-btn:hover{background:#667eea;color:#fff}.messages-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.message-item{background:#f8f9fa;border-radius:10px;padding:1.5rem;cursor:pointer;transition:all .3s ease;border-left:4px solid transparent}.message-item:hover{transform:translate(5px);box-shadow:0 4px 15px #0000001a}.message-item.unread{background:#667eea0d;border-left-color:#667eea}.message-item.high{border-left-color:#ff4757}.message-item.medium{border-left-color:#ffa502}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.message-sender{font-weight:600;color:#333}.message-date{color:#666;font-size:.9rem}.unread-dot{width:8px;height:8px;background:#667eea;border-radius:50%}.message-content p{color:#333;line-height:1.5;margin-bottom:1rem}.message-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.message-type{padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:600;text-transform:capitalize}.message-type.teacher{background:#667eea1a;color:#667eea}.message-type.system{background:#ff98001a;color:#ff9800}.priority-badge{padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:600;text-transform:capitalize}.priority-badge.high{background:#ff47571a;color:#ff4757}.priority-badge.medium{background:#ffa5021a;color:#ffa502}.voice-message-btn{padding:.5rem 1rem;background:#667eea1a;color:#667eea;border:1px solid #667eea;border-radius:15px;font-size:.8rem;cursor:pointer;transition:all .3s ease}.voice-message-btn:hover{background:#667eea;color:#fff}.messages-actions{display:flex;gap:1rem;justify-content:center}.notes-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.add-note-btn,.add-first-note-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-note-btn:hover,.add-first-note-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.note-card{border-radius:15px;padding:1.5rem;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.note-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.note-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.note-header h3{font-size:1.2rem;font-weight:600;color:#333;margin:0;flex:1;margin-right:1rem}.note-actions{display:flex;gap:.5rem}.edit-btn,.delete-btn{padding:.5rem;background:none;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease;font-size:1rem}.edit-btn:hover{background:#667eea1a;color:#667eea}.delete-btn:hover{background:#ff47571a;color:#ff4757}.note-content p{color:#333;line-height:1.5;margin-bottom:1rem}.play-voice-note-btn{padding:.5rem 1rem;background:#667eea1a;color:#667eea;border:1px solid #667eea;border-radius:15px;font-size:.8rem;cursor:pointer;transition:all .3s ease;margin-bottom:1rem}.play-voice-note-btn:hover{background:#667eea;color:#fff}.note-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.note-date{color:#666;font-size:.8rem}.voice-note-btn{padding:.5rem 1rem;background:#667eea1a;color:#667eea;border:1px solid #667eea;border-radius:15px;font-size:.8rem;cursor:pointer;transition:all .3s ease}.voice-note-btn:hover{background:#667eea;color:#fff}.no-notes{text-align:center;padding:3rem;color:#666}.no-notes p{font-size:1.2rem;margin-bottom:1.5rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;padding:1rem}.modal{background:#fff;border-radius:15px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0}.modal-header h3{margin:0;font-size:1.4rem;font-weight:600;color:#333}.modal-header button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-header button:hover{color:#333}.modal-content{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;outline:none;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#667eea}.form-group textarea{resize:vertical;min-height:100px}.color-picker{display:flex;gap:.5rem;flex-wrap:wrap}.color-option{width:40px;height:40px;border-radius:8px;border:3px solid transparent;cursor:pointer;transition:all .3s ease}.color-option.active{border-color:#333;transform:scale(1.1)}.voice-note-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.record-btn,.play-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.record-btn{background:#ff47571a;color:#ff4757;border:1px solid #ff4757}.record-btn.recording{background:#ff4757;color:#fff;animation:pulse 1.5s infinite}.record-btn:hover:not(:disabled){background:#ff4757;color:#fff}.record-btn:disabled{opacity:.6;cursor:not-allowed}.play-btn{background:#667eea1a;color:#667eea;border:1px solid #667eea}.play-btn:hover{background:#667eea;color:#fff}.teacher-contact-info{background:#f8f9fa;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.teacher-contact-info p{margin-bottom:.5rem;color:#333}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem;border-top:1px solid #e0e0e0}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5a6fd8}.btn-secondary{background:#667eea1a;color:#667eea;border:1px solid #667eea}.btn-secondary:hover{background:#667eea;color:#fff}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes listeningPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-10px);opacity:1}}@media (max-width: 768px){.parents-header{flex-direction:column;gap:1rem;text-align:center}.tabs-container{flex-direction:column;gap:1rem}.tabs,.quick-actions{justify-content:center}.teachers-header,.resources-header,.messages-header,.notes-header,.questions-header{flex-direction:column;text-align:center}.progress-header-with-voice{flex-direction:column;gap:1rem;text-align:center}.quiz-controls{flex-direction:column;text-align:center}.resources-controls{flex-direction:column}.search-box{width:100%}.filter-buttons{justify-content:center}.teacher-card{flex-direction:column;text-align:center}.teacher-actions{flex-direction:row;justify-content:center}.modal{margin:1rem}.ai-assistant-panel{width:90vw;right:-5vw}}@media (max-width: 480px){.parents-container{padding:.5rem}.parents-header,.child-selector-section,.main-content{padding-left:1rem;padding-right:1rem}.tab-content{padding:1rem}.child-cards{flex-direction:column}.child-card{min-width:auto}.tabs button{padding:.5rem 1rem;font-size:.9rem}.insight-cards,.teachers-grid,.resources-grid,.notes-grid{grid-template-columns:1fr}}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#5a6fd8}@media print{.voice-control-bar,.ai-assistant-floating,.quick-actions,.voice-progress-btn,.voice-read-teachers-btn,.voice-read-resources-btn,.voice-read-messages-btn,.voice-read-notes-btn,.quiz-voice-controls,.voice-message-btn,.voice-note-btn,.play-voice-note-btn,.record-btn,.play-btn{display:none!important}.parents-container{background:#fff!important}.parents-header,.child-selector-section,.main-content{padding:1rem!important}.tab-content{box-shadow:none!important;border:1px solid #e0e0e0}}.speech-controls{background:#ffffff1a;padding:15px;border-radius:10px;margin-top:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.speech-controls h4{margin:0 0 10px;color:var(--theme-color);text-align:center}.speech-buttons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:15px}.speech-button{padding:8px 12px;border:none;border-radius:20px;background:var(--theme-color);color:#fff;cursor:pointer;transition:all .3s ease;font-size:.9em}.speech-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #0003}.speech-button:disabled{opacity:.5;cursor:not-allowed}.speech-button.stop{background:#e74c3c}.speech-settings{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.speech-settings label{display:flex;align-items:center;gap:8px;font-size:.9em;color:#fff}.speech-settings input[type=range]{width:80px}.speaking-animation{position:absolute;top:10px;right:10px;background:#ffffffe6;border-radius:50%;padding:5px;animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.rhyme-title{position:relative;display:inline-flex;align-items:center;gap:10px}.speak-icon{font-size:.7em;opacity:.7;transition:opacity .3s ease}.rhyme-title:hover .speak-icon{opacity:1}.lyric-line{position:relative;cursor:pointer;transition:all .3s ease;padding:5px 10px;border-radius:5px;margin:2px 0}.lyric-line:hover{background:#ffffff1a}.line-speak{opacity:0;transition:opacity .3s ease;font-size:.8em;margin-left:10px}.lyric-line:hover .line-speak{opacity:.7}.speak-line-button{margin-left:10px;padding:5px 10px;border:none;border-radius:15px;background:var(--theme-color);color:#fff;cursor:pointer;transition:all .3s ease}.speak-line-button:hover{transform:scale(1.1)}.warning-message{background:#f39c12;color:#fff;padding:10px;border-radius:5px;text-align:center;margin:10px 0}.image-container{position:relative}@media (max-width: 768px){.speech-buttons{flex-direction:column;align-items:center}.speech-settings{flex-direction:column;align-items:center;gap:10px}}.stories-app{max-width:1200px;margin:0 auto;padding:20px;font-family:Comic Sans MS,cursive,sans-serif;background-color:#f9f9f9;min-height:100vh}.app-header{text-align:center;margin-bottom:30px;background-color:#4caf50;padding:20px;border-radius:15px;color:#fff}.app-header h1{margin:0 0 20px;font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.controls{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.search-box{position:relative;display:flex;align-items:center}.search-box input{padding:10px 40px 10px 15px;border:none;border-radius:25px;font-size:16px;width:250px;box-shadow:0 2px 5px #0000001a}.search-icon{position:absolute;right:15px;color:#777}.level-filter{display:flex;align-items:center;gap:10px}.level-filter label{font-weight:700}.level-filter select{padding:10px;border:none;border-radius:10px;font-size:16px;background-color:#fff;box-shadow:0 2px 5px #0000001a}.app-main{background-color:#fff;border-radius:15px;padding:20px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px}.story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.story-card{background-color:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 8px #0000001a;cursor:pointer;transition:transform .3s,box-shadow .3s}.story-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003}.story-image{position:relative;height:200px;overflow:hidden}.story-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.story-card:hover .story-image img{transform:scale(1.05)}.level-badge{position:absolute;top:10px;right:10px;padding:5px 10px;border-radius:15px;font-size:12px;font-weight:700;color:#fff}.level-badge.nursery{background-color:#ff6b6b}.level-badge.kindergarten{background-color:#4ecdc4}.level-badge.senior-kg{background-color:#45b7d1}.level-badge.Grade1st{background-color:#f9c74f}.story-info{padding:15px}.story-info h3{margin:0 0 10px;color:#333}.story-info p{color:#666;margin:0 0 15px;line-height:1.4}.story-meta{display:flex;justify-content:space-between;font-size:14px;color:#888}.story-player{max-width:800px;margin:0 auto}.back-button{background-color:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;margin-bottom:20px;font-size:16px;transition:background-color .3s}.back-button:hover{background-color:#5a6268}.story-content{background-color:#f8f9fa;border-radius:15px;padding:20px}.story-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.story-header h2{margin:0;color:#333}.story-media{text-align:center;margin-bottom:20px}.story-media img{max-width:100%;border-radius:10px;box-shadow:0 4px 8px #0000001a}.audio-controls{margin:15px 0}.audio-controls button{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-size:16px;margin-right:10px;transition:background-color .3s}.audio-controls button:hover:not(:disabled){background-color:#3d8b40}.audio-controls button:disabled{background-color:#ccc;cursor:not-allowed}.voice-settings{background-color:#fff;padding:15px;border-radius:10px;margin-top:15px;box-shadow:0 2px 5px #0000001a}.voice-settings h4{margin:0 0 15px;color:#333}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.setting-group{display:flex;flex-direction:column;gap:5px}.setting-group label{font-weight:700;font-size:14px}.setting-group select,.setting-group input{padding:8px;border-radius:5px;border:1px solid #ddd}.setting-group span{font-size:12px;text-align:center}.story-text{background-color:#fff;padding:20px;border-radius:10px;margin-bottom:20px;line-height:1.6;font-size:18px}.quiz-button{background-color:#ff6b6b;color:#fff;border:none;padding:15px 30px;border-radius:25px;cursor:pointer;font-size:18px;display:block;margin:0 auto;transition:background-color .3s,transform .3s}.quiz-button:hover:not(:disabled){background-color:#ff5252;transform:scale(1.05)}.quiz-button:disabled{background-color:#ccc;cursor:not-allowed}.story-questions{background-color:#fff;padding:20px;border-radius:10px;margin-top:20px}.story-questions h3{margin:0 0 15px;color:#333}.question-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.question-header p{margin:0;font-size:18px;font-weight:700;flex:1}.read-aloud-btn{background:none;border:none;font-size:24px;cursor:pointer;padding:5px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.read-aloud-btn:hover:not(:disabled){background-color:#f0f0f0}.read-aloud-btn:disabled{opacity:.5;cursor:not-allowed}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.option-button{background-color:#e9ecef;border:2px solid transparent;padding:15px;border-radius:10px;cursor:pointer;font-size:16px;transition:all .3s}.option-button:hover:not(:disabled){background-color:#dee2e6;border-color:#4caf50}.option-button:disabled{opacity:.7;cursor:not-allowed}.quiz-result{text-align:center;padding:20px;background-color:#f8f9fa;border-radius:10px}.quiz-result h4{margin:0 0 15px;color:#333}.celebration{display:flex;align-items:center;justify-content:center;gap:10px;margin:15px 0;font-size:24px;color:#f9c74f}.quiz-restart{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-size:16px;margin-top:15px;transition:background-color .3s}.quiz-restart:hover{background-color:#3d8b40}.app-footer{text-align:center;padding:20px;color:#6c757d}@media (max-width: 768px){.controls{flex-direction:column;align-items:center}.search-box input{width:100%}.story-grid,.settings-grid,.options-grid{grid-template-columns:1fr}}.games-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Comic Sans MS,Chalkboard SE,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.games-title{text-align:center;color:#fff;font-size:3rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.games-subtitle{text-align:center;color:#fff;font-size:1.2rem;margin-bottom:40px;opacity:.9}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:40px}.game-card{position:relative;background:#fff;border-radius:20px;padding:25px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #0000001a;overflow:hidden;border:4px solid var(--card-color)}.game-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 15px 35px #0003}.game-card:hover .card-hover-effect{transform:scale(1.1);opacity:1}.game-icon{font-size:4rem;margin-bottom:15px}.game-card h3{color:#333;font-size:1.5rem;margin-bottom:10px}.game-description{color:#666;margin-bottom:15px;font-size:.9rem}.game-difficulty{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.difficulty-badge{background:var(--card-color);color:#fff;padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:700}.card-hover-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);transform:scale(.8);opacity:0;transition:all .3s ease;pointer-events:none}.game-screen{background:#fff;border-radius:20px;padding:20px;box-shadow:0 10px 30px #0003;min-height:600px}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #eee}.back-button{background:#667eea;color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-size:1rem;transition:all .3s ease}.back-button:hover{background:#5a6fd8;transform:translate(-5px)}.game-stats{display:flex;gap:20px;font-weight:700;color:#333}.game-stats span{padding:8px 15px;background:#f8f9fa;border-radius:15px;border:2px solid #e9ecef}.memory-game{text-align:center}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:500px;margin:0 auto}.memory-card{aspect-ratio:1;perspective:1000px;cursor:pointer}.memory-card .card-front,.memory-card .card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:2rem;transition:transform .6s ease}.memory-card .card-front{background:#667eea;color:#fff;transform:rotateY(0)}.memory-card .card-back{background:#fff;transform:rotateY(180deg);border:3px solid #667eea}.memory-card.flipped .card-front{transform:rotateY(180deg)}.memory-card.flipped .card-back{transform:rotateY(0)}.memory-card.matched .card-back{background:#d4edda;border-color:#28a745}.math-game{text-align:center}.math-problem{font-size:3rem;font-weight:700;margin:30px 0;color:#333}.math-options{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;max-width:400px;margin:0 auto}.math-options button{padding:20px;font-size:1.5rem;border:none;border-radius:15px;background:#667eea;color:#fff;cursor:pointer;transition:all .3s ease}.math-options button:hover{background:#5a6fd8;transform:scale(1.05)}.word-game{text-align:center}.scrambled-word{font-size:3rem;letter-spacing:10px;margin:30px 0;color:#333;font-weight:700}.word-input-container{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.word-input{padding:15px;font-size:1.2rem;border:2px solid #ddd;border-radius:10px;width:250px}.word-input-container button{padding:15px 25px;background:#28a745;color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:1rem}.hint-section{margin-top:20px}.hint-btn{background:#ffc107;color:#333;border:none;padding:10px 20px;border-radius:20px;cursor:pointer;margin-bottom:10px}.hint-text{color:#666;font-style:italic}.color-game{text-align:center}.target-display{margin:30px 0}.target-shape{width:100px;height:100px;margin:0 auto 15px;border-radius:10px}.color-options{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:400px;margin:0 auto}.option-shape{width:80px;height:80px;margin:0 auto;border-radius:10px;cursor:pointer;transition:transform .3s ease}.option-shape:hover{transform:scale(1.1)}.quiz-game{text-align:center}.quiz-question{font-size:1.5rem;margin:30px 0;color:#333;font-weight:700}.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;max-width:500px;margin:0 auto}.quiz-options button{padding:15px;font-size:1.1rem;border:none;border-radius:10px;background:#6f42c1;color:#fff;cursor:pointer;transition:all .3s ease}.quiz-options button:hover{background:#5a32a3;transform:scale(1.05)}.snake-game{text-align:center}.snake-game-container{display:flex;flex-direction:column;align-items:center;gap:20px}.snake-board{display:grid;width:400px;height:400px;border:3px solid #333;border-radius:10px;background:#f8f9fa;position:relative}.snake-segment{background:#28a745;border:1px solid #1e7e34;border-radius:3px}.snake-head{background:#155724;border-radius:5px}.snake-food{background:#dc3545;border-radius:50%;animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.game-over{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffffff2;padding:30px;border-radius:15px;text-align:center;z-index:10}.game-over-buttons{display:flex;gap:10px;justify-content:center;margin-top:15px}.game-over-buttons button{padding:10px 20px;border:none;border-radius:10px;cursor:pointer;font-size:.9rem}.mobile-controls{display:none;flex-direction:column;align-items:center;gap:10px}.horizontal-arrows{display:flex;gap:10px}.arrow-btn{width:60px;height:60px;font-size:1.5rem;border:none;border-radius:50%;background:#667eea;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.default-game{text-align:center}.score-button{padding:20px 40px;font-size:1.5rem;background:#667eea;color:#fff;border:none;border-radius:25px;cursor:pointer;margin-top:30px;transition:all .3s ease}.score-button:hover{background:#5a6fd8;transform:scale(1.1)}.game-history{background:#fff;border-radius:15px;padding:20px;margin-top:30px}.game-history h2{text-align:center;color:#333;margin-bottom:20px}.history-list{display:grid;gap:10px}.history-item{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:15px;padding:15px;background:#f8f9fa;border-radius:10px;border-left:4px solid #667eea}.history-game{font-weight:700;color:#333}@media (max-width: 768px){.games-grid{grid-template-columns:1fr}.game-stats{flex-direction:column;gap:10px}.memory-grid{grid-template-columns:repeat(3,1fr)}.math-options,.quiz-options{grid-template-columns:1fr}.snake-board{width:300px;height:300px}.mobile-controls{display:flex}.history-item{grid-template-columns:1fr;text-align:center}}@media (max-width: 480px){.games-title{font-size:2rem}.game-card{padding:15px}.game-icon{font-size:3rem}.snake-board{width:250px;height:250px}.arrow-btn{width:50px;height:50px;font-size:1.2rem}}.game-card{animation:fadeIn .6s ease-out}.game-card:nth-child(odd){animation-delay:.1s}.game-card:nth-child(2n){animation-delay:.2s}button:focus,.memory-card:focus,.option-shape:focus{outline:3px solid #667eea;outline-offset:2px}@media (prefers-contrast: high){.game-card,.game-stats span{border-width:3px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.game-card:hover{transform:none}}.first-std{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:Comic Sans MS,Chalkboard SE,sans-serif}.std-header{text-align:center;color:#fff;margin-bottom:30px}.std-header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.std-header p{font-size:1.2rem;opacity:.9}.learning-container{display:flex;gap:20px;max-width:1200px;margin:0 auto;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0003}.subjects-sidebar{width:250px;background:#f8f9fa;padding:20px;display:flex;flex-direction:column;gap:15px}.subject-btn{display:flex;align-items:center;gap:15px;padding:15px;border:none;border-radius:15px;cursor:pointer;transition:all .3s ease;color:#fff;font-weight:700;text-align:left}.subject-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.subject-btn.active{transform:scale(1.05);box-shadow:0 5px 20px #0000004d}.subject-title{font-size:1.1rem}.main-content{flex:1;padding:30px}.topic-selector{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.topic-btn,.quiz-btn{padding:12px 20px;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:700}.topic-btn{background:#e9ecef;color:#495057}.topic-btn:hover{background:#dee2e6}.topic-btn.active{background:#007bff;color:#fff}.quiz-btn{background:#28a745;color:#fff;margin-left:auto}.quiz-btn:hover{background:#218838;transform:translateY(-2px)}.lesson-container{animation:fadeIn .5s ease}.topic-title{color:#333;font-size:2rem;margin-bottom:10px}.topic-description{color:#666;font-size:1.1rem;margin-bottom:30px}.lessons{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.lesson-card{background:#f8f9fa;padding:20px;border-radius:15px;border-left:5px solid #007bff;transition:all .3s ease}.lesson-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.text-lesson p{font-size:1.2rem;margin:0;color:#333}.image-lesson img{width:100%;border-radius:10px;height:200px;object-fit:cover}.audio-lesson,.game-lesson,.interactive-lesson,.activity-lesson{text-align:center}.audio-lesson p,.game-lesson p,.interactive-lesson p,.activity-lesson p{margin-bottom:15px;color:#333}.play-btn,.interactive-btn,.activity-btn{padding:10px 20px;border:none;border-radius:20px;cursor:pointer;font-weight:700;transition:all .3s ease}.play-btn{background:#ff6b6b;color:#fff}.interactive-btn{background:#4ecdc4;color:#fff}.activity-btn{background:#45b7d1;color:#fff}.play-btn:hover,.interactive-btn:hover,.activity-btn:hover{transform:scale(1.05)}.quiz-container{animation:fadeIn .5s ease}.question-section{background:#f8f9fa;padding:30px;border-radius:15px;margin-bottom:20px;text-align:center}.question-count{color:#666;font-size:1.1rem;margin-bottom:15px}.question-text{font-size:1.5rem;color:#333;font-weight:700}.answer-section{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.answer-btn{padding:20px;border:2px solid #007bff;border-radius:15px;background:#fff;color:#007bff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.answer-btn:hover{background:#007bff;color:#fff;transform:translateY(-2px)}.score-section{text-align:center;animation:bounceIn .5s ease}.score-section h2{color:#28a745;margin-bottom:20px}.score-section p{font-size:1.2rem;color:#666;margin-bottom:30px}.score-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#28a745,#20c997);margin:0 auto 30px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:700;box-shadow:0 5px 20px #28a7454d}.retry-btn{padding:15px 30px;border:none;border-radius:25px;background:#007bff;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.retry-btn:hover{background:#0056b3;transform:translateY(-2px)}.activities-section{max-width:1200px;margin:40px auto 0;text-align:center}.activities-section h2{color:#fff;margin-bottom:30px;font-size:2rem}.activity{background:#fff;padding:30px;border-radius:20px;text-align:center;transition:all .3s ease;box-shadow:0 5px 15px #0000001a}.activity:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0003}.activity-icon{font-size:3rem;margin-bottom:15px;display:block}.activity p{color:#666;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.learning-container{flex-direction:column}.subjects-sidebar{width:100%;flex-direction:row;overflow-x:auto;padding:15px}.subject-btn{flex-direction:column;min-width:80px;text-align:center}.topic-selector{flex-direction:column}.answer-section,.activities{grid-template-columns:1fr}}@media (max-width: 480px){.first-std{padding:10px}.std-header h1{font-size:2rem}.main-content{padding:20px}.topic-title{font-size:1.5rem}.question-text{font-size:1.2rem}}.second-std{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f7fa;min-height:100vh;color:#333}.std-header{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;padding:1.5rem 2rem;text-align:center;box-shadow:0 4px 12px #0000001a}.std-header h1{margin:0 0 .5rem;font-size:2.2rem}.std-header p{margin:0 0 1.5rem;opacity:.9;font-size:1.1rem}.progress-indicator{display:flex;align-items:center;justify-content:center;gap:1rem;background-color:#fff3;padding:.8rem 1.5rem;border-radius:50px;max-width:400px;margin:0 auto}.progress-bar{flex-grow:1;height:10px;background-color:#ffffff4d;border-radius:5px;overflow:hidden}.progress-fill{height:100%;background-color:#fff;border-radius:5px;transition:width .5s ease}.learning-container{display:flex;max-width:1200px;margin:2rem auto;gap:2rem;padding:0 1rem}.subjects-sidebar{flex:0 0 250px;display:flex;flex-direction:column;gap:1rem}.subject-item{display:flex;flex-direction:column;gap:.5rem}.subject-btn{display:flex;align-items:center;gap:.8rem;padding:1rem;border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0000001a}.subject-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.subject-btn.active{transform:scale(1.05);box-shadow:0 8px 16px #0003}.subject-icon{font-size:1.5rem}.subject-progress{display:flex;align-items:center;gap:.5rem;padding:0 .5rem}.subject-progress .progress-bar{height:6px;background-color:#e0e0e0}.subject-progress .progress-fill{background-color:#4caf50}.subject-progress span{font-size:.8rem;color:#666;min-width:40px;text-align:right}.main-content{flex:1;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.topic-navigation{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #eee;background-color:#f9fafb}.topic-buttons{display:flex;gap:.8rem}.topic-btn{display:flex;flex-direction:column;align-items:center;padding:.8rem 1.2rem;border:1px solid #e0e0e0;border-radius:10px;background-color:#fff;cursor:pointer;transition:all .2s ease}.topic-btn:hover{background-color:#f0f4ff;border-color:#c5d2ff}.topic-btn.active{background-color:#4e73ff;color:#fff;border-color:#4e73ff}.topic-number{font-size:.7rem;opacity:.7;margin-bottom:.3rem}.topic-name{font-weight:600;font-size:.9rem}.quiz-btn{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background:linear-gradient(to right,#ff7e5f,#feb47b);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.quiz-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #ff7e5f4d}.lesson-container{padding:2rem}.lesson-header{margin-bottom:2rem}.topic-title{font-size:1.8rem;margin:0 0 .5rem;color:#2d3748}.topic-description{color:#718096;margin:0;font-size:1.1rem}.lessons{display:flex;flex-direction:column;gap:1.5rem}.lesson-card{border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;background-color:#fff;box-shadow:0 2px 8px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.lesson-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000014}.lesson-number{font-size:.9rem;font-weight:600;color:#4e73ff;margin-bottom:1rem}.text-lesson p{line-height:1.6;margin:0;font-size:1.1rem}.image-lesson{display:flex;flex-direction:column;align-items:center;gap:1rem}.image-lesson img{max-width:100%;border-radius:8px;box-shadow:0 4px 8px #0000001a}.image-caption{font-style:italic;color:#718096;font-size:.9rem}.audio-lesson,.game-lesson,.interactive-lesson,.activity-lesson,.experiment-lesson{display:flex;flex-direction:column;gap:1rem}.audio-lesson p,.game-lesson p,.interactive-lesson p,.activity-lesson p,.experiment-lesson p{margin:0;line-height:1.6}.play-btn,.interactive-btn,.activity-btn,.experiment-btn{align-self:flex-start;padding:.7rem 1.5rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.play-btn{background-color:#ff7e5f;color:#fff}.interactive-btn{background-color:#4e73ff;color:#fff}.activity-btn{background-color:#4caf50;color:#fff}.experiment-btn{background-color:#9c27b0;color:#fff}.play-btn:hover,.interactive-btn:hover,.activity-btn:hover,.experiment-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.quiz-container{padding:2rem}.question-section{margin-bottom:2rem}.question-count{font-size:1.1rem;color:#718096;margin-bottom:1rem}.question-text{font-size:1.4rem;font-weight:600;color:#2d3748}.answer-section{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.answer-btn{padding:1.2rem;border:2px solid #e2e8f0;border-radius:10px;background-color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.answer-btn:hover{background-color:#f0f4ff;border-color:#c5d2ff}.score-section{text-align:center;padding:2rem}.score-section h2{color:#2d3748;margin-bottom:1rem}.score-section p{font-size:1.2rem;color:#718096;margin-bottom:2rem}.score-circle{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#6a11cb,#2575fc);display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;color:#fff;font-size:2rem;font-weight:700;box-shadow:0 8px 16px #0000001a}.quiz-actions{display:flex;justify-content:center;gap:1rem}.retry-btn,.back-btn,.certificate-btn{padding:.8rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.retry-btn{background-color:#4e73ff;color:#fff}.back-btn{background-color:#e2e8f0;color:#4a5568}.certificate-btn{background:linear-gradient(to right,#ff7e5f,#feb47b);color:#fff}.retry-btn:hover,.back-btn:hover,.certificate-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.certificate-container{padding:2rem;display:flex;flex-direction:column;align-items:center}.certificate{width:100%;max-width:800px;border:20px solid #f4d03f;padding:3rem;text-align:center;background-color:#fff;box-shadow:0 10px 30px #00000026;margin-bottom:2rem}.certificate h2{color:#2d3748;font-size:2.5rem;margin-bottom:2rem}.certificate-content{padding:2rem;border:2px dashed #c5d2ff}.certificate-content h3{font-size:2rem;color:#4e73ff;margin:1rem 0}.score-display{font-size:1.2rem;font-weight:600;color:#4caf50;margin:1.5rem 0}.certificate-footer{display:flex;justify-content:space-between;margin-top:3rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.signature,.date{font-weight:600;color:#4a5568}.activities-section{max-width:1200px;margin:3rem auto;padding:0 1rem}.activities-section h2{text-align:center;color:#2d3748;margin-bottom:2rem}.activities{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.activity{background-color:#fff;border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease}.activity:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001f}.activity-icon{font-size:3rem;margin-bottom:1rem;display:block}.activity h3{color:#2d3748;margin:0 0 .5rem}.activity p{color:#718096;margin:0}@media (max-width: 900px){.learning-container{flex-direction:column}.subjects-sidebar{flex-direction:row;flex-wrap:wrap;justify-content:center;flex:0 0 auto}.subject-item{flex:1;min-width:200px}.topic-buttons{flex-wrap:wrap}}@media (max-width: 768px){.answer-section{grid-template-columns:1fr}.topic-navigation{flex-direction:column;gap:1rem;align-items:stretch}.quiz-actions{flex-direction:column;align-items:center}.certificate-footer{flex-direction:column;gap:1rem;text-align:center}.activities{grid-template-columns:1fr}}@media (max-width: 480px){.std-header h1{font-size:1.8rem}.progress-indicator{flex-direction:column;gap:.5rem;text-align:center}.topic-buttons{flex-direction:column}.lesson-container,.quiz-container{padding:1rem}.certificate{padding:1.5rem;border-width:10px}.certificate h2{font-size:2rem}.certificate-content h3{font-size:1.5rem}}.third-std{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333}.std-header{background:#fffffff2;border-radius:20px;padding:25px;margin-bottom:25px;box-shadow:0 10px 30px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.std-header h1{color:#4a4a4a;margin:0;font-size:2.2em;font-weight:700}.std-header p{color:#666;margin:10px 0 20px;font-size:1.1em}.user-profile{display:flex;align-items:center;gap:15px;background:#f5f5f5cc;padding:12px 20px;border-radius:50px;box-shadow:0 4px 15px #0000001a}.user-avatar{font-size:2em;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#ff9a9e,#fad0c4);border-radius:50%}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600;color:#333}.user-points{color:#ff6b6b;font-weight:500}.progress-indicator{display:flex;align-items:center;gap:15px;background:#f5f5f5cc;padding:15px;border-radius:15px}.progress-bar{flex:1;height:12px;background:#e0e0e0;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:10px;transition:width .5s ease}.learning-container{display:flex;gap:25px;margin-bottom:30px}.subjects-sidebar{width:250px;display:flex;flex-direction:column;gap:15px}.subject-item{display:flex;flex-direction:column;gap:10px}.subject-btn{display:flex;align-items:center;gap:15px;padding:18px;border:none;border-radius:15px;color:#fff;font-weight:600;font-size:1.1em;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #0003}.subject-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000040}.subject-btn.active{transform:scale(1.05);box-shadow:0 10px 25px #0000004d}.subject-icon{font-size:1.5em}.subject-progress{display:flex;align-items:center;gap:10px;background:#ffffffe6;padding:10px;border-radius:10px}.subject-progress .progress-bar{height:8px}.main-content{flex:1;background:#fffffff2;border-radius:20px;padding:25px;box-shadow:0 10px 30px #00000026}.topic-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.topic-buttons{display:flex;gap:10px}.topic-btn{display:flex;flex-direction:column;align-items:center;padding:15px 20px;border:2px solid #e0e0e0;border-radius:15px;background:#fff;cursor:pointer;transition:all .3s ease;min-width:100px}.topic-btn:hover{border-color:#4caf50;transform:translateY(-2px)}.topic-btn.active{border-color:#4caf50;background:#4caf50;color:#fff;transform:scale(1.05)}.topic-number{font-size:.9em;opacity:.7}.topic-name{font-weight:600;font-size:.9em;margin-top:5px}.quiz-btn{display:flex;align-items:center;gap:10px;padding:15px 25px;background:linear-gradient(45deg,#ff6b6b,#ff8e8e);color:#fff;border:none;border-radius:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #ff6b6b66}.quiz-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff6b6b80}.lesson-header{margin-bottom:25px}.topic-title{color:#333;font-size:2em;margin-bottom:10px}.topic-description{color:#666;font-size:1.1em}.lessons{display:flex;flex-direction:column;gap:20px}.lesson-card{background:#fff;border-radius:15px;padding:20px;box-shadow:0 5px 15px #0000001a;border-left:5px solid #4CAF50;transition:all .3s ease}.lesson-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.lesson-number{background:#4caf50;color:#fff;padding:5px 12px;border-radius:20px;font-size:.9em;font-weight:600;display:inline-block;margin-bottom:15px}.text-lesson p{line-height:1.6;color:#555;font-size:1.1em}.image-lesson{text-align:center}.image-lesson img{max-width:100%;border-radius:10px;box-shadow:0 5px 15px #0000001a}.image-caption{margin-top:10px;color:#666;font-style:italic}.game-lesson,.interactive-lesson,.activity-lesson,.experiment-lesson{text-align:center;padding:20px}.game-lesson h4,.interactive-lesson h4,.activity-lesson h4,.experiment-lesson h4{color:#333;margin-bottom:10px}.play-btn,.interactive-btn,.activity-btn,.experiment-btn{padding:12px 25px;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:15px}.play-btn{background:linear-gradient(45deg,#2196f3,#21cbf3);color:#fff}.interactive-btn{background:linear-gradient(45deg,#ff9800,#ffb74d);color:#fff}.activity-btn{background:linear-gradient(45deg,#e91e63,#ec407a);color:#fff}.experiment-btn{background:linear-gradient(45deg,#9c27b0,#ba68c8);color:#fff}.play-btn:hover,.interactive-btn:hover,.activity-btn:hover,.experiment-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.quiz-container{padding:20px}.question-section{margin-bottom:30px}.question-count{color:#666;font-size:1.1em;margin-bottom:15px}.question-text{font-size:1.4em;font-weight:600;color:#333;line-height:1.4}.answer-section{display:grid;grid-template-columns:1fr 1fr;gap:15px}.answer-btn{padding:20px;border:2px solid #e0e0e0;border-radius:15px;background:#fff;font-size:1.1em;font-weight:500;cursor:pointer;transition:all .3s ease}.answer-btn:hover{border-color:#4caf50;background:#f8fff8;transform:translateY(-2px)}.answer-btn:active{background:#4caf50;color:#fff}.score-section{text-align:center;padding:40px 20px}.score-section h2{color:#333;margin-bottom:20px}.score-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(45deg,#4caf50,#8bc34a);display:flex;align-items:center;justify-content:center;margin:30px auto;color:#fff;font-size:1.8em;font-weight:700;box-shadow:0 8px 25px #4caf5066}.quiz-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}.retry-btn,.back-btn,.certificate-btn{padding:15px 30px;border:none;border-radius:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-btn{background:linear-gradient(45deg,#2196f3,#21cbf3);color:#fff}.back-btn{background:linear-gradient(45deg,#666,#999);color:#fff}.certificate-btn{background:linear-gradient(45deg,#ff9800,#ffb74d);color:#fff}.retry-btn:hover,.back-btn:hover,.certificate-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.certificate-container{text-align:center;padding:40px 20px}.certificate{background:linear-gradient(135deg,#fdfcfb,#e2d1c3);border:20px solid #8B4513;border-radius:20px;padding:40px;margin:30px auto;max-width:600px;box-shadow:0 20px 40px #0000004d}.certificate h2{color:#8b4513;font-size:2.5em;margin-bottom:30px;text-decoration:underline}.certificate-content h3{color:#333;font-size:2em;margin:20px 0}.score-display{background:gold;padding:15px;border-radius:10px;font-size:1.2em;font-weight:600;margin:20px 0;display:inline-block}.badges-earned{margin:30px 0}.badges-list{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:15px}.badge-item{display:flex;flex-direction:column;align-items:center;background:#fff;padding:15px;border-radius:15px;box-shadow:0 5px 15px #0000001a}.badge-icon{font-size:2em;margin-bottom:5px}.certificate-footer{display:flex;justify-content:space-between;margin-top:40px;padding-top:20px;border-top:2px solid #8B4513}.signature{font-weight:600;color:#333}.date{color:#666}.activities-section{background:#fffffff2;border-radius:20px;padding:25px;box-shadow:0 10px 30px #00000026}.activities-section h2{color:#333;margin-bottom:25px;text-align:center;font-size:2em}.activities{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.activity{background:#fff;padding:25px;border-radius:15px;text-align:center;box-shadow:0 5px 15px #0000001a;transition:all .3s ease;border-top:5px solid #4CAF50}.activity:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000026}.activity-icon{font-size:3em;margin-bottom:15px;display:block}.activity h3{color:#333;margin-bottom:10px}.activity p{color:#666;line-height:1.5}.badge-notification{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.badge-popup{background:#fff;padding:40px;border-radius:20px;text-align:center;box-shadow:0 20px 40px #0000004d;animation:scaleIn .3s ease}.badge-icon{font-size:4em;margin-bottom:20px}.badge-popup h3{color:#333;margin-bottom:15px;font-size:1.8em}.badge-popup p{color:#666;margin-bottom:10px;font-size:1.1em}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 1024px){.learning-container{flex-direction:column}.subjects-sidebar{width:100%;flex-direction:row;flex-wrap:wrap;justify-content:center}.subject-item{width:200px}}@media (max-width: 768px){.header-top{flex-direction:column;gap:20px;text-align:center}.topic-navigation{flex-direction:column;gap:20px}.topic-buttons{flex-wrap:wrap;justify-content:center}.answer-section{grid-template-columns:1fr}.quiz-actions{flex-direction:column;align-items:center}.activities{grid-template-columns:1fr}}@media (max-width: 480px){.std-header h1{font-size:1.8em}.subject-btn{padding:15px;font-size:1em}.topic-btn{padding:12px 15px;min-width:80px}.certificate{padding:20px;border-width:10px}.certificate h2{font-size:2em}}.about-us-container{font-family:Arial,sans-serif;line-height:1.6;color:#333;max-width:1200px;margin:0 auto;padding:0 20px}.about-header{text-align:center;padding:40px 0;background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;border-radius:0 0 20px 20px;margin-bottom:30px}.about-header h1{font-size:2.5rem;margin-bottom:10px}.about-header p{font-size:1.2rem;opacity:.9}.about-content{padding:20px 0}.about-content section{margin-bottom:50px}.about-content h2{color:#4a4a4a;border-bottom:2px solid #6a11cb;padding-bottom:10px;margin-bottom:20px}.intro-section p{font-size:1.1rem;text-align:justify}.programs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:30px}.program-card{background-color:#f9f9f9;border-radius:10px;padding:20px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.program-card:hover{transform:translateY(-5px)}.program-card h3{color:#6a11cb;margin-bottom:10px}.program-card ul{margin-top:15px;padding-left:20px}.program-card li{margin-bottom:8px}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px}.team-member{text-align:center;padding:20px;background-color:#f0f0f0;border-radius:10px;box-shadow:0 4px 6px #0000001a}.team-member h3{color:#6a11cb;margin-bottom:5px}.client-info{background-color:#eef5ff;padding:20px;border-radius:10px;margin-top:20px}.contact-section{background-color:#f9f9f9;padding:30px;border-radius:10px}.contact-info{margin-top:20px}.email-contact{margin-top:15px;font-size:1.1rem}.email-contact a{color:#6a11cb;text-decoration:none;margin-left:10px}.email-contact a:hover{text-decoration:underline}.about-footer{text-align:center;padding:20px 0;margin-top:50px;border-top:1px solid #ddd;color:#777}@media (max-width: 768px){.about-header h1{font-size:2rem}.about-header p{font-size:1rem}.programs-grid,.team-grid{grid-template-columns:1fr}.contact-section{padding:20px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Comic Sans MS,Chalkboard SE,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#333;line-height:1.6;min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh}main{flex:1;padding:20px;max-width:1200px;margin:0 auto;width:100%}header{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;padding:1rem 0;box-shadow:0 2px 10px #0000001a}footer{background:linear-gradient(135deg,#2575fc,#6a11cb);color:#fff;text-align:center;padding:1rem;margin-top:auto}.btn{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.btn:active{transform:translateY(0)}.card{background:#fff;border-radius:15px;padding:20px;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease;margin:15px 0}.card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px 0}.page-heading{text-align:center;margin:20px 0;color:#6a11cb;font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.page-subheading{text-align:center;margin-bottom:30px;color:#2575fc;font-size:1.2rem}.interactive-item{background:#fff;border-radius:12px;padding:15px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0000001a}.interactive-item:hover{transform:scale(1.05);box-shadow:0 6px 12px #00000026}.letter,.number{font-size:3rem;font-weight:700;color:#6a11cb;margin-bottom:10px}.shape{width:100px;height:100px;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.bounce{animation:bounce 1s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-in}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-in{animation:slideIn .5s ease-out}@media (max-width: 768px){.page-heading{font-size:2rem}.page-subheading{font-size:1rem}.grid-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.letter,.number{font-size:2.5rem}.shape{width:80px;height:80px}}@media (max-width: 480px){main{padding:10px}.grid-container{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.card{padding:15px}.btn{padding:8px 16px;font-size:.9rem}}.educational-content{background:#ffffffe6;border-radius:15px;padding:20px;margin:20px 0;box-shadow:0 4px 15px #0000001a}.highlight{background:linear-gradient(120deg,#84fab0,#8fd3f4);padding:2px 6px;border-radius:4px;font-weight:700}.spinner{border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top:4px solid #6a11cb;width:40px;height:40px;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6a11cb,#2575fc);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2575fc,#6a11cb)}button:focus,a:focus,input:focus{outline:2px solid #6a11cb;outline-offset:2px}@media print{.btn,.menu-toggle,.sound-toggle{display:none!important}.card{box-shadow:none;border:1px solid #ddd}body{background:#fff;color:#000}}