:root{--font-display:"Baloo 2", "Segoe UI", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-ink:#1e1b4b;--color-muted:#6b6584;--color-muted-soft:#8b85a3;--color-primary:#7c3aed;--color-primary-dark:#5b21b6;--color-pink:#ec4899;--color-sky:#0ea5e9;--color-amber:#f59e0b;--color-emerald:#10b981;--color-success:#16a34a;--color-success-soft:#dcfce7;--color-success-ink:#166534;--color-danger:#e11d48;--color-danger-soft:#ffe4e6;--color-danger-ink:#9f1239;--gradient-primary:linear-gradient(135deg, #7c3aed 0%, #ec4899 100%);--gradient-hero:linear-gradient(135deg, #6d28d9 0%, #9333ea 45%, #ec4899 100%);--gradient-bio:linear-gradient(135deg, #059669 0%, #10b981 100%);--gradient-physics:linear-gradient(135deg, #0284c7 0%, #38bdf8 100%);--gradient-chem:linear-gradient(135deg, #ea580c 0%, #f59e0b 100%);--surface:#fff;--surface-soft:#f5f3ff;--border-soft:#e6e1fa;--radius-xl:1.75rem;--radius-lg:1.25rem;--radius-md:1rem;--radius-sm:.75rem;--shadow-soft:0 16px 34px -12px #5b21b629;--shadow-pop:0 12px 24px -8px #7c3aed4d;--shadow-header:0 2px 16px #5b21b614;font-family:var(--font-body);color:var(--color-ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background-color:#0000;background-image:radial-gradient(50rem 32rem at -10% -10%,#7c3aed29,#0000 60%),radial-gradient(44rem 30rem at 110% 0,#ec489924,#0000 55%),radial-gradient(40rem 30rem at 100% 100%,#0ea5e91f,#0000 55%),linear-gradient(#f7f5ff 0%,#fdf6ff 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-height:100vh;margin:0}button{font:inherit}#app{min-height:100vh}.app-shell{flex-direction:column;min-height:100vh;display:flex}@keyframes pop-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.6)rotate(-8deg)}60%{opacity:1;transform:scale(1.08)rotate(3deg)}to{transform:scale(1)rotate(0)}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.app-header{z-index:10;-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-header);background:#ffffffd9;position:sticky;top:0}.app-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:78rem;margin:0 auto;padding:.9rem 1rem;display:flex}.brand{font-family:var(--font-display);cursor:pointer;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;text-decoration:none;transition:transform .15s;display:flex}.brand:hover{transform:translateY(-1px)}.brand-mark{filter:drop-shadow(0 2px 4px #7c3aed59);font-size:1.6rem}.brand-name{background:var(--gradient-primary);color:#0000;-webkit-background-clip:text;background-clip:text}.primary-nav{background:var(--surface-soft);border-radius:999px;flex-wrap:wrap;gap:.35rem;padding:.3rem;display:flex}.nav-link{color:var(--color-muted);border-radius:999px;padding:.45rem .9rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s}.nav-link:hover{background:var(--surface);color:var(--color-primary-dark);box-shadow:var(--shadow-pop)}.app-body{flex:1;gap:1.25rem;width:100%;max-width:78rem;margin:0 auto;padding:1rem;display:grid}.app-main{flex-direction:column;gap:1.25rem;min-width:0;display:flex}.hero-panel{border-radius:var(--radius-xl);background:var(--gradient-hero);color:#fff;box-shadow:var(--shadow-soft);padding:1.5rem;animation:.4s both pop-in;position:relative;overflow:hidden}.hero-panel:after{content:"";pointer-events:none;background:radial-gradient(16rem 12rem at 100% 0,#ffffff38,#0000 60%),radial-gradient(12rem 10rem at 10% 120%,#ffffff24,#0000 60%);position:absolute;inset:0}.hero-sparkle{opacity:.85;font-size:1.8rem;position:absolute;top:1.1rem;right:1.3rem}.quiz-panel{border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-soft);border-top:6px solid #0000;border-image:var(--gradient-primary) 1;padding:1.25rem;animation:.35s both pop-in}.eyebrow{color:#ffffffd9;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .4rem;font-size:.8rem;font-weight:700;position:relative}.subject-section .eyebrow,.quiz-panel .eyebrow{color:var(--color-primary)}h1,h2{font-family:var(--font-display);color:var(--color-ink);margin:0}.hero-panel h1{color:#fff;position:relative}h1{margin-bottom:.5rem;font-size:clamp(1.7rem,5vw,2.5rem);font-weight:700}.hero-copy{color:var(--color-muted);max-width:42rem;margin:0;position:relative}.hero-panel .hero-copy{color:#ffffffeb}.progress-bar{background:var(--surface-soft);border-radius:999px;width:100%;height:.7rem;margin-bottom:1rem;overflow:hidden;box-shadow:inset 0 1px 3px #5b21b61f}.progress-fill{border-radius:inherit;background:var(--gradient-primary);height:100%;transition:width .3s}.card{flex-direction:column;gap:1.75rem;display:flex}.card-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.question-title{font-size:1.6rem;font-weight:700;line-height:1.35}.pill,.progress{color:var(--color-primary-dark);background:var(--surface-soft);border-radius:999px;padding:.4rem .8rem;font-size:.85rem;font-weight:700}.options{gap:.9rem;display:grid}.option{border:2px solid var(--border-soft);background:var(--surface);width:100%;color:var(--color-ink);border-radius:var(--radius-md);text-align:left;cursor:pointer;align-items:center;gap:.85rem;padding:.85rem 1rem;font-weight:600;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s;display:flex}.option-letter{background:var(--surface-soft);width:2.1rem;height:2.1rem;color:var(--color-primary-dark);font-family:var(--font-display);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;transition:background .15s,color .15s;display:grid}.option-text{flex:1}.option:hover:not(:disabled){box-shadow:var(--shadow-pop);border-color:#c4b5fd;transform:translateY(-2px)}.option:disabled{cursor:not-allowed}.option.correct{border-color:var(--color-success);background:var(--color-success-soft);color:var(--color-success-ink);animation:.35s bounce-in}.option.correct .option-letter{background:var(--color-success);color:#fff}.option.incorrect{border-color:var(--color-danger);background:var(--color-danger-soft);color:var(--color-danger-ink);animation:.4s shake}.option.incorrect .option-letter{background:var(--color-danger);color:#fff}.feedback{border-radius:var(--radius-md);align-items:center;gap:.6rem;padding:.9rem 1.1rem;font-weight:700;animation:.25s both pop-in;display:flex}.feedback-icon{font-size:1.2rem}.feedback-correct{background:var(--color-success-soft);color:var(--color-success-ink)}.feedback-incorrect{background:var(--color-danger-soft);color:var(--color-danger-ink)}.primary-btn{cursor:pointer;background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-pop);border:none;border-radius:999px;padding:.85rem 1.4rem;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .15s,filter .15s}.primary-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px)}.primary-btn:active:not(:disabled){transform:translateY(0)scale(.98)}.primary-btn:disabled{cursor:not-allowed;opacity:.55}.results-card{text-align:center;align-items:center}.results-badge{font-size:3rem;animation:.5s bounce-in}.results-copy{color:var(--color-muted)}.results-summary{width:100%}.back-link{color:var(--color-primary-dark);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-bottom:.5rem;padding:0;font-size:.9rem;font-weight:700;transition:transform .15s}.back-link:hover{text-decoration:underline;transform:translate(-2px)}.subject-section{--accent:var(--color-primary);--accent-dark:var(--color-primary-dark);--accent-soft:var(--surface-soft);--accent-gradient:var(--gradient-primary);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-soft);margin-top:1.25rem;padding:1.25rem;animation:.35s both pop-in}.subject-biology{--accent:#059669;--accent-dark:#047857;--accent-soft:#d1fae5;--accent-gradient:var(--gradient-bio)}.subject-physics{--accent:#0284c7;--accent-dark:#0369a1;--accent-soft:#dbeafe;--accent-gradient:var(--gradient-physics)}.subject-chemistry{--accent:#ea580c;--accent-dark:#c2410c;--accent-soft:#ffedd5;--accent-gradient:var(--gradient-chem)}.subject-title{color:var(--accent-dark);align-items:center;gap:.6rem;margin-bottom:1rem;font-size:1.3rem;display:flex}.subject-icon{background:var(--accent-gradient);width:2.4rem;height:2.4rem;box-shadow:var(--shadow-pop);border-radius:.85rem;place-items:center;font-size:1.25rem;display:grid}.chapter-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.chapter-card{border:2px solid var(--border-soft);border-left:5px solid var(--accent);background:var(--surface);width:100%;color:var(--color-ink);border-radius:var(--radius-md);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.1rem;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s;display:flex}.chapter-card:hover{background:var(--accent-soft);box-shadow:var(--shadow-pop);transform:translateY(-2px)scale(1.005)}.chapter-card-title{font-weight:700}.chapter-card-meta{color:var(--accent-dark);background:var(--accent-soft);border-radius:999px;flex-shrink:0;padding:.3rem .7rem;font-size:.8rem;font-weight:700}.chapter-card-meta-done{color:var(--color-success-ink);background:var(--color-success-soft)}.dashboard-summary{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem;margin-top:1.25rem;display:grid}.summary-stat{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft);flex-direction:column;gap:.3rem;padding:1.1rem;transition:transform .15s;display:flex}.summary-stat:hover{transform:translateY(-2px)}.summary-stat-icon{font-size:1.2rem}.summary-stat-value{font-size:1.9rem;font-weight:800;font-family:var(--font-display);background:var(--gradient-primary);color:#0000;-webkit-background-clip:text;background-clip:text}.summary-stat-label{color:var(--color-muted);font-size:.85rem;font-weight:600}.leaderboard-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.leaderboard-row{border:2px solid var(--border-soft);background:var(--surface);border-radius:var(--radius-md);align-items:center;gap:.9rem;padding:.75rem 1rem;transition:transform .15s,box-shadow .15s;display:flex}.leaderboard-row:hover{box-shadow:var(--shadow-pop);transform:translateY(-2px)}.leaderboard-row-top{background:linear-gradient(90deg,#fffbeb 0%,#fff7ed 100%);border-color:#fcd34d}.leaderboard-rank{background:var(--surface-soft);width:2.2rem;height:2.2rem;color:var(--color-primary-dark);border-radius:50%;flex-shrink:0;place-items:center;font-size:1.1rem;font-weight:800;display:grid}.leaderboard-row-top .leaderboard-rank{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-pop)}.leaderboard-avatar{flex-shrink:0;font-size:1.5rem}.leaderboard-info{flex-direction:column;flex:1;min-width:0;display:flex}.leaderboard-name{color:var(--color-ink);font-weight:700}.leaderboard-meta{color:var(--color-muted);font-size:.8rem}.leaderboard-points{color:var(--color-primary-dark);background:var(--surface-soft);border-radius:999px;flex-shrink:0;padding:.4rem .8rem;font-size:.85rem;font-weight:800}.app-sidebar{min-width:0}.sidebar-toggle{border:2px solid var(--border-soft);background:var(--surface);width:100%;color:var(--color-primary-dark);border-radius:var(--radius-md);cursor:pointer;margin-bottom:.75rem;padding:.7rem 1rem;font-weight:700}.sidebar-content{flex-direction:column;gap:1rem;display:none}.sidebar-content.is-expanded{display:flex}.sidebar-card{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft);flex-direction:column;gap:.6rem;padding:1.1rem;display:flex}.sidebar-card-header{align-items:center;gap:.6rem;display:flex}.sidebar-card-icon{background:var(--surface-soft);border-radius:.6rem;place-items:center;width:2rem;height:2rem;font-size:1.1rem;display:grid}.sidebar-card-title{font-size:.95rem;font-family:var(--font-display);color:var(--color-ink);margin:0}.sidebar-stat{align-items:baseline;gap:.35rem;margin:0;display:flex}.sidebar-stat-value{font-size:1.7rem;font-weight:800;font-family:var(--font-display);background:var(--gradient-primary);color:#0000;-webkit-background-clip:text;background-clip:text}.sidebar-stat-unit{color:var(--color-muted);font-weight:600}.sidebar-substat{color:var(--color-muted);margin:0;font-size:.85rem}.sidebar-progress-bar{background:var(--surface-soft);border-radius:999px;width:100%;height:.55rem;overflow:hidden}.sidebar-progress-fill{border-radius:inherit;background:var(--gradient-primary);height:100%;transition:width .3s}.sidebar-stats-list{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.sidebar-stats-row{justify-content:space-between;font-size:.88rem;display:flex}.sidebar-stats-label{color:var(--color-muted)}.sidebar-stats-value{color:var(--color-ink);font-weight:700}.app-footer{-webkit-backdrop-filter:blur(10px);background:#ffffffd9;box-shadow:0 -2px 12px #5b21b60f}.app-footer-inner{max-width:78rem;color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin:0 auto;padding:1rem;font-size:.85rem;display:flex}.footer-links{gap:1rem;display:flex}.footer-links a{color:var(--color-muted);text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--color-primary-dark)}@media (width>=768px){.app-header-inner,.app-body,.app-footer-inner{padding-left:2rem;padding-right:2rem}.app-body{grid-template-columns:2fr 1fr;align-items:start;padding-top:2rem;padding-bottom:2rem}.app-body.app-body-full{grid-template-columns:1fr}.hero-panel{padding:2.25rem}.quiz-panel{padding:2.5rem}.question-title{font-size:2.125rem}.sidebar-toggle{display:none}.sidebar-content{display:flex}}@media (width>=1024px){.question-title{font-size:2.375rem}}