:root{--primary-indigo:#6366f1;--primary-indigo-dark:#4f46e5;--primary-purple:#8b5cf6;--accent-pink:#ec4899;--accent-amber:#f59e0b;--accent-emerald:#10b981;--accent-cyan:#06b6d4;--accent-coral:#ef4444;--accent-blue:#3b82f6;--bg-gradient-top:#f0f4ff;--bg-gradient-bottom:#fdf4ff;--card-bg:#fff;--card-border:#e2e8f0;--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--shadow-xs:0 1px 3px #0f172a0f;--shadow-sm:0 4px 12px #6366f114;--shadow-md:0 8px 24px #6366f11f;--shadow-lg:0 16px 40px #6366f12e;--shadow-glow:0 0 25px #6366f159;--font-display:"Fredoka", cursive, sans-serif;--font-ui:"Outfit", sans-serif;--font-body:"Inter", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:linear-gradient(135deg, var(--bg-gradient-top) 0%, #fff 50%, var(--bg-gradient-bottom) 100%);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}button,input,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.kidslearn-app-shell{flex-direction:column;min-height:100vh;display:flex}.main-content-viewport{flex:1;width:100%;max-width:1320px;margin:0 auto;padding:24px 20px 80px}.main-nav-header{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-sm);background:#fffffff2;border-bottom:2px solid #eef2f6;justify-content:space-between;align-items:center;gap:16px;padding:10px 24px;display:flex;position:sticky;top:0}.nav-left{flex-shrink:0;align-items:center;gap:20px;display:flex}.brand-logo{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;transition:transform .2s;display:flex}.brand-logo:hover{transform:scale(1.02)}.logo-icon-bg{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex;box-shadow:0 4px 12px #6366f14d}.brand-texts{flex-direction:column;display:flex}.brand-title{font-family:var(--font-display);background:linear-gradient(135deg,#4f46e5,#9333ea);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:22px;font-weight:700;line-height:1.1}.brand-subtitle{font-family:var(--font-ui);color:var(--text-muted);font-size:11px;font-weight:600}.subject-pills-container{background:#f1f5f9;border-radius:999px;gap:4px;padding:4px;display:flex}.subject-pill{font-family:var(--font-ui);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:13.5px;font-weight:700;transition:all .2s;display:flex}.subject-pill:hover{color:var(--text-main)}.subject-pill.active-math{color:#fff;background:#6366f1;box-shadow:0 4px 14px #6366f159}.subject-pill.active-english{color:#fff;background:#8b5cf6;box-shadow:0 4px 14px #8b5cf659}.subject-pill.active-evs{color:#fff;background:#10b981;box-shadow:0 4px 14px #10b98159}.subject-pill.active-hindi{color:#fff;background:#f59e0b;box-shadow:0 4px 14px #f59e0b59}.nav-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.nav-action-btn{font-family:var(--font-ui);color:var(--text-main);cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:5px;padding:7px 12px;font-size:12.5px;font-weight:700;transition:all .2s;display:flex}.nav-action-btn:hover{background:#f8fafc;border-color:#6366f1;transform:translateY(-1px)}.scratchpad-btn.active{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6}.gamify-stat-pill{font-family:var(--font-ui);cursor:pointer;white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-size:12.5px;font-weight:700;transition:transform .2s;display:flex}.gamify-stat-pill:hover{transform:scale(1.03)}.streak-pill{color:#ea580c;background:#fff7ed;border:1.5px solid #ffedd5}.stars-vault-btn{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1.5px solid #fcd34d;box-shadow:0 2px 8px #f59e0b2e}.shop-badge{color:#fff;background:#f59e0b;border-radius:5px;margin-left:2px;padding:1px 5px;font-size:10px}.icon-circle-btn{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;transition:all .2s;display:flex}.icon-circle-btn:hover{background:#f1f5f9;transform:scale(1.05)}.user-profile-badge{cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:999px;align-items:center;gap:8px;padding:3px 10px 3px 3px;transition:all .2s;display:flex}.user-profile-badge:hover{background:#f5f3ff;border-color:#8b5cf6}.avatar-circle{background:linear-gradient(135deg,#6366f1,#ec4899);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;display:flex}.user-name-label{font-family:var(--font-ui);color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;max-width:90px;font-size:12.5px;font-weight:700;overflow:hidden}.subject-tabs-nav-bar{width:100%;margin-bottom:8px}.subject-tabs-track{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.subject-master-tab{cursor:pointer;text-align:left;box-shadow:var(--shadow-xs);background:#fff;border:2px solid #e2e8f0;border-radius:20px;align-items:center;gap:14px;padding:16px 20px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.subject-master-tab:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1;transform:translateY(-3px)}.subject-master-tab.active-subject-tab{background:#fff;border-width:2.5px;transform:translateY(-2px)}.tab-icon-wrapper{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;transition:transform .2s;display:flex}.subject-master-tab:hover .tab-icon-wrapper{transform:scale(1.08)}.tab-text-stack{flex-direction:column;flex:1;gap:2px;display:flex}.tab-title-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.tab-title-text{font-family:var(--font-ui);color:#0f172a;font-size:17px;font-weight:800;line-height:1.2}.tab-mastery-star{color:#854d0e;white-space:nowrap;background:#fef08a;border:1px solid #facc15;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:800}.tab-subtitle-text{color:var(--text-muted);font-size:12px;font-weight:600}.tab-active-indicator-bar{border-radius:4px 4px 0 0;height:4px;position:absolute;bottom:0;left:0;right:0}.subject-overview-container{flex-direction:column;gap:20px;display:flex}.overview-hero-card{box-shadow:var(--shadow-md);background:#fff;border:2px solid #e0e7ff;border-radius:24px;justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;display:flex;position:relative;overflow:hidden}.overview-hero-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#6366f114 0%,#0000 70%);width:140px;height:140px;position:absolute;top:-40px;right:-40px}.hero-badge-pill{color:#4f46e5;font-family:var(--font-ui);background:#eef2ff;border-radius:999px;align-items:center;gap:6px;margin-bottom:10px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.hero-title{font-family:var(--font-display);color:#0f172a;margin-bottom:6px;font-size:34px;font-weight:700}.hero-tagline{color:var(--text-muted);max-width:580px;margin-bottom:18px;font-size:15px;line-height:1.5}.hero-stats-strip{flex-wrap:wrap;gap:12px;display:flex}.hero-stat-item{color:#334155;font-size:13px;font-family:var(--font-ui);background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;display:flex}.hero-mascot-box{flex-shrink:0}.skills-filter-toolbar{flex-direction:column;gap:14px;display:flex}.category-scroll-strip{flex-wrap:wrap;gap:8px;display:flex}.category-filter-pill{font-family:var(--font-ui);color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s}.category-filter-pill:hover{color:#6366f1;background:#f5f3ff;border-color:#6366f1}.category-filter-pill.active-cat{color:#fff;background:#6366f1;border-color:#6366f1;box-shadow:0 4px 12px #6366f14d}.search-bar-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;font-size:16px;position:absolute;left:16px}.search-input-field{width:100%;font-family:var(--font-ui);color:#0f172a;box-shadow:var(--shadow-xs);background:#fff;border:1.5px solid #cbd5e1;border-radius:14px;outline:none;padding:12px 40px 12px 44px;font-size:14px;transition:all .2s}.search-input-field:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.clear-search-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:3px 8px;font-size:11px;position:absolute;right:12px}.skills-card-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.skill-grid-card{border:2px solid var(--card-border);cursor:pointer;box-shadow:var(--shadow-xs);background:#fff;border-radius:20px;flex-direction:column;gap:12px;padding:20px;transition:all .2s;display:flex}.skill-grid-card:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1;transform:translateY(-4px)}.skill-grid-card.skill-card-mastered{background:linear-gradient(#fff 0%,#fefce8 100%);border-color:#fde047}.skill-card-top{justify-content:space-between;align-items:center;display:flex}.skill-code-badge{font-family:var(--font-ui);border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:12.5px;font-weight:800;display:flex}.mastery-crown-pill{color:#854d0e;font-family:var(--font-ui);background:#fef08a;border:1px solid #facc15;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.score-pill{color:#1d4ed8;font-family:var(--font-ui);background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.proficient-pill{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.start-new-pill{color:#64748b;font-family:var(--font-ui);background:#f1f5f9;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.skill-card-body{flex-direction:column;gap:6px;display:flex}.skill-category-tag{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.skill-card-title{font-family:var(--font-ui);color:#0f172a;font-size:17px;font-weight:700;line-height:1.3}.skill-card-desc{color:var(--text-muted);font-size:13px;line-height:1.4}.skill-card-footer{flex-direction:column;gap:10px;margin-top:auto;display:flex}.skill-progress-bar-bg{background:#f1f5f9;border-radius:999px;width:100%;height:6px;overflow:hidden}.skill-progress-fill{background:#6366f1;border-radius:999px;height:100%;transition:width .3s}.fill-mastered{background:#eab308}.skill-cta-row{justify-content:space-between;align-items:center;display:flex}.questions-answered-note{color:var(--text-light);font-size:11px;font-weight:600}.start-practice-btn{color:#fff;font-family:var(--font-ui);cursor:pointer;background:#6366f1;border:none;border-radius:10px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s}.start-practice-btn:hover{background:#4f46e5;transform:translateY(-1px)}.start-practice-btn.review-btn{color:#854d0e;background:#fef08a;border:1px solid #facc15}.empty-search-state{text-align:center;background:#fff;border:2px dashed #cbd5e1;border-radius:20px;padding:40px 20px}.empty-emoji{margin-bottom:10px;font-size:36px;display:block}.practice-arena-page{flex-direction:column;gap:20px;display:flex}.practice-top-bar{box-shadow:var(--shadow-xs);background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.back-nav-btn{font-family:var(--font-ui);color:#334155;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;padding:8px 14px;font-size:13px;font-weight:700;transition:all .2s}.back-nav-btn:hover{color:#6366f1;background:#f1f5f9;border-color:#6366f1}.practice-skill-identity{align-items:center;gap:12px;display:flex}.skill-icon-big{font-size:32px}.skill-code-tag{color:#6366f1;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.skill-heading{font-family:var(--font-ui);color:#0f172a;font-size:20px;font-weight:700}.practice-action-tools{align-items:center;gap:8px;display:flex}.example-btn-pill{color:#1e40af;font-family:var(--font-ui);cursor:pointer;background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:12px;padding:8px 14px;font-size:13px;font-weight:700}.scratchpad-arena-btn{color:#5b21b6;font-family:var(--font-ui);cursor:pointer;background:#f5f3ff;border:1.5px solid #ddd6fe;border-radius:12px;padding:8px 14px;font-size:13px;font-weight:700}.practice-layout-grid{grid-template-columns:1fr 340px;align-items:start;gap:24px;display:grid}.question-card-container{box-shadow:var(--shadow-sm);background:#fff;border:2px solid #e2e8f0;border-radius:24px;flex-direction:column;gap:22px;padding:28px 32px;display:flex}.question-card-container.challenge-border{border-color:#f97316;box-shadow:0 0 20px #f9731626}.question-card-header{justify-content:space-between;align-items:center;display:flex}.question-number-tag{color:#475569;font-family:var(--font-ui);background:#f1f5f9;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:700}.challenge-tag-pill{color:#c2410c;font-family:var(--font-ui);background:#fff7ed;border:1px solid #fdba74;border-radius:8px;margin-left:8px;padding:4px 10px;font-size:11px;font-weight:700}.audio-speaker-btn{font-family:var(--font-ui);color:#334155;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.audio-speaker-btn:hover{color:#6366f1;background:#eef2ff;border-color:#6366f1}.audio-speaker-btn.speaking-active{color:#fff;background:#6366f1;border-color:#6366f1}.story-passage-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:18px;padding:18px 20px}.story-header-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.story-title{font-family:var(--font-ui);color:#0f172a;font-size:15px;font-weight:700}.story-text-body{color:#334155;font-size:14.5px;line-height:1.6}.main-question-text{font-family:var(--font-ui);color:#0f172a;font-size:22px;font-weight:700;line-height:1.4}.mcq-options-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.option-choice-card{cursor:pointer;font-family:var(--font-ui);color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:16px;align-items:center;gap:12px;padding:14px 18px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.option-choice-card:hover{background:#f5f3ff;border-color:#6366f1;transform:translateY(-2px)}.option-choice-card.selected-choice{background:#eef2ff;border-color:#6366f1;box-shadow:0 4px 14px #6366f133}.option-letter{color:#475569;background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:flex}.selected-choice .option-letter{color:#fff;background:#6366f1}.number-input-zone{flex-direction:column;align-items:center;gap:16px;display:flex}.number-screen-input{width:100%;max-width:360px;font-family:var(--font-ui);text-align:center;box-shadow:var(--shadow-xs);background:#fff;border:2px solid #cbd5e1;border-radius:16px;outline:none;padding:14px 20px;font-size:24px;font-weight:700}.number-screen-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.onscreen-numpad{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:320px;display:grid}.numpad-btn{height:52px;font-family:var(--font-ui);color:#1e293b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;font-size:20px;font-weight:700;transition:all .15s}.numpad-btn:hover{background:#f1f5f9}.numpad-btn:active{background:#e2e8f0;transform:scale(.95)}.numpad-btn.clear-key{color:#dc2626;font-size:14px}.numpad-btn.backspace-key{color:#475569}.submit-action-row{justify-content:flex-end;margin-top:10px;display:flex}.submit-answer-btn{color:#fff;font-family:var(--font-ui);cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:14px;padding:14px 32px;font-size:16px;font-weight:800;transition:all .2s;box-shadow:0 4px 14px #6366f159}.submit-answer-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f173}.submit-answer-btn:disabled{box-shadow:none;cursor:not-allowed;background:#cbd5e1}.remediation-box{border-radius:20px;flex-direction:column;gap:16px;padding:22px 24px;display:flex}.remediation-correct{background:#ecfdf5;border:2px solid #10b981}.remediation-incorrect{background:#fef2f2;border:2px solid #ef4444}.remediation-header{align-items:flex-start;gap:12px;display:flex}.remediation-status-icon{font-size:28px}.remediation-headline{font-family:var(--font-ui);color:#0f172a;font-size:18px;font-weight:700}.remediation-answers-compare{gap:16px;margin-top:6px;font-size:13.5px;display:flex}.user-wrong-box{color:#dc2626}.correct-right-box{color:#15803d}.explanation-body{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px;font-size:14px;line-height:1.6}.explanation-label{font-family:var(--font-ui);color:#475569;margin-bottom:4px;font-size:13px;font-weight:700;display:block}.continue-next-btn{color:#fff;font-family:var(--font-ui);cursor:pointer;background:#0f172a;border:none;border-radius:12px;padding:12px 28px;font-size:15px;font-weight:800;transition:all .2s}.continue-next-btn:hover{background:#1e293b;transform:translateY(-1px)}.sidebar-column{flex-direction:column;gap:20px;display:flex}.smartscore-card{box-shadow:var(--shadow-sm);background:#fff;border:2px solid #e2e8f0;border-radius:24px;flex-direction:column;gap:16px;padding:22px 20px;display:flex}.smartscore-card.challenge-active{background:linear-gradient(#fff 0%,#fff7ed 100%);border-color:#f97316}.smartscore-card.mastered-card{background:linear-gradient(#fff 0%,#fefce8 100%);border-color:#eab308}.smartscore-header{justify-content:space-between;align-items:center;display:flex}.score-badge-title{font-family:var(--font-ui);align-items:baseline;gap:4px;font-size:14px;display:flex}.out-of-100{color:var(--text-light);font-size:11px}.stage-pill{color:#fff;font-family:var(--font-ui);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.smartscore-display-row{align-items:center;gap:16px;display:flex}.big-score-number{font-family:var(--font-display);color:#0f172a;min-width:60px;font-size:42px;font-weight:700;line-height:1}.smartscore-bar-wrapper{flex-direction:column;flex:1;gap:6px;display:flex}.bar-track{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;height:12px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:999px;height:100%;transition:width .4s}.bar-fill.flaming-bar{background:linear-gradient(90deg,#f97316,#ef4444)}.milestones-row{color:var(--text-light);justify-content:space-between;font-size:10px;font-weight:700;display:flex}.milestones-row span.reached{color:#6366f1}.smartscore-stats-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:10px;display:flex}.stat-num{font-family:var(--font-ui);color:#0f172a;font-size:16px;font-weight:800;display:block}.stat-label{color:var(--text-muted);font-size:11px}.mascot-companion-card{box-shadow:var(--shadow-xs);background:#fff;border:2px solid #e2e8f0;border-radius:20px;align-items:flex-start;gap:14px;padding:18px;display:flex}.pet-render-circle{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;font-size:26px;display:flex;position:relative}.emotion-reaction-badge{font-size:14px;position:absolute;bottom:-4px;right:-4px}.mascot-speech-bubble{flex:1}.mascot-bubble-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.mascot-pet-name{font-family:var(--font-ui);color:#0f172a;font-size:12.5px;font-weight:800}.mascot-status-tag{color:#6366f1;font-size:10px;font-weight:700}.mascot-bubble-text{color:#475569;font-size:13px;line-height:1.4}.modal-backdrop-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-close-icon-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.modal-close-icon-btn:hover{color:#0f172a;background:#e2e8f0}.avatar-shop-modal-card{width:100%;max-width:720px;max-height:90vh;box-shadow:var(--shadow-lg);background:#fff;border-radius:24px;flex-direction:column;gap:20px;padding:28px;display:flex;overflow-y:auto}.shop-header-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.shop-title-group{align-items:center;gap:12px;display:flex}.shop-title-icon{font-size:32px}.modal-heading{font-family:var(--font-display);color:#0f172a;font-size:22px}.modal-subtext{color:var(--text-muted);font-size:12.5px}.stars-vault-balance{font-family:var(--font-ui);color:#92400e;background:#fef3c7;border:1.5px solid #fcd34d;border-radius:14px;align-items:center;gap:6px;padding:6px 14px;font-weight:800;display:flex}.shop-preview-banner{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:18px;align-items:center;gap:16px;padding:16px;display:flex}.preview-character-box{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;font-size:26px;display:flex;position:relative}.shop-category-tabs{background:#f1f5f9;border-radius:12px;gap:8px;padding:4px;display:flex}.shop-tab-btn{font-family:var(--font-ui);color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px;font-size:12.5px;font-weight:700}.shop-tab-btn.active-tab{color:#0f172a;box-shadow:var(--shadow-xs);background:#fff}.shop-items-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.shop-item-card{text-align:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.shop-item-card.equipped-border{background:#f5f3ff;border-color:#6366f1}.item-icon-circle{font-size:32px}.item-name{font-family:var(--font-ui);font-size:14px;font-weight:700}.shop-action-btn{width:100%;font-family:var(--font-ui);cursor:pointer;border:none;border-radius:10px;padding:8px;font-size:12px;font-weight:700}.shop-action-btn.equipped-btn{color:#4f46e5;background:#eef2ff}.shop-action-btn.equip-btn{color:#fff;background:#0f172a}.shop-action-btn.buy-btn{color:#fff;background:#f59e0b}.shop-action-btn.disabled-btn{color:#94a3b8;cursor:not-allowed;background:#f1f5f9}.report-modal-card{background:#fff;border-radius:24px;flex-direction:column;gap:22px;width:100%;max-width:900px;max-height:90vh;padding:28px;display:flex;overflow-y:auto}.report-header-row{justify-content:space-between;align-items:center;display:flex}.report-student-meta{align-items:center;gap:12px;display:flex}.report-badge-icon{font-size:32px}.report-main-heading{font-family:var(--font-display);color:#0f172a;font-size:22px}.report-subheading{color:var(--text-muted);font-size:12.5px}.report-header-actions{align-items:center;gap:8px;display:flex}.cert-award-btn,.print-report-btn{font-family:var(--font-ui);cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;padding:8px 14px;font-size:12px;font-weight:700}.report-kpi-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.kpi-card{border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex}.kpi-blue{background:#eef2ff;border:1px solid #c7d2fe}.kpi-green{background:#ecfdf5;border:1px solid #a7f3d0}.kpi-gold{background:#fef3c7;border:1px solid #fde68a}.kpi-purple{background:#f5f3ff;border:1px solid #ddd6fe}.kpi-num{font-family:var(--font-ui);color:#0f172a;font-size:22px;font-weight:800;display:block}.kpi-title{color:var(--text-muted);font-size:11px}.report-subject-sections{grid-template-columns:1fr 1fr;gap:16px;display:grid}.subject-report-column{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px}.column-header{font-family:var(--font-ui);margin-bottom:10px;font-size:14px;font-weight:800}.skills-report-list{flex-direction:column;gap:8px;display:flex}.skill-row-item{justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.mini-score-bar{background:#e2e8f0;border-radius:999px;width:60px;height:6px;overflow:hidden}.mini-fill{height:100%}.report-footer-row{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.close-report-btn{color:#fff;font-family:var(--font-ui);cursor:pointer;background:#0f172a;border:none;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:700}.certificate-modal-card{background:#fff;border-radius:24px;width:100%;max-width:800px;max-height:90vh;padding:24px;overflow-y:auto}.cert-modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.certificate-frame{text-align:center;background:#fefce8;border:6px double #ca8a04;border-radius:20px;padding:28px}.cert-main-title{font-family:var(--font-display);color:#854d0e;margin:8px 0;font-size:28px}.cert-student-name{font-family:var(--font-display);color:#1e293b;margin:12px 0;font-size:32px}.cert-body-paragraph{color:#475569;max-width:600px;margin:0 auto 20px;font-size:13.5px;line-height:1.6}.cert-metrics-row{justify-content:center;gap:20px;margin-bottom:24px;display:flex}.cert-metric-pill{background:#fff;border:1px solid #fde047;border-radius:12px;padding:8px 16px}.cert-signatures-row{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.share-modal-card{background:#fff;border-radius:24px;flex-direction:column;gap:18px;width:100%;max-width:640px;padding:28px;display:flex}.share-header-row{justify-content:space-between;align-items:center;display:flex}.share-title-group{align-items:center;gap:10px;display:flex}.domain-chips-list{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.domain-chip{font-family:var(--font-ui);cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:6px 12px;font-size:12px;font-weight:700}.domain-chip.active-domain{color:#fff;background:#6366f1;border-color:#6366f1}.share-spotlight-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.share-url-box{background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:8px;margin-bottom:10px;padding:8px 12px;display:flex}.share-url-text{color:#4f46e5;font-family:monospace;font-size:13px}.copy-url-btn{font-family:var(--font-ui);cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700}.whatsapp-big-share-btn{color:#fff;font-family:var(--font-ui);cursor:pointer;background:#25d366;border:none;border-radius:12px;align-items:center;gap:10px;padding:10px 18px;display:flex}.qr-code-box{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px}.qr-canvas-element{width:120px;height:120px}.whatsapp-preview-section{background:#e5ddd5;border-radius:16px;padding:14px}.whatsapp-bubble-mock{box-shadow:var(--shadow-xs);background:#fff;border-radius:10px;overflow:hidden}.og-preview-thumb{object-fit:cover;width:100%;max-height:180px}.og-meta-footer{padding:10px 12px}.og-site-domain{color:#64748b;text-transform:uppercase;font-size:10px;font-weight:700}.og-card-title{color:#0f172a;margin:2px 0;font-size:13px;display:block}.og-card-desc{color:#475569;font-size:11.5px}.wa-bubble-text-part{justify-content:space-between;padding:8px 12px;font-size:12px;display:flex}.wa-msg-time{color:#94a3b8;font-size:10px}.close-action-btn{color:#fff;font-family:var(--font-ui);cursor:pointer;background:#0f172a;border:none;border-radius:10px;padding:8px 20px;font-size:13px;font-weight:700}.scratchpad-overlay-layer{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.scratchpad-window{width:90vw;height:80vh;box-shadow:var(--shadow-lg);background:#fff;border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.scratchpad-toolbar{background:#f8fafc;border-bottom:1.5px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;display:flex}.scratchpad-left-tools,.scratchpad-right-tools{align-items:center;gap:8px;display:flex}.tool-title{font-family:var(--font-ui);font-size:14px;font-weight:800}.color-palette-strip{gap:6px;display:flex}.color-dot{cursor:pointer;border:2px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 0 0 1px #cbd5e1}.color-dot.active-color{transform:scale(1.2);box-shadow:0 0 0 2px #6366f1}.tool-icon-btn{font-family:var(--font-ui);cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700}.tool-icon-btn.active-tool{color:#6366f1;background:#eef2ff;border-color:#6366f1}.size-pill-btn{font-size:11px;font-family:var(--font-ui);cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:4px 8px;font-weight:700}.size-pill-btn.active-size{color:#fff;background:#6366f1}.canvas-drawing-area{touch-action:none;flex:1;position:relative}.drawing-canvas-element{width:100%;height:100%;display:block}.math-grid-pattern{background-image:linear-gradient(#e2e8f0 1px,#0000 1px),linear-gradient(90deg,#e2e8f0 1px,#0000 1px);background-size:24px 24px}.example-modal-card{background:#fff;border-radius:24px;flex-direction:column;gap:16px;width:100%;max-width:600px;padding:24px;display:flex}.example-modal-header{justify-content:space-between;align-items:center;display:flex}.lesson-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:10px;padding:14px}.lesson-box-header{font-family:var(--font-ui);align-items:center;gap:8px;margin-bottom:6px;font-size:13px;font-weight:800;display:flex}.lesson-content-text{font-size:13.5px;line-height:1.5}.got-it-btn{color:#fff;width:100%;font-family:var(--font-ui);cursor:pointer;background:#6366f1;border:none;border-radius:12px;padding:12px;font-size:15px;font-weight:800}.clock-widget-container,.fraction-widget-container{flex-direction:column;align-items:center;gap:10px;padding:12px;display:flex}.analog-clock-svg,.fraction-svg{width:160px;height:160px}.clock-legend,.fraction-stats-legend{gap:12px;font-size:12px;font-weight:700;display:flex}.confetti-overlay-container{pointer-events:none;z-index:2000;position:fixed;inset:0;overflow:hidden}.confetti-piece{animation:linear forwards confettiFall;position:absolute}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(720deg)}}@media (width<=1100px){.main-nav-header{flex-wrap:wrap;padding:12px 18px}.nav-left{justify-content:space-between;width:100%}.nav-right{scrollbar-width:none;justify-content:space-between;width:100%;overflow-x:auto}.nav-right::-webkit-scrollbar{display:none}.practice-layout-grid{grid-template-columns:1fr}.sidebar-column{flex-direction:column-reverse}.report-subject-sections{grid-template-columns:1fr}}@media (width<=1024px){.subject-tabs-track{grid-template-columns:repeat(2,1fr);gap:12px}}@media (width<=768px){.main-content-viewport{padding:14px 14px 60px}.subject-tabs-track{grid-template-columns:1fr 1fr;gap:10px}.subject-master-tab{border-radius:16px;gap:10px;padding:12px 14px}.tab-icon-wrapper{border-radius:12px;width:40px;height:40px;font-size:20px}.tab-title-text{font-size:15px}.tab-subtitle-text{font-size:11px}.overview-hero-card{flex-direction:column;align-items:flex-start;padding:20px 18px}.hero-title{font-size:24px}.skills-card-grid,.mcq-options-grid{grid-template-columns:1fr}.practice-top-bar{flex-direction:column;align-items:stretch}.practice-action-tools{justify-content:flex-end}.question-card-container{padding:18px 16px}.report-kpi-grid{grid-template-columns:1fr 1fr}.share-spotlight-card{flex-direction:column;align-items:stretch}.qr-code-box{display:none}}@media (width<=480px){.subject-tabs-track{grid-template-columns:1fr;gap:8px}.btn-label,.stat-unit{display:none}}@media print{body *{visibility:hidden}.certificate-frame,.certificate-frame *{visibility:visible}.certificate-frame{width:100%;position:absolute;top:0;left:0}.no-print{display:none!important}}