*{-webkit-tap-highlight-color:#a8edea4d;-webkit-touch-callout:none}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.button,.subject-tile,.feature-card,.testimonial,.faq-item{touch-action:manipulation;min-height:44px}@media screen and (max-width:768px){.page{min-height:100vh;min-height:-webkit-fill-available}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #0056d380}50%{box-shadow:0 0 20px #7c3aedcc}}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}:root{--ink:#1c1d1f;--ink-muted:#6c757d;--ink-light:#9ca3af;--paper:#fff;--paper-2:#f8f9fa;--paper-3:#e9ecef;--accent:#0056d3;--accent-2:#00d4aa;--accent-3:#7c3aed;--accent-4:#f59e0b;--accent-5:#ef4444;--success:#10b981;--card:#fff;--card-hover:#fefefe;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-lg:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-xl:0 25px 50px -12px #00000040;--radius-sm:6px;--radius:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--gradient-primary:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-success:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);--gradient-warm:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%);--gradient-cool:linear-gradient(135deg,#a8edea 0%,#667eea 100%);--gradient-purple:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-surface:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);--gradient-bg:linear-gradient(135deg,#fdfeff 0%,#f8f9fa 100%);--glass-bg:#ffffff40;--glass-border:#ffffff2e;--backdrop-blur:blur(16px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden}html{-webkit-text-size-adjust:100%}html,body{height:100%}body{color:var(--ink);background:var(--gradient-bg);font-family:var(--font-sans),sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}a{color:inherit;text-decoration:none}.page{grid-template-rows:auto 1fr;min-height:100vh;display:grid}@keyframes foundation-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(3deg)}}@keyframes foundation-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes foundation-wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes foundation-pulse-glow{0%,to{box-shadow:0 0 20px #ffc8644d}50%{box-shadow:0 0 40px #ffc86499}}@keyframes foundation-star-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes foundation-loading-bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}@keyframes foundation-shine{0%{left:-100%}to{left:200%}}@keyframes foundation-card-enter{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.foundation-wrapper{background:linear-gradient(#fef7e0 0%,#fff5f5 25%,#f0f9ff 50%,#fefce8 75%,#fff7ed 100%);min-height:100vh;position:relative;overflow-x:hidden}.foundation-decor{pointer-events:none;z-index:0;border-radius:50%;position:fixed}.foundation-decor-1{background:radial-gradient(circle,#ffc86440 0%,#0000 70%);width:300px;height:300px;animation:8s ease-in-out infinite foundation-float;top:-50px;right:-50px}.foundation-decor-2{background:radial-gradient(circle,#a78bfa33 0%,#0000 70%);width:250px;height:250px;animation:10s ease-in-out infinite reverse foundation-float;bottom:20%;left:-80px}.foundation-decor-3{background:radial-gradient(circle,#34d39933 0%,#0000 70%);width:200px;height:200px;animation:12s ease-in-out infinite foundation-float;top:40%;right:-60px}.foundation-topnav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#ffffffd9;border-bottom:1px solid #ffc86433;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.foundation-logo{align-items:center;gap:12px;display:flex}.foundation-logo-icon{background:linear-gradient(135deg,#fbbf24 0%,#f97316 100%);border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.6rem;animation:3s ease-in-out infinite foundation-wiggle;display:flex;box-shadow:0 8px 24px #fbbf2459}.foundation-logo-text strong{color:#1f2937;font-size:1.25rem;font-weight:700;font-family:var(--font-display),system-ui,sans-serif;display:block}.foundation-logo-text span{color:#9ca3af;font-size:.85rem;font-weight:500}.foundation-nav-right{align-items:center;gap:10px;display:flex}.foundation-nav-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#fbbf24,#f97316);border:none;border-radius:12px;align-items:center;gap:6px;padding:10px 18px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #fbbf244d}.foundation-nav-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2466}.foundation-nav-btn-ghost{color:#374151;background:#fffc;box-shadow:0 2px 8px #00000014}.foundation-nav-btn-ghost:hover{background:#fff;box-shadow:0 4px 12px #0000001f}.foundation-content{z-index:1;max-width:1200px;margin:0 auto;padding:32px 24px 48px;position:relative}.foundation-welcome{grid-template-columns:1.3fr 1fr;align-items:stretch;gap:32px;margin-bottom:40px;display:grid}.foundation-welcome-left{flex-direction:column;justify-content:center;display:flex}.foundation-welcome-badge{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-bottom:16px;padding:8px 16px;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #fbbf2433}.foundation-badge-star{animation:1.5s ease-in-out infinite foundation-star-bounce}.foundation-welcome-title{color:#1f2937;font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800;line-height:1.1;font-family:var(--font-display),system-ui,sans-serif;margin:0 0 12px}.foundation-name-highlight{background:linear-gradient(135deg,#f97316,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.foundation-welcome-subtitle{color:#6b7280;max-width:50ch;margin:0 0 24px;font-size:1.15rem;line-height:1.6}.foundation-stats-row{flex-wrap:wrap;gap:12px;display:flex}.foundation-stat-bubble{background:#fff;border:2px solid #0000;border-radius:16px;align-items:center;gap:10px;padding:12px 18px;transition:all .2s;display:flex;box-shadow:0 4px 16px #0000000f}.foundation-stat-bubble:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.foundation-stat-streak{border-color:#fbbf244d}.foundation-stat-points{border-color:#a78bfa4d}.foundation-stat-grade{border-color:#34d3994d}.foundation-stat-icon{font-size:1.5rem;line-height:1}.foundation-stat-info{flex-direction:column;display:flex}.foundation-stat-value{color:#1f2937;font-size:1.1rem;font-weight:700}.foundation-stat-label{color:#9ca3af;font-size:.8rem}.foundation-mission-card{background:#fff;border:1px solid #ffc86433;border-radius:24px;flex-direction:column;gap:16px;padding:28px;animation:4s ease-in-out infinite foundation-pulse-glow;display:flex;box-shadow:0 12px 40px #00000014}.foundation-mission-header{align-items:center;gap:10px;display:flex}.foundation-mission-icon{font-size:1.5rem;animation:2s ease-in-out infinite foundation-bounce}.foundation-mission-header h3{color:#1f2937;margin:0;font-size:1.2rem;font-weight:700}.foundation-mission-text{color:#6b7280;margin:0;font-size:1.05rem;line-height:1.5}.foundation-mission-actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.foundation-btn{cursor:pointer;border:none;border-radius:14px;align-items:center;gap:8px;padding:14px 24px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.foundation-btn-primary{color:#fff;background:linear-gradient(135deg,#f97316,#ec4899);box-shadow:0 6px 20px #f9731659}.foundation-btn-primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 10px 30px #f9731673}.foundation-btn-secondary{color:#374151;background:#f3f4f6}.foundation-btn-secondary:hover{background:#e5e7eb;transform:translateY(-2px)}.foundation-homework-banner{color:inherit;background:linear-gradient(135deg,#fef3c7,#fce7f3);border:2px solid #fbbf244d;border-radius:14px;justify-content:space-between;align-items:center;padding:14px 18px;text-decoration:none;transition:all .2s;display:flex}.foundation-homework-banner:hover{transform:translateY(-2px);box-shadow:0 8px 24px #fbbf2433}.foundation-homework-left{align-items:center;gap:12px;display:flex}.foundation-homework-icon{font-size:1.4rem;animation:2s ease-in-out infinite foundation-wiggle}.foundation-homework-left strong{color:#92400e;font-size:.95rem;font-weight:600;display:block}.foundation-homework-left span{color:#b45309;font-size:.85rem}.foundation-homework-arrow{color:#f97316;font-size:1.2rem;transition:transform .2s}.foundation-homework-banner:hover .foundation-homework-arrow{transform:translate(4px)}.foundation-alert{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:24px;padding:16px 20px;font-weight:500}.foundation-section{margin-bottom:40px}.foundation-section-header{margin-bottom:20px}.foundation-section-title{align-items:flex-start;gap:14px;display:flex}.foundation-section-emoji{font-size:2rem;line-height:1;animation:4s ease-in-out infinite foundation-float}.foundation-section-title h2{color:#1f2937;margin:0 0 4px;font-size:1.5rem;font-weight:700}.foundation-section-title p{color:#9ca3af;margin:0;font-size:.95rem}.foundation-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.foundation-loading-bounce{gap:8px;display:flex}.foundation-loading-bounce span{font-size:2rem;animation:1.4s ease-in-out infinite both foundation-loading-bounce}.foundation-loading-bounce span:first-child{animation-delay:0s}.foundation-loading-bounce span:nth-child(2){animation-delay:.16s}.foundation-loading-bounce span:nth-child(3){animation-delay:.32s}.foundation-loading p{color:#9ca3af;margin:0;font-size:1rem}.foundation-islands-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.foundation-island-card{background:var(--card-bg,linear-gradient(135deg,#667eea,#764ba2));color:#fff;animation:.5s forwards foundation-card-enter;animation-delay:var(--card-delay,0s);opacity:0;border-radius:20px;align-items:center;gap:16px;padding:20px 24px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000026}.foundation-island-card:hover{transform:translateY(-6px)scale(1.02);box-shadow:0 16px 40px #0003}.foundation-island-icon{filter:drop-shadow(0 2px 4px #0003);flex-shrink:0;font-size:2.5rem;line-height:1;transition:transform .3s}.foundation-island-card:hover .foundation-island-icon{transform:scale(1.15)rotate(-5deg)}.foundation-island-content{flex:1;min-width:0}.foundation-island-name{white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:1.15rem;font-weight:700;overflow:hidden}.foundation-island-label{opacity:.85;font-size:.85rem}.foundation-island-go{opacity:0;align-items:center;gap:6px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex;transform:translate(-10px)}.foundation-island-card:hover .foundation-island-go{opacity:1;transform:translate(0)}.foundation-island-arrow{transition:transform .2s}.foundation-island-card:hover .foundation-island-arrow{transform:translate(4px)}.foundation-island-shine{pointer-events:none;background:linear-gradient(90deg,#0000,#fff3,#0000);width:60%;height:100%;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.foundation-island-card:hover .foundation-island-shine{animation:.8s forwards foundation-shine}.foundation-activities-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.foundation-framework-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.foundation-framework-card{background:#fff;border:1px solid #94a3b82e;border-radius:18px;align-items:flex-start;gap:14px;padding:18px;display:flex;box-shadow:0 6px 20px #0f172a0f}.foundation-framework-link{color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}.foundation-framework-link:hover{border-color:#7c3aed38;transform:translateY(-4px);box-shadow:0 14px 34px #0f172a1f}.foundation-framework-icon{font-size:1.8rem;line-height:1}.foundation-framework-copy{gap:4px;display:grid}.foundation-framework-copy strong{color:#1f2937}.foundation-framework-copy span{color:#7c3aed;font-size:.86rem;font-weight:700}.foundation-framework-copy p{color:#64748b;margin:0;line-height:1.5}.foundation-activity-card{color:inherit;background:#fff;border:2px solid #0000;border-radius:18px;align-items:center;gap:14px;padding:20px;text-decoration:none;transition:all .25s;display:flex;box-shadow:0 4px 16px #0000000f}.foundation-activity-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.foundation-activity-practice{border-color:#3b82f633}.foundation-activity-practice:hover{border-color:#3b82f666}.foundation-activity-homework{border-color:#10b98133}.foundation-activity-homework:hover{border-color:#10b98166}.foundation-activity-continue{border-color:#f9731633}.foundation-activity-continue:hover{border-color:#f9731666}.foundation-activity-icon{font-size:2rem;line-height:1}.foundation-activity-content h3{color:#1f2937;margin:0 0 4px;font-size:1.05rem;font-weight:600}.foundation-activity-content p{color:#9ca3af;margin:0;font-size:.9rem}.foundation-tips-section{background:linear-gradient(135deg,#ffffffe6,#fef3c780);border:1px solid #fbbf2426;border-radius:28px;padding:32px}.foundation-tips-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.foundation-tip{background:#fff;border-radius:16px;padding:20px;transition:all .2s;box-shadow:0 4px 12px #0000000a}.foundation-tip:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.foundation-tip-icon{margin-bottom:12px;font-size:1.8rem;display:block}.foundation-tip h4{color:#1f2937;margin:0 0 6px;font-size:1.05rem;font-weight:600}.foundation-tip p{color:#6b7280;margin:0;font-size:.9rem;line-height:1.5}.foundation-footer{text-align:center;justify-content:center;align-items:center;gap:12px;padding:32px 20px;display:flex}.foundation-footer-mascot{font-size:2rem;animation:2s ease-in-out infinite foundation-bounce}.foundation-footer p{color:#6b7280;margin:0;font-size:1.1rem;font-weight:500}@media (max-width:900px){.foundation-welcome{grid-template-columns:1fr;gap:24px}.foundation-topnav{padding:12px 16px}.foundation-content{padding:24px 16px 40px}.foundation-stats-row{gap:8px}.foundation-stat-bubble{padding:10px 14px}.foundation-islands-grid{grid-template-columns:1fr}.foundation-island-go{opacity:1;transform:translate(0)}}@media (max-width:600px){.foundation-welcome-title{font-size:1.8rem}.foundation-nav-btn span:last-child:not(:first-child){display:none}.foundation-mission-actions{flex-direction:column}.foundation-btn{justify-content:center;width:100%}.foundation-activities-grid,.foundation-tips-grid{grid-template-columns:1fr}}.foundation-subject-tile-playful,.preparatory-subject-tile-bright{position:relative;overflow:hidden}.foundation-subject-tile-playful:after,.preparatory-subject-tile-bright:after{content:"";background:#ffffff2e;border-radius:50%;width:140px;height:140px;position:absolute;inset:auto -20% -60% auto}.preparatory-hero.child-centric{background:radial-gradient(circle at 100% 0,#ffe87b57,#0000 24%),linear-gradient(135deg,#fdf5ff 0%,#eef7ff 100%);border-radius:28px;padding:28px;box-shadow:0 18px 42px #755bb51f}@media (max-width:900px){.foundation-hero-grid{grid-template-columns:1fr}.foundation-nav{flex-direction:column;align-items:flex-start}.foundation-nav-actions{width:100%}}.nav{justify-content:space-between;align-items:center;padding:24px clamp(20px,4vw,48px);display:flex}.brand{align-items:center;gap:12px;font-weight:600;display:flex}.brand-mark{border-radius:var(--radius-md);background:var(--gradient-primary);width:48px;height:48px;box-shadow:var(--shadow-md);justify-content:center;align-items:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.brand-mark:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.brand-mark:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)scale(1.05)}.brand-mark:hover:before{left:100%}.brand span{font-family:var(--font-display),serif;letter-spacing:.02em;font-variant-numeric:lining-nums tabular-nums;font-size:1.6rem;font-weight:700}.nav-links{align-items:center;gap:16px;display:flex}.button{border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;box-shadow:var(--shadow);letter-spacing:.02em;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.button.primary{background:var(--accent);box-shadow:var(--shadow-md)}.button.primary:hover{box-shadow:var(--shadow-lg);background:#0048b8;transform:translateY(-2px)}.button.primary:hover:before{left:100%}.button.secondary{background:var(--card);color:var(--ink);border:2px solid var(--paper-3);box-shadow:var(--shadow)}.button.secondary:hover{background:var(--card-hover);box-shadow:var(--shadow-md);border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.button.ghost{background:var(--glass-bg);color:var(--ink);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.button.ghost:hover{box-shadow:var(--shadow-md);background:#fff6;transform:translateY(-2px)}.button:disabled{opacity:.6;cursor:not-allowed;transform:none}.main{padding:0 clamp(8px,1.5vw,18px) 48px}.hero{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:48px;padding:48px 0 80px;display:grid}.hero h1{font-family:var(--font-display),serif;font-size:clamp(2.6rem,5vw,4rem);line-height:1.05}.hero p{color:var(--text-primary);background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);border-left:4px solid #a8edea;border-radius:16px;max-width:700px;margin-top:24px;padding:24px 32px;font-size:1.3rem;font-weight:500;line-height:1.7;box-shadow:0 4px 16px #a8edea4d}.hero-card{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid #fffc;gap:20px;padding:32px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:grid;position:relative;overflow:hidden}.hero-card:before{content:"";background:var(--gradient-surface);opacity:.6;z-index:0;position:absolute;inset:0}.hero-card>*{z-index:1;position:relative}.hero-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-6px)}.pill{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);color:var(--accent);border:1px solid var(--glass-border);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:600;transition:all .3s;display:inline-flex}.pill:hover{background:#0056d31a;transform:translateY(-1px)}.form-shell{grid-template-columns:1fr 420px;align-items:start;gap:48px;max-width:1320px;margin:40px auto;padding:0 24px;display:grid}.form-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0056d31a,0 2px 16px #7c3aed0d}.form-card:hover{border-color:#0056d34d;transform:translateY(-2px);box-shadow:0 16px 48px #0056d326,0 8px 32px #7c3aed1a}.form-card:before{content:"";background:linear-gradient(90deg,var(--primary),var(--accent));opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.form-card:hover:before{opacity:1}.form-card h2{font-family:var(--font-display),serif;margin-bottom:8px;font-size:2rem}.form-card p{color:var(--ink-muted);margin-bottom:18px}.form-grid{gap:14px;display:grid}label{color:var(--ink-muted);font-size:.85rem;font-weight:600}input,select{background:#fff;border:1px solid #14213d26;border-radius:12px;width:100%;padding:12px 14px;font-family:inherit;font-size:1rem}.helper{color:var(--ink-muted);font-size:.85rem}.helper-error{color:#dc2626;font-weight:600}.alert{color:var(--accent);background:#e76f511f;border-radius:12px;padding:10px 12px;font-size:.9rem}.dashboard{grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:32px;max-width:1480px;margin:0 auto;font-size:1.12rem;display:grid}.tile-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.chapter-group{grid-column:1/-1;gap:12px;display:grid}.chapter-group-header h4{font-family:var(--font-display),serif;color:var(--ink);margin:0;font-size:1.1rem}.chapter-group-meta{color:var(--ink-muted);flex-wrap:wrap;gap:12px;margin-top:4px;font-size:.85rem;display:flex}.chapter-group-meta span{white-space:nowrap}.chapter-group-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.tile{background:linear-gradient(135deg,var(--card)0%,#f7fafccc 100%);border-radius:var(--radius);min-height:130px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #fffc;gap:12px;padding:20px;transition:all .3s;display:grid}.tile:hover{box-shadow:var(--shadow-hover);border-color:var(--accent-2);transform:translateY(-4px)}.tile-title{font-size:1.1rem;font-weight:600}.tile-meta{color:var(--ink-muted);font-size:.85rem}.tile-detail{color:var(--ink-muted);font-size:.85rem;line-height:1.4}.tile-badge{color:#8b5a00;background:#ffce4038;border-radius:999px;align-items:center;width:fit-content;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.founder-layout{grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:24px;display:grid}.founder-panel,.founder-detail{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.founder-panel-header h2{margin:0 0 6px}.founder-panel-header p{color:var(--ink-muted);margin:0 0 16px}.founder-table{gap:8px;display:grid}.founder-row{text-align:left;cursor:pointer;background:#fffaf0;border:1px solid #14213d14;border-radius:12px;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(0,1fr) minmax(0,.5fr) minmax(0,.8fr);align-items:center;gap:12px;padding:12px 14px;display:grid}.founder-row.header{cursor:default;background:#f0efe9;font-weight:600}.founder-row.user-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr) minmax(0,.9fr) minmax(0,.5fr) minmax(0,.8fr) minmax(0,.8fr) minmax(0,.7fr) minmax(0,1.2fr) minmax(0,1.2fr)}.admin-actions{flex-wrap:wrap;gap:8px;display:flex}.founder-row span small{color:var(--ink-muted);font-size:.75rem;display:block}.founder-detail-header h3{margin:0 0 4px}.founder-detail-header p{color:var(--ink-muted);margin:0 0 10px}.founder-tags{flex-wrap:wrap;gap:8px;display:flex}.founder-tags span{background:#4ecdc426;border-radius:999px;padding:4px 10px;font-size:.75rem}.founder-messages{gap:12px;margin-top:16px;display:grid}.founder-message{background:#fff;border:1px solid #14213d14;border-radius:12px;padding:12px 14px}.founder-message.user{border-left:4px solid var(--accent-2)}.founder-message.assistant{border-left:4px solid var(--accent)}.founder-message-role{margin-bottom:6px;font-weight:600}.founder-message p{margin:0 0 8px;font-size:.95rem;line-height:1.5}.founder-message span{color:var(--ink-muted);font-size:.75rem}.founder-detail-placeholder{text-align:center;color:var(--ink-muted)}.admin-directory{gap:24px;margin-top:32px;display:grid}@media (max-width:900px){.founder-layout,.founder-row{grid-template-columns:1fr}}.tile-button{text-align:left;cursor:pointer;border:none}.tile-link{display:grid}.agent-panel{box-shadow:var(--shadow);background:linear-gradient(#fffffffa,#fff9eeeb);border-radius:16px;gap:16px;margin-top:24px;padding:20px;display:grid}.agent-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.agent-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-muted);font-size:.75rem}.agent-header h3{font-family:var(--font-display),serif;margin-top:4px;font-size:1.35rem}.agent-badge{color:var(--ink);background:#fff0dc;border:1px solid #e76f5133;border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:600}.agent-text{white-space:pre-wrap;line-height:1.6}.lesson-flow{gap:18px;display:grid}.lesson-section h3{font-family:var(--font-display),serif;margin-bottom:10px;font-size:1.15rem}.lesson-tiles{scroll-snap-type:x mandatory;grid-auto-columns:minmax(280px,1fr);grid-auto-flow:column;gap:16px;padding-bottom:10px;display:grid;overflow-x:auto}.lesson-tile{scroll-snap-align:start;background:#fff;border:1px solid #14213d14;border-radius:16px;min-height:170px;padding:18px 20px;line-height:1.6;box-shadow:0 10px 24px #14213d14}.agent-lesson{gap:16px;display:grid}.agent-section{background:#fff;border:1px solid #14213d14;border-radius:14px;padding:16px}.agent-section h3{font-family:var(--font-display),serif;margin-bottom:8px;font-size:1.1rem}.agent-section ul{gap:6px;padding-left:18px;display:grid}.agent-lessons{gap:12px;display:grid}.agent-lesson-card{background:#f9f3e7;border:1px solid #14213d14;border-radius:12px;padding:12px 14px}.agent-lesson-card h4{margin-bottom:6px;font-size:1rem}.agent-inline{color:var(--ink-muted);margin-top:8px;font-size:.95rem}.agent-steps{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.agent-step{text-align:left;cursor:pointer;color:inherit;font:inherit;background:#fff7ec;border:1px solid #e76f5140;border-radius:12px;align-content:start;min-height:110px;padding:12px 14px;transition:transform .2s,box-shadow .2s;display:grid}.agent-step:disabled{cursor:not-allowed;opacity:.7}.agent-step:hover{transform:translateY(-2px);box-shadow:0 10px 18px #e76f5133}.agent-step h4{margin-bottom:6px;font-size:.95rem}.agent-step p{color:var(--ink-muted);font-size:.9rem}.agent-step:focus-visible{outline-offset:2px;outline:2px solid #e76f5180}.agent-image{border-radius:14px;width:100%;max-width:520px;box-shadow:0 12px 24px #14213d1f}.agent-video{color:var(--ink-muted);border:1px dashed #14213d33;border-radius:12px;width:fit-content;padding:10px 12px;font-size:.9rem}@media (max-width:900px){.dashboard{grid-template-columns:1fr}}@media (max-width:600px){.nav{flex-direction:column;align-items:flex-start;gap:12px}}.brand-icon{justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;transition:all .3s;animation:6s ease-in-out infinite float;display:flex}.brand-icon:hover{transform:scale(1.1)rotate(5deg)}.button.primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow);border:none;font-weight:600;transition:all .3s}.button.primary:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.cta-buttons{flex-wrap:wrap;gap:16px;margin-top:32px;display:flex}.cta-secondary-link{color:var(--ink);opacity:.8;align-self:center;font-size:.95rem;font-weight:600;text-decoration:none}.cta-secondary-link:hover{opacity:1;text-decoration:underline}.rotating-features{width:100%;margin-bottom:32px}.feature-showcase{border-radius:var(--radius-md);height:80px;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:linear-gradient(135deg,#a8edea1a 0%,#fed6e31a 100%);border:1px solid #a8edea33;align-items:center;padding:0 24px;display:flex;position:relative;overflow:hidden}.showcase-item{opacity:0;align-items:center;gap:16px;padding:0 24px;transition:all .6s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0;transform:translateY(20px)}.showcase-item.active{opacity:1;transform:translateY(0)}.showcase-icon{border-radius:var(--radius);min-width:48px;height:48px;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);justify-content:center;align-items:center;font-size:2rem;display:flex}.showcase-content{flex-direction:column;flex:1;gap:4px;display:flex}.showcase-content strong{color:var(--ink);font-size:1.1rem;font-weight:600;font-family:var(--font-display),serif}.showcase-content span{color:var(--ink-muted);font-size:.9rem}.feature-dots{justify-content:center;gap:8px;margin-top:16px;display:flex}.dot{cursor:pointer;background:#a8edea4d;border:none;border-radius:50%;width:8px;height:8px;transition:all .3s}.dot:hover{background:#a8edea99;transform:scale(1.2)}.dot.active{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);transform:scale(1.2);box-shadow:0 2px 8px #a8edea66}.pill .emoji{margin-right:4px;font-size:1rem}.pill.new-user{color:var(--accent);background:#ff6b6b26;border:1px solid #ff6b6b33}.pill.exclusive{background:var(--gradient-success);color:var(--ink);border:none}.hero-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.feature-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 16px #0056d314}.feature-card:hover{border-color:#0056d333;transform:translateY(-6px);box-shadow:0 16px 32px #0056d326,0 4px 16px #7c3aed1a}.feature-card:before{content:"";background:linear-gradient(90deg,var(--primary),var(--accent));opacity:0;height:2px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.feature-card:hover:before{opacity:1}.feature-card.highlight{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);border:2px solid #a8edea;transform:scale(1.02);box-shadow:0 12px 32px #a8edea4d,0 4px 16px #fed6e333}.feature-card.highlight .feature-icon{color:var(--text-primary);background:linear-gradient(135deg,#a8edea,#fed6e3);border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;font-weight:600;display:flex}.feature-card.highlight h3{color:var(--text-primary);font-weight:700}.feature-icon{margin-bottom:12px;font-size:2rem}.feature-card h3{font-family:var(--font-display),serif;color:var(--ink);margin-bottom:8px;font-size:1.2rem}.feature-card p{color:var(--ink-muted);font-size:.95rem;line-height:1.5}.subjects-preview{margin-top:64px;padding:48px 0}.subjects-preview h2{font-family:var(--font-display),serif;text-align:center;color:var(--ink);margin-bottom:32px;font-size:2rem}.subjects-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:800px;margin:0 auto;display:grid}.subject-card{background:var(--card);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);border:2px solid #0000;padding:24px;transition:all .3s}.subject-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.subject-card.math,.subject-card.science,.subject-card.english,.subject-card.social{background:linear-gradient(135deg,#00000005,var(--card));border-color:#0000001f}.subject-icon{margin-bottom:12px;font-size:2.5rem}.subject-card h4{font-family:var(--font-display),serif;color:var(--ink);margin-bottom:6px;font-size:1.1rem}.subject-card p{color:var(--ink-muted);font-size:.85rem}.input-group{gap:8px;display:grid}.modern-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #ffffff80;border-radius:12px;padding:14px 16px;font-size:1rem;transition:all .3s}.modern-input:focus{border-color:var(--accent-2);outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #4ecdc41a}.welcome-header{text-align:center;margin-bottom:24px}.welcome-header h2{font-family:var(--font-display),serif;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:1.8rem}.register-header{text-align:center;margin-bottom:28px}.register-header h2{font-family:var(--font-display),serif;color:var(--ink);margin-bottom:12px;font-size:1.8rem}.login-card,.register-card{max-width:none}.register-card .form-card h2,.login-card .form-card h2{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px}.register-card .form-card p,.login-card .form-card p{margin-bottom:32px;line-height:1.6}.onboarding-card,.benefits-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0056d30d 0%,#7c3aed0d 100%);border:1px solid #0056d31a;border-radius:20px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);position:sticky;top:80px;box-shadow:0 8px 32px #0056d314}.benefits-card:hover{transform:translateY(-2px);box-shadow:0 16px 48px #0056d31f}.benefits-list,.beta-benefits{gap:16px;margin:20px 0;display:grid}.benefit-item{background:#fff9;border-radius:12px;align-items:flex-start;gap:12px;padding:12px;display:flex}.benefit-emoji{flex-shrink:0;font-size:1.2rem}.subject-pills{flex-wrap:wrap;gap:10px;display:flex}.subject-pill{color:var(--ink);cursor:pointer;background:#fffc;border:1px solid #14213d33;border-radius:999px;padding:8px 14px;font-size:.85rem;transition:transform .2s,box-shadow .2s,border-color .2s}.subject-pill.selected{background:#e76f511f;border-color:#e76f5199}.subject-pill:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 16px #14213d1f}.subject-pill:disabled{opacity:.5;cursor:not-allowed}.success-message{background:var(--gradient-success);color:var(--ink);border:1px solid #a8e6cf4d;border-radius:12px;padding:12px 16px;font-weight:500}.dashboard{grid-template-columns:1fr 320px;gap:24px;max-width:1400px;margin:0 auto;display:grid}.main-content{gap:24px;display:grid}.welcome-section{background:var(--card);border-radius:var(--radius-lg);text-align:left;box-shadow:var(--shadow);border:1px solid #0000000f;gap:14px;padding:28px 32px;display:grid;position:relative;overflow:hidden}.notification-pill{background:linear-gradient(135deg,#ffc85759,#ffebcc99);border:1px solid #f59e0b66;border-radius:999px;align-items:center;gap:10px;margin-top:8px;padding:10px 16px;font-size:1rem;display:inline-flex}.notification-pill .pill-link{color:#b45309;font-size:1rem;font-weight:600;text-decoration:none}.streak-pill{color:#9a3412;background:linear-gradient(135deg,#ff8b5c4d,#ffdbac80);border:1px solid #f9731673;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:10px 16px;font-size:1.05rem;font-weight:700;display:inline-flex}.points-pill{color:#0c4a6e;background:linear-gradient(135deg,#38bdf82e,#e0f2feb3);border:1px solid #0ea5e959;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:10px 16px;font-size:1.05rem;font-weight:700;display:inline-flex}.insight-list{color:var(--ink);gap:8px;margin:0;padding-left:18px;font-size:.95rem;display:grid}.middle-dashboard{gap:28px;display:grid}.middle-hero{background:linear-gradient(135deg,#fef3c7,#e0f2fe);border:1px solid #0f172a14;border-radius:24px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;padding:28px;display:grid;box-shadow:0 20px 45px #0f172a14}.middle-hero-text h2{margin:12px 0 8px;font-size:1.9rem}.middle-hero-text p{color:var(--ink);margin:0;font-size:1.05rem}.middle-pills{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.middle-hero-card{background:#fff;border:1px solid #94a3b859;border-radius:18px;gap:10px;padding:20px;display:grid}.middle-hero-card h3{margin:0;font-size:1.25rem}.middle-actions{flex-wrap:wrap;gap:12px;display:flex}.middle-section{gap:16px;display:grid}.middle-subjects-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.middle-subject-tile{color:var(--ink);background:#fff;border:1px solid #94a3b833;border-radius:18px;align-items:center;gap:12px;padding:16px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.middle-subject-tile:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0f172a14}.middle-tip-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.middle-tip-card{background:#fff;border:1px solid #94a3b833;border-radius:16px;padding:16px}.middle-tip-card h4{margin:0 0 6px;font-size:1.05rem}.middle-tip-card p{color:var(--ink-muted);margin:0;font-size:.95rem}.preparatory-dashboard{gap:28px;display:grid}.preparatory-hero{background:linear-gradient(135deg,#dcfce7,#fee2e2,#e0f2fe);border:1px solid #0f172a14;border-radius:24px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;padding:28px;display:grid;box-shadow:0 20px 45px #0f172a14}.preparatory-hero-text h2{margin:12px 0 8px;font-size:1.9rem}.preparatory-hero-text p{color:var(--ink);margin:0;font-size:1.05rem}.preparatory-pills{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.preparatory-hero-card{background:#fff;border:1px solid #94a3b859;border-radius:18px;gap:10px;padding:20px;display:grid}.preparatory-actions{flex-wrap:wrap;gap:12px;display:flex}.preparatory-section{gap:16px;display:grid}.preparatory-subjects-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.preparatory-subject-tile{color:var(--ink);background:#fff;border:1px solid #94a3b833;border-radius:18px;align-items:center;gap:12px;padding:16px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.preparatory-subject-tile:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0f172a14}.preparatory-tip-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.preparatory-tip-card{background:#fff;border:1px solid #94a3b833;border-radius:16px;padding:16px}.preparatory-tip-link{color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:block}.preparatory-tip-link:hover{border-color:#3b82f647;transform:translateY(-4px);box-shadow:0 14px 32px #0f172a1f}.preparatory-tip-card h4{margin:0 0 6px;font-size:1.05rem}.preparatory-tip-card p{color:var(--ink-muted);margin:0;font-size:.95rem}.chatbot-hero{justify-content:space-between;align-items:center;gap:12px;display:flex}.chatbot-hero h3{margin:0;font-size:1.1rem}.chatbot-hero p{color:var(--ink-muted);margin:0;font-size:.95rem}.primary-module-page{background:radial-gradient(circle at 0 0,#fbbf2429,#0000 28%),radial-gradient(circle at 100% 0,#3b82f624,#0000 24%),linear-gradient(#fffaf0 0%,#f8fbff 48%,#eef6ff 100%);min-height:100vh}.primary-module-main{gap:24px;display:grid}.primary-module-hero{background:#ffffffe6;border:1px solid #94a3b82e;border-radius:28px;gap:14px;padding:28px;display:grid;box-shadow:0 18px 48px #0f172a14}.primary-module-back{color:#475569;width:fit-content;font-weight:700;text-decoration:none}.primary-module-badge{color:#6d28d9;background:#fffffff5;border:1px solid #7c3aed29;border-radius:999px;align-items:center;gap:10px;width:fit-content;padding:8px 14px;font-weight:700;display:inline-flex}.primary-module-hero h1{color:#0f172a;margin:0;font-size:clamp(2rem,4vw,3rem)}.primary-module-hero p{color:#475569;max-width:760px;margin:0;font-size:1.05rem;line-height:1.7}.primary-module-hero-actions{flex-wrap:wrap;gap:12px;display:flex}.primary-module-summary{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.primary-module-summary-card{background:#fff;border:1px solid #94a3b82e;border-radius:22px;padding:18px;box-shadow:0 10px 28px #0f172a0f}.primary-module-summary-card strong{color:#0f172a;margin-bottom:8px;display:block}.primary-module-summary-card p{color:#64748b;margin:0;line-height:1.6}.primary-module-section{gap:16px;display:grid}.primary-module-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.primary-module-card{color:inherit;background:#fff;border:1px solid #94a3b82e;border-radius:22px;gap:12px;padding:18px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid;box-shadow:0 10px 28px #0f172a0f}.primary-module-card:hover{border-color:#0ea5e93d;transform:translateY(-4px);box-shadow:0 18px 42px #0f172a1c}.primary-module-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.primary-module-card-icon{font-size:1.5rem}.primary-module-card-mode{color:#7c3aed;font-size:.82rem;font-weight:700}.primary-module-card h4{color:#0f172a;margin:0;font-size:1.15rem}.primary-module-card p{color:#64748b;margin:0;line-height:1.6}.primary-module-progress{gap:8px;display:grid}.primary-module-progress span{color:#475569;font-size:.9rem;font-weight:700}.primary-module-progress-bar{background:#e2e8f0e6;border-radius:999px;height:10px;overflow:hidden}.primary-module-progress-bar span{border-radius:inherit;background:linear-gradient(90deg,#22c55e 0%,#06b6d4 100%);height:100%;display:block}.primary-module-meta{flex-wrap:wrap;gap:10px;display:flex}.primary-module-meta span{color:#475569;background:#f8fafc;border-radius:999px;padding:6px 10px;font-size:.84rem;font-weight:700}.primary-module-empty{background:#ffffffdb;border-radius:24px}.story-weaver-page{gap:24px;display:grid}.story-weaver-hero{background:var(--story-theme-bg,linear-gradient(135deg,#fffbebf5,#eff6fff2));border:1px solid #94a3b82e;border-radius:28px;gap:14px;padding:28px;display:grid;box-shadow:0 18px 44px #0f172a14}.story-weaver-hero h1{color:#0f172a;margin:0;font-size:clamp(2rem,4vw,3rem)}.story-weaver-hero p{color:#475569;max-width:760px;margin:0;line-height:1.7}.story-weaver-hero-simple{text-align:center;justify-items:center}.story-weaver-theme-badge{color:var(--story-theme-accent,#7c3aed);background:#ffffffe0;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-weight:700;display:inline-flex}.story-weaver-theme-badge span{opacity:.7;text-transform:uppercase;letter-spacing:.06em;font-size:.82rem}.story-weaver-actions{flex-wrap:wrap;gap:12px;display:flex}.story-weaver-simple-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.story-weaver-panel-simple{gap:14px;display:grid}.story-weaver-setup{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.story-weaver-panel{background:var(--story-theme-soft,#fffffff2);border:1px solid #94a3b82e;border-radius:22px;padding:20px;box-shadow:0 10px 28px #0f172a0f}.story-weaver-panel h3,.story-weaver-story-card h3{color:#0f172a;margin:0 0 8px}.story-weaver-panel p{color:#64748b;margin:0;line-height:1.6}.story-weaver-option-grid{gap:12px;display:grid}.story-weaver-card-option{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #94a3b847;border-radius:18px;padding:16px;font-size:1rem;font-weight:700;transition:transform .18s,box-shadow .18s,border-color .18s}.story-weaver-card-option.is-selected,.story-weaver-card-option:hover{border-color:color-mix(in srgb,var(--story-theme-accent,#0ea5e9)36%,white);box-shadow:0 12px 24px color-mix(in srgb,var(--story-theme-accent,#0ea5e9)12%,transparent);transform:translateY(-2px)}.story-weaver-start-card{align-content:start}.story-weaver-chip-grid{flex-wrap:wrap;gap:10px;display:flex}.story-weaver-chip{color:#334155;cursor:pointer;background:#fff;border:1px solid #94a3b847;border-radius:999px;padding:10px 14px;font-weight:700;transition:transform .18s,box-shadow .18s,border-color .18s}.story-weaver-chip.is-selected,.story-weaver-chip:hover{border-color:#7c3aed59;transform:translateY(-2px);box-shadow:0 10px 24px #7c3aed1f}.story-weaver-story{grid-template-columns:minmax(0,2fr) minmax(260px,.9fr);gap:18px;display:grid}.story-weaver-story-main{gap:18px;display:grid}.story-weaver-story-simple{grid-template-columns:1fr;max-width:820px;margin:0 auto}.story-weaver-story-main-card{gap:18px}.story-weaver-story-card{background:var(--story-theme-soft,#fff);border:1px solid #94a3b82e;border-radius:24px;gap:14px;padding:22px;display:grid;box-shadow:0 14px 36px #0f172a0f}.story-weaver-story-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.story-weaver-setting,.story-weaver-turn{color:#475569;background:#ffffffd1;border-radius:999px;padding:7px 10px;font-size:.85rem;font-weight:700}.story-weaver-story-card h2{color:#0f172a;margin:0;font-size:clamp(1.6rem,3vw,2.2rem)}.story-weaver-opening{color:#7c3aed;margin:0;font-weight:700}.story-weaver-scene{color:#334155;font-size:1.1rem;line-height:1.8}.story-weaver-prompt,.story-weaver-image,.story-weaver-summary,.story-weaver-ending{color:#475569;background:#ffffffd1;border-radius:18px;padding:14px 16px}.story-weaver-prompt strong,.story-weaver-image strong,.story-weaver-summary strong,.story-weaver-ending strong{color:#0f172a}.story-weaver-summary p,.story-weaver-ending p{margin:8px 0 0}.story-weaver-choice-list{gap:12px;display:grid}.story-weaver-choice{text-align:left;border:1px solid color-mix(in srgb,var(--story-theme-accent,#f59e0b)24%,white);cursor:pointer;background:#ffffffe0;border-radius:18px;gap:6px;padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid}.story-weaver-choice.is-selected,.story-weaver-choice:hover{border-color:color-mix(in srgb,var(--story-theme-accent,#f59e0b)40%,white);box-shadow:0 12px 28px color-mix(in srgb,var(--story-theme-accent,#f59e0b)12%,transparent);transform:translateY(-2px)}.story-weaver-choice strong{color:#0f172a}.story-weaver-choice-big{text-align:center;justify-items:center;padding:20px 18px;font-size:1.05rem}.story-weaver-choice span{color:#64748b}.story-weaver-side{gap:18px;display:grid}.story-weaver-history{color:#475569;margin:0;padding-left:18px;line-height:1.8}.story-weaver-end-card{text-align:center;justify-items:center}.story-weaver-full-story{text-align:left;background:#ffffffd1;border-radius:20px;gap:12px;width:100%;padding:16px;display:grid}.story-weaver-full-story h4{color:#0f172a;margin:0}.story-weaver-full-story-text{gap:10px;display:grid}.story-weaver-full-story-text p{color:#334155;margin:0;font-size:1.03rem;line-height:1.8}.story-weaver-share-message{color:var(--story-theme-accent,#7c3aed);margin:0;font-weight:700}@media (max-width:960px){.story-weaver-story{grid-template-columns:1fr}}.welcome-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 30%,#00000005,#0000 60%);position:absolute;inset:0}.welcome-section h2{font-family:var(--font-display),serif;color:var(--ink);z-index:1;margin-bottom:4px;font-size:2rem;position:relative}.welcome-section p{z-index:1;margin:0;font-size:1.1rem;position:relative}.subjects-section h3{font-family:var(--font-display),serif;color:var(--ink);margin-bottom:16px;font-size:1.4rem}.loading-state{text-align:center;color:var(--ink-muted);padding:32px}.loading-spinner{margin-bottom:12px;font-size:2rem;animation:2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.subject-tile{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:inherit;background:#ffffffe6;border:1px solid #ffffff4d;border-radius:14px;align-items:center;gap:14px;padding:18px 20px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0056d314}.subject-tile:before{content:"";background:linear-gradient(90deg,var(--primary),var(--accent));opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.subject-tile:hover{border-color:#0056d333;transform:translateY(-4px);box-shadow:0 12px 32px #0056d326,0 4px 16px #7c3aed1a}.subject-tile:hover:before{opacity:1}.subject-tile .subject-icon{flex-shrink:0;font-size:2.2rem}.subject-content{flex:1}.subject-title{color:var(--ink);margin-bottom:2px;font-size:1.15rem;font-weight:600}.subject-meta{color:var(--ink-muted);font-size:.95rem}.sidebar{align-content:start;gap:20px;display:grid}.profile-card,.progress-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #ffffffb3;padding:20px}.progress-card.compact-footer{color:var(--ink-muted);text-align:center;box-shadow:none;border:1px dashed #94a3b859;padding:12px 16px;font-size:.85rem}.dashboard-footer{max-width:1400px;color:var(--ink-muted);border-top:1px solid #94a3b833;justify-content:space-between;gap:12px;margin:20px auto 12px;padding:10px 16px;font-size:.9rem;display:flex}@media (max-width:720px){.dashboard-footer{text-align:center;flex-direction:column;align-items:center}}.chatbot-card{background:#fff;border:1px solid #94a3b833;border-radius:16px;flex-direction:column;gap:10px;margin-top:16px;padding:16px;display:flex;box-shadow:0 18px 40px #0f172a14}.chatbot-card.chatwide{width:100%;max-width:100%}.dashboard-chatwide{justify-content:center;width:100%;max-width:1400px;margin:16px auto 0;display:flex}.chatbot-messages{flex-direction:column;gap:8px;max-height:180px;padding-right:4px;display:flex;overflow-y:auto}.chatbot-message{border-radius:12px;padding:10px 14px;font-size:1.05rem;line-height:1.5}.chatbot-message.assistant{color:#0f172a;background:#a8edea33}.chatbot-message.user{color:#1f2937;background:#fed6e340;align-self:flex-end}.chatbot-input{grid-template-columns:1fr auto;gap:10px;display:grid}.chatbot-card.chatwide .chatbot-input{grid-template-columns:1fr auto;gap:10px}.chatbot-card.chatwide .chatbot-input .button{justify-self:start}.chatbot-input input{border:1px solid #94a3b859;border-radius:10px;padding:12px 14px;font-size:1rem}.profile-insights-card{background:#fff;border:1px solid #94a3b833;border-radius:16px;margin-top:0;padding:18px;box-shadow:0 18px 40px #0f172a14}.profile-insights{gap:12px;display:grid}.profile-insights h5{margin:0 0 6px;font-size:1.1rem}.profile-insights ul{margin:0;padding-left:18px}.profile-card h4{font-family:var(--font-display),serif;margin-bottom:12px;font-size:1.15rem}.profile-details{gap:8px;margin-bottom:16px;display:grid}.detail-item{background:#ffffff80;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:.95rem;display:flex}.detail-emoji{font-size:1rem}.detail-text{color:var(--ink-muted);font-size:1.08rem}.progress-card h4{font-family:var(--font-display),serif;color:var(--ink);margin-bottom:16px;font-size:1.1rem}.stats-grid{gap:16px;display:grid}.stat-item{background:var(--gradient-success);border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.stat-emoji{font-size:1.3rem}.stat-item strong{color:var(--ink);font-size:1.1rem}.stat-item small{color:var(--ink-muted);font-size:.8rem}.chapter-container{max-width:80vw;margin:0 auto;padding:0}.chapter-header{background:var(--gradient-cool);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow);color:var(--ink);border:1px solid #00000014;margin-bottom:32px;padding:40px;position:relative;overflow:hidden}.chapter-header:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 30%,#00000005,#0000 60%);position:absolute;inset:0}.chapter-info h1{font-family:var(--font-display),serif;color:var(--ink);z-index:1;margin:16px 0 12px;font-size:2.5rem;position:relative}.chapter-description{color:var(--ink-muted);z-index:1;margin-bottom:24px;font-size:1.1rem;position:relative}.subject-badge{color:var(--ink-muted);z-index:1;background:#fffc;border:1px solid #00000014;border-radius:999px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 16px;font-size:.85rem;font-weight:500;display:inline-flex;position:relative}.subject-emoji{font-size:1.1rem}.start-lesson-section{margin-top:24px}.lesson-btn{margin-bottom:12px;padding:16px 32px;font-size:1.2rem}.lesson-hint{color:var(--ink-muted);margin:0;font-size:.9rem}.error-card{background:var(--card);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);border:2px solid #ff6b6b;margin-bottom:32px;padding:32px}.error-icon{margin-bottom:16px;font-size:3rem}.error-content h3{color:var(--accent);font-family:var(--font-display),serif;margin-bottom:12px}.loading-lesson{background:var(--card);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);margin-bottom:32px;padding:48px}.loading-animation{justify-content:center;align-items:center;gap:16px;margin-bottom:24px;display:flex}.loading-emoji{font-size:3rem;animation:1.5s infinite bounce}.loading-dots{gap:4px;display:flex}.loading-dots span{background:var(--accent-2);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.lesson-panel{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);height:fit-content;min-height:auto;overflow:hidden}.lesson-output{height:fit-content;margin-bottom:16px;padding:16px 20px}.lesson-output-header{border-bottom:1px solid #a8edea33;margin-bottom:12px;padding-bottom:12px}.lesson-output-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.lesson-scroll-btn{color:#fff;cursor:pointer;background:#1a3582;border:0;border-radius:999px;padding:8px 14px;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 24px #1a358233}.lesson-scroll-btn:hover{transform:translateY(-2px);box-shadow:0 16px 28px #1a358247}.lesson-scroll-btn:active{transform:translateY(0)}.lesson-output-header h3{color:var(--ink);margin:0 0 4px;font-size:1.2rem;font-weight:600}.lesson-output-header p{color:var(--ink-muted);margin:0;font-size:.9rem}.lesson-content{padding:32px}.chat-panel{grid-template-rows:1fr auto;height:80vh;min-height:520px;display:grid}.chat-placeholder{color:var(--ink-muted);text-align:center;justify-content:center;align-items:center;padding:24px;display:flex}.chat-messages{gap:16px;max-height:none;padding:28px 32px 12px;display:grid;overflow-y:auto}.chat-message{display:flex}.chat-message.user{justify-content:flex-end}.chat-bubble{background:#ffffffd9;border:1px solid #14213d14;border-radius:16px;width:100%;max-width:100%;padding:14px 18px;box-shadow:0 10px 22px #14213d14}.chat-message.user .chat-bubble{background:var(--gradient-primary);color:#fff;border:none}.chat-message.user .chat-bubble .markdown-content,.chat-message.user .chat-bubble .markdown-content h1,.chat-message.user .chat-bubble .markdown-content h2,.chat-message.user .chat-bubble .markdown-content h3,.chat-message.user .chat-bubble .markdown-content h4,.chat-message.user .chat-bubble .markdown-content p,.chat-message.user .chat-bubble .markdown-content li,.chat-message.user .chat-bubble .markdown-content strong,.chat-message.user .chat-bubble .markdown-content em,.chat-message.user .chat-bubble .markdown-content code{color:inherit}.chat-typing{align-items:center;gap:6px;display:flex}.typing-dot{background:var(--accent-2);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.chat-input{background:#fff9;border-top:1px solid #14213d1a;gap:12px;padding:18px 24px 24px;display:flex}.chat-suggestions{background:#ffe66d26;border-top:1px solid #ffe66d4d;flex-wrap:wrap;gap:10px;padding:12px 24px 16px;display:flex}.suggestion-pill{color:var(--ink);cursor:pointer;background:#ffffffd9;border:1px solid #ffce4099;border-radius:999px;padding:8px 14px;font-size:.85rem;transition:transform .2s,box-shadow .2s}.suggestion-pill:hover{transform:translateY(-1px);box-shadow:0 8px 16px #14213d1f}.suggestion-pill:disabled{cursor:not-allowed;opacity:.6}.chat-input textarea{resize:vertical;background:#fff;border:1px solid #14213d26;border-radius:18px;outline:none;flex:1;min-height:48px;padding:12px 18px;font-size:1rem}.chat-input textarea:focus{border-color:#e76f5166;box-shadow:0 0 0 3px #e76f5126}.lesson-intro{margin-bottom:32px}.intro-card{background:var(--gradient-success);text-align:center;border-radius:16px;padding:24px}.intro-icon{margin-bottom:12px;font-size:2.5rem}.intro-card h3{font-family:var(--font-display),serif;color:var(--ink);margin-bottom:8px;font-size:1.4rem}.intro-copy{color:var(--ink-muted)}.intro-copy p{margin-bottom:12px}.section-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.section-emoji{font-size:1.5rem}.section-header h3{font-family:var(--font-display),serif;color:var(--ink);margin:0;font-size:1.3rem}.overview-grid{gap:16px;display:grid}.overview-item{border-left:4px solid var(--accent-2);background:#ffffffb3;border-radius:16px;align-items:flex-start;gap:16px;padding:20px;display:flex}.item-number{background:var(--accent-2);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-weight:600;display:flex}.item-content h4{color:var(--ink);margin-bottom:6px;font-size:1rem}.overview-copy{color:var(--ink-muted)}.overview-copy p{margin-bottom:8px;line-height:1.5}.lesson-steps{gap:20px;display:grid}.lesson-step{background:#ffffffb3;border:1px solid #ffffff80;border-radius:16px;overflow:hidden}.step-header{background:var(--gradient-primary);color:#fff;align-items:center;gap:12px;padding:16px 20px;display:flex}.step-number{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;font-weight:600;display:flex}.step-header h4{margin:0;font-size:1.1rem}.step-content{color:var(--ink);padding:20px;line-height:1.6}.example-card{border-left:4px solid var(--accent-3);background:#ffe66d33;border-radius:16px;padding:24px}.example-content{color:var(--ink);background:#ffffff80;border-left:3px solid #a8edea;border-radius:8px;margin-top:8px;padding:12px;font-size:1rem;line-height:1.6}.lesson-body{background:#fff9;border-left:4px solid #a8edea;border-radius:12px;margin:16px 0;padding:16px}.lesson-body p{color:var(--ink);margin:0;line-height:1.6}.key-points-section{background:linear-gradient(135deg,#a8edea1a 0%,#fed6e31a 100%);border:1px solid #a8edea4d;border-radius:12px;margin:16px 0;padding:16px}.key-points-section h5{color:#0891b2;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;font-size:.95rem;font-weight:600}.extra-field{background:#fed6e31a;border-left:4px solid #fed6e3;border-radius:12px;margin:16px 0;padding:16px}.extra-field strong{color:#be185d;text-transform:capitalize;margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.extra-field div{color:var(--ink);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;line-height:1.6}.example-question,.example-steps,.example-answer{border-radius:12px;margin:16px 0;padding:16px}.example-question{background:#a8edea1a;border-left:4px solid #a8edea}.example-steps{background:#ffffffb3;border:1px solid #a8edea4d}.example-answer{background:#fed6e31a;border-left:4px solid #fed6e3}.example-question strong,.example-steps strong,.example-answer strong{color:#0891b2;margin-bottom:8px;font-size:.95rem;font-weight:600;display:block}.lesson-steps{margin:12px 0 0;padding:0;list-style:none}.lesson-steps li{background:#fffc;border-left:3px solid #a8edea;border-radius:8px;margin:8px 0;padding:12px 16px 12px 40px;position:relative}.lesson-steps li:before{content:counter(step-counter);counter-increment:step-counter;color:#fff;background:#a8edea;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.8rem;font-weight:600;display:flex;position:absolute;top:12px;left:12px}.lesson-steps{counter-reset:step-counter}.card-content{padding:24px}.lesson-card.example-card .card-content{overflow:visible}.content-highlight{background:#a8edea14;border-left:4px solid #a8edea;border-radius:12px;align-items:flex-start;gap:12px;margin:16px 0;padding:16px;display:flex}.content-highlight.summary-highlight{background:#10b98114;border-left-color:#10b981}.content-highlight .highlight-icon{flex-shrink:0;margin-top:2px;font-size:1.1rem}.content-highlight p{color:var(--ink);margin:0;line-height:1.6}.section-title{color:var(--ink);text-transform:capitalize;align-items:center;gap:8px;margin:20px 0 12px;font-size:1rem;font-weight:600;display:flex}.section-icon{font-size:1rem}.enhanced-list{margin:16px 0;padding:0;list-style:none}.enhanced-list li{background:#fff9;border-radius:8px;align-items:flex-start;gap:12px;margin:12px 0;padding:12px 16px;transition:all .2s;display:flex}.enhanced-list li:hover{background:#fffc;transform:translate(4px)}.enhanced-list .list-bullet{color:#06b6d4;flex-shrink:0;margin-top:2px;font-weight:600}.enhanced-list .list-text{color:var(--ink);line-height:1.5}.enhanced-steps{counter-reset:step-counter;margin:16px 0;padding:0;list-style:none}.enhanced-steps li{background:#ffffffb3;border-left:4px solid #f59e0b;border-radius:12px;align-items:flex-start;gap:16px;margin:16px 0;padding:16px 20px;display:flex;position:relative}.enhanced-steps .step-number{color:#fff;background:linear-gradient(135deg,#f59e0b,#fbbf24);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;font-size:.9rem;font-weight:700;display:flex}.enhanced-steps .step-content{color:var(--ink);line-height:1.6}.question-highlight{background:#3b82f614!important;border-left-color:#3b82f6!important}.answer-highlight{background:#10b98114!important;border-left-color:#10b981!important}.enhanced-extra{background:#fed6e314;border-left:4px solid #fed6e3;border-radius:12px;margin:20px 0;padding:16px 20px}.enhanced-extra .extra-content{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;background:#fffc;border-radius:8px;margin:12px 0 0;padding:12px;font-family:Monaco,Menlo,monospace;font-size:.9rem;line-height:1.5}.examples-grid{gap:16px;display:grid}.example-item{border-left:4px solid var(--accent-3);background:#ffffffb3;border-radius:16px;padding:20px}.example-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.example-icon{font-size:1.2rem}.example-header h4{color:var(--ink);margin:0;font-size:1rem}.example-body{color:var(--ink-muted);line-height:1.5}.next-steps-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.next-step-item{background:var(--gradient-success);border-radius:16px;gap:12px;padding:20px;transition:transform .2s;display:flex}.next-step-item:hover{transform:translateY(-2px)}.step-icon{flex-shrink:0;font-size:1.5rem}.step-info h4{color:var(--ink);margin:0 0 8px;font-size:1rem}.next-step-copy{color:var(--ink-muted);font-size:.9rem;line-height:1.4}.visual-content{text-align:center;background:#ffffff80;border-radius:16px;padding:20px}.lesson-image{max-width:100%;height:auto;box-shadow:var(--shadow);border-radius:12px}.coming-soon-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.coming-soon-item{text-align:center;border:2px dashed var(--accent-2);background:#ffffffb3;border-radius:16px;padding:20px;position:relative}.coming-soon-icon{opacity:.7;margin-bottom:12px;font-size:2rem}.coming-soon-item h4{color:var(--ink);margin:0 0 8px;font-size:1rem}.coming-soon-item p{color:var(--ink-muted);margin:0 0 12px;font-size:.85rem}.coming-soon-badge{background:var(--accent-2);color:#fff;border-radius:999px;padding:4px 8px;font-size:.75rem;font-weight:600}.lesson-actions{background:#ffffff80;border-top:1px solid #ffffff4d;flex-wrap:wrap;justify-content:center;gap:16px;padding:24px 32px;display:flex}.lesson-text-formatted{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:24px;overflow:hidden}.formatted-content{background:#ffffffe6;padding:32px}.markdown-content{color:inherit}.markdown-content>:first-child{margin-top:0}.markdown-content>:last-child{margin-bottom:0}.lesson-text{color:var(--ink);background:#ffffffb3;border-radius:16px;padding:24px;font-size:1rem;line-height:1.6}.structured-lesson{gap:16px;display:grid}.lesson-card{background:#fffffff2;border:1px solid #14213d14;border-radius:16px;flex-direction:column;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #14213d1a}.lesson-card:hover{transform:translateY(-2px);box-shadow:0 20px 40px #14213d29}.lesson-card.overview-card{border-left:4px solid #06b6d4}.lesson-card.concept-card{border-left:4px solid #8b5cf6}.lesson-card.example-card{border-left:4px solid #f59e0b;overflow:hidden}.lesson-card.summary-card{border-left:4px solid #10b981}.lesson-card.status-card{background:#f0f9fff2;border-left:4px solid #38bdf8}.lesson-card.status-card .lesson-card-header{background:linear-gradient(135deg,#7dd3fc33 0%,#38bdf81f 100%)}.lesson-card p{margin:0 0 8px}.lesson-card-header{background:linear-gradient(135deg,#a8edea1a 0%,#fed6e31a 100%);border-bottom:1px solid #a8edea33;align-items:center;gap:16px;padding:20px 24px;display:flex}.lesson-card-header .card-icon{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.lesson-card-header h3{color:var(--ink);margin:0;font-size:1.2rem;font-weight:700;line-height:1.3}.lesson-card-header .card-subtitle{color:var(--ink-muted);margin:4px 0 0;font-size:.9rem;font-weight:400}.lesson-list{gap:6px;margin:0;padding-left:20px;display:grid}.lesson-card-container{width:100%;max-width:100%;overflow:hidden}.lesson-card-container.compact{gap:12px}.lesson-card-grid{flex-direction:column;gap:24px;display:flex}.lesson-card-grid .lesson-card{width:100%;min-height:auto}.lesson-card-grid .lesson-card:hover{transform:translateY(-2px)}.lesson-card-grid.compact{gap:16px}.lesson-card-grid.compact .lesson-card{padding:14px 16px}@media (max-width:720px){.lesson-card-grid{gap:16px;padding:0}.lesson-card-grid .lesson-card{border-radius:12px;box-shadow:0 2px 8px #00000014}.lesson-card-grid .lesson-card:hover{transform:none}.lesson-card-grid .card-content{padding:16px}.lesson-card-grid .lesson-card-header{padding:14px 16px}.lesson-card-grid .lesson-card-header .card-icon{width:36px;height:36px;font-size:1.2rem}.lesson-card-grid .lesson-card-header h3{font-size:1rem}.lesson-card-grid .lesson-card-header .card-subtitle{font-size:.8rem}}.lesson-section-grid{gap:14px;display:grid}.lesson-section ul{margin:6px 0 0 18px}.lesson-steps{gap:6px;margin:8px 0;padding-left:22px;display:grid}.suggested-questions-grid{grid-template-columns:1fr;gap:12px;margin-top:16px;display:grid}.suggested-question-btn{border-radius:var(--radius);color:var(--ink);text-align:left;cursor:pointer;background:linear-gradient(135deg,#a8edea1a 0%,#fed6e31a 100%);border:1px solid #a8edea4d;padding:12px 16px;font-size:.9rem;transition:all .3s}.suggested-question-btn:hover{background:linear-gradient(135deg,#a8edea33 0%,#fed6e333 100%);border-color:#a8edea80;transform:translateY(-1px)}.lesson-card.incomplete-lesson{background:linear-gradient(135deg,#ffc1071a 0%,#ff98001a 100%);border:1px solid #ffc1074d}.lesson-card.warning-card{background:linear-gradient(135deg,#ffc1070d 0%,#ff98000d 100%);border:1px solid #ffc10733}.lesson-card.info-card{background:linear-gradient(135deg,#a8edea14 0%,#fed6e314 100%);border:1px solid #a8edea4d;border-left:4px solid #a8edea}.lesson-card details{margin-top:16px}.lesson-card summary{cursor:pointer;color:var(--ink-muted);margin-bottom:8px;font-size:.9rem}.lesson-card pre{border-radius:var(--radius-sm);background:#0000000d;max-height:200px;padding:12px;font-size:.8rem;overflow:auto}.question-panel{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid #a8edea33;margin-top:32px;padding:32px}.question-header{text-align:center;margin-bottom:24px}.question-header h3{color:var(--ink);margin-bottom:8px;font-size:1.5rem}.question-header p{color:var(--ink-muted);font-size:1rem}.suggested-questions{margin-bottom:32px}.suggested-questions h4{color:var(--ink);margin-bottom:16px;font-size:1.1rem;font-weight:600}.suggestions-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.suggestion-btn{border-radius:var(--radius);color:var(--ink);text-align:left;cursor:pointer;background:linear-gradient(135deg,#a8edea1a 0%,#fed6e31a 100%);border:1px solid #a8edea4d;padding:16px 20px;font-size:.95rem;line-height:1.4;transition:all .3s}.suggestion-btn:hover{box-shadow:var(--shadow);background:linear-gradient(135deg,#a8edea33 0%,#fed6e333 100%);border-color:#a8edea80;transform:translateY(-2px)}.question-form{border-top:1px solid #a8edea33;padding-top:24px}.question-input{border-radius:var(--radius);resize:vertical;background:#a8edea0d;border:1px solid #a8edea4d;width:100%;min-height:80px;padding:16px 20px;font-size:1rem;line-height:1.5;transition:all .3s}.question-input:focus{background:#a8edea1a;border-color:#a8edea99;outline:none;box-shadow:0 0 0 3px #a8edea1a}.ask-btn{width:100%;margin-top:16px;padding:16px 24px;font-size:1.1rem;font-weight:600}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{font-family:var(--font-display),serif;color:var(--ink);margin:20px 0 12px}.markdown-content h1{font-size:1.8rem}.markdown-content h2{font-size:1.5rem}.markdown-content h3{font-size:1.3rem}.markdown-content h4{font-size:1.1rem}.markdown-content p{margin-bottom:12px;line-height:1.7}.markdown-content ul,.markdown-content ol{margin:12px 0;padding-left:24px}.markdown-content li{margin-bottom:8px;line-height:1.6}.markdown-content strong{color:var(--ink);font-weight:600}.markdown-content em{color:var(--ink-muted);font-style:italic}.markdown-content code{color:var(--ink);background:#fffc;border:1px solid #0000001a;border-radius:4px;padding:2px 6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem}.markdown-content pre{background:#14213d14;border-radius:10px;padding:16px;overflow:auto}.markdown-content pre code{background:0 0;border:none;padding:0;font-size:.9rem}.markdown-content blockquote{border-left:4px solid var(--accent-3);background:#ffe66d1a;border-radius:0 8px 8px 0;margin:16px 0;padding:16px 20px;font-style:italic}.formatted-content .definition{border:1px solid var(--accent-2);background:#4ecdc41a;border-radius:8px;margin:16px 0;padding:16px}.formatted-content .example{border:1px solid var(--accent-3);background:#ffe66d1a;border-radius:8px;margin:16px 0;padding:16px}.formatted-content .important{border:1px solid var(--accent);background:#ff6b6b1a;border-radius:8px;margin:16px 0;padding:16px}@media (max-width:900px){.dashboard{grid-template-columns:1fr}.subjects-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.subject-tile{text-align:center;flex-direction:column}.chapter-header{padding:24px}.chapter-info h1{font-size:2rem}.lesson-content{padding:20px}.next-steps-grid{grid-template-columns:1fr}.lesson-actions{padding:20px}}@media (max-width:768px){.nav{flex-wrap:wrap;min-height:60px;padding:12px 16px}.brand{font-size:1.2rem}.brand-mark{width:36px;height:36px}.nav-links{flex-wrap:wrap;justify-content:center;gap:8px;width:100%}.nav-links .button{min-width:auto;padding:8px 16px;font-size:.9rem}.hero{text-align:center;grid-template-columns:1fr;gap:32px;padding:24px 16px}.hero h1{margin-bottom:16px;font-size:clamp(1.8rem,8vw,2.5rem);line-height:1.2}.hero p{max-width:100%;margin:0 auto 24px;padding:16px 20px;font-size:1.05rem}.pill{margin-bottom:16px;padding:6px 16px;font-size:.85rem}.cta-buttons{flex-direction:column;align-items:stretch;gap:12px}.button{text-align:center;width:100%;padding:14px 20px;font-size:1rem}.rotating-features{margin-bottom:24px}.feature-showcase{height:70px;padding:0 16px}.showcase-item{padding:0 16px}.showcase-icon{min-width:40px;height:40px;font-size:1.8rem}.showcase-content strong{font-size:1rem}.showcase-content span{font-size:.85rem}.hero-features{grid-template-columns:1fr;gap:20px;margin-top:32px}.feature-card{text-align:center;padding:20px}.feature-icon{margin-bottom:16px;font-size:2.5rem}.feature-card h3{margin-bottom:12px;font-size:1.2rem}.feature-card p{font-size:.95rem;line-height:1.5}.subjects-preview{padding:32px 16px}.subject-card{text-align:center;flex-direction:column;padding:20px}.how-it-works{padding:48px 16px}.how-it-works h2{margin-bottom:32px;font-size:1.8rem}.steps{grid-template-columns:1fr;gap:24px;padding:0}.step{padding:24px 20px}.step-icon{margin-bottom:16px;font-size:2.5rem}.step h3{font-size:1.2rem}.testimonials{padding:48px 16px}.testimonials h2{margin-bottom:32px;font-size:1.8rem}.testimonial-grid{grid-template-columns:1fr;gap:20px;padding:0}.testimonial{text-align:center;flex-direction:column;padding:24px}.avatar{margin-bottom:12px;font-size:2rem}.beta-announcement{padding:48px 16px}.beta-announcement h2{margin-bottom:16px;font-size:1.8rem}.beta-subtitle{margin-bottom:32px;font-size:1.05rem}.beta-features{text-align:left;gap:16px}.beta-feature{font-size:1rem}.button.large{padding:16px 24px;font-size:1rem}.faq{padding:32px 16px;background:#f8f9fa!important}.faq h2{margin-bottom:24px;font-size:1.6rem}.faq-grid{gap:16px;grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;padding:0!important}.faq-item{box-sizing:border-box!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #e9ecef!important;width:100%!important;max-width:100%!important;margin:0!important;padding:20px!important;transform:none!important;box-shadow:0 2px 4px #0000001a!important}.faq-item:hover{transform:none!important}.faq-item h3{margin-bottom:12px;font-size:1rem;line-height:1.4;color:#333!important}.faq-item p{word-wrap:break-word;overflow-wrap:break-word;font-size:.9rem;line-height:1.5;color:#666!important}.question-panel{margin-top:16px;padding:20px 16px}.suggestions-grid{grid-template-columns:1fr;gap:8px}.suggestion-btn{padding:12px 16px;font-size:.9rem}.question-input{min-height:60px;padding:12px 16px;font-size:16px}.ask-btn{padding:12px 20px;font-size:1rem}.footer-grid{grid-template-columns:1fr;gap:24px;padding:0 16px}.footer-brand{text-align:center}.social-links{justify-content:center;gap:12px}.footer-links{text-align:center}.footer-links h4{margin-bottom:16px}.floating-ask-btn{border-radius:25px;padding:12px 16px;font-size:14px;bottom:16px;right:16px}.btn-text{display:none}.btn-icon{font-size:1.1rem}.form-shell{grid-template-columns:1fr;gap:24px;margin:24px auto;padding:0 16px}.form-card,.benefits-card,.onboarding-card{border-radius:16px;padding:20px}.form-card h2{margin-bottom:12px;font-size:1.5rem}.form-card p{margin-bottom:24px;font-size:1rem}.form-grid{gap:16px}.input-group{margin-bottom:16px}.input-group label{margin-bottom:8px;font-size:.95rem}.modern-input,input,select,textarea{box-sizing:border-box;border-radius:12px;width:100%;padding:12px 16px;font-size:16px}.subject-pills{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.subject-pill{padding:8px 12px;font-size:.9rem}.dashboard{grid-template-columns:1fr;gap:24px;padding:0 16px}.welcome-section{text-align:left;padding:20px}.welcome-section h2{margin-bottom:12px;font-size:1.5rem}.subjects-section h3{margin-bottom:16px;font-size:1.3rem}.subjects-grid{grid-template-columns:1fr;gap:16px}.subject-tile{text-align:center;flex-direction:column;padding:20px}.subject-icon{margin-bottom:12px;font-size:2rem}.profile-card,.progress-card{margin-bottom:20px;padding:20px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:12px}.stat-item{text-align:center;flex-direction:column;padding:12px 8px}.stat-emoji{margin-bottom:4px;font-size:1.2rem}.middle-hero{grid-template-columns:1fr;padding:20px}.middle-actions{flex-direction:column}.middle-subjects-grid,.middle-tip-grid{grid-template-columns:1fr}.preparatory-hero{grid-template-columns:1fr;padding:20px}.preparatory-actions{flex-direction:column}.preparatory-subjects-grid,.preparatory-tip-grid{grid-template-columns:1fr}}@media (max-width:480px){.nav{padding:10px 12px}.nav-links .button{padding:6px 12px;font-size:.85rem}.hero{padding:20px 12px}.hero h1{margin-bottom:12px;font-size:clamp(1.4rem,7vw,1.8rem)}.hero p{padding:12px 14px;font-size:.95rem}.feature-card{padding:16px}.feature-card h3{font-size:1.1rem}.feature-card p{font-size:.9rem}.step{padding:20px 16px}.step h3{font-size:1.1rem}.testimonial,.faq-item{padding:18px}.beta-announcement{padding:32px 12px}.form-shell{padding:0 12px}.form-card,.benefits-card{padding:18px}.stats-grid{grid-template-columns:1fr;gap:10px}.footer-grid{padding:0 12px}}@media (max-height:600px) and (orientation:landscape){.hero{padding:16px}.hero h1{margin-bottom:8px;font-size:1.8rem}.hero p{margin-bottom:16px;padding:12px 16px;font-size:1rem}.cta-buttons{flex-direction:row;gap:12px}.rotating-features{margin-bottom:20px}.feature-showcase{height:76px;padding:0 20px}.showcase-item{padding:0 20px}.hero-features{margin-top:24px}.floating-ask-btn{padding:10px 14px;bottom:12px;right:12px}}@media (max-width:700px){.suggestion-extra{display:none}.chapter-container{max-width:96vw}.lesson-panel{min-height:auto}.chat-messages{max-height:45vh;padding:20px 20px 12px}.chat-input{flex-direction:column;align-items:stretch}.chat-input textarea{border-radius:14px;width:100%;min-height:88px}.chat-input .button{width:100%}}.trust-bar{background:linear-gradient(135deg,#0056d308 0%,#7c3aed08 100%);border-radius:20px;margin:64px 0;padding:48px 0}.trust-stats{text-align:center;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;max-width:1200px;margin:0 auto;padding:0 24px;display:grid}.stat .number{color:var(--primary);margin-bottom:8px;font-size:2.5rem;font-weight:700;display:block}.stat .label{color:var(--text-secondary);font-size:1rem;font-weight:500}.how-it-works{text-align:center;max-width:1200px;margin:0 auto;padding:80px 0}.how-it-works h2{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:48px;font-size:2.5rem}.steps{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:48px;margin-bottom:48px;padding:0 24px;display:grid}.step{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:20px;padding:40px 32px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 8px 32px #0056d31a}.step:hover{transform:translateY(-8px);box-shadow:0 16px 48px #0056d326}.step-number{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.9rem;font-weight:700;display:flex;position:absolute;top:-15px;left:32px}.step-icon{margin-bottom:20px;font-size:3rem}.step h3{color:var(--text-primary);margin-bottom:12px;font-size:1.5rem}.step p{color:var(--text-secondary);line-height:1.6}.cta-center{text-align:center}.testimonials{background:linear-gradient(135deg,#a8edea14 0%,#fed6e30d 100%);padding:80px 0}.testimonials h2{text-align:center;color:var(--text-primary);margin-bottom:48px;font-size:2.5rem}.testimonial-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;max-width:1200px;margin:0 auto;padding:0 24px;display:grid}.testimonial{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;gap:20px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 32px #0056d314}.testimonial:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0056d31f}.avatar{flex-shrink:0;font-size:2.5rem}.quote{color:var(--text-primary);margin-bottom:16px;font-size:1.1rem;font-style:italic;line-height:1.6}.testimonial .name{color:var(--primary);margin-bottom:4px;font-weight:600}.details{color:var(--text-secondary);margin-bottom:12px;font-size:.9rem}.stars{font-size:1.1rem}.pricing{text-align:center;max-width:1200px;margin:0 auto;padding:80px 0}.pricing h2{color:var(--text-primary);margin-bottom:16px;font-size:2.5rem}.pricing-subtitle{color:var(--text-secondary);margin-bottom:48px;font-size:1.2rem}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-bottom:32px;padding:0 24px;display:grid}.plan{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #0000;border-radius:20px;padding:40px 32px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 8px 32px #0056d314}.plan:hover{transform:translateY(-6px);box-shadow:0 16px 48px #0056d326}.plan.popular{border-color:var(--primary);transform:scale(1.05)}.popular-badge,.save-badge{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border-radius:20px;padding:6px 16px;font-size:.8rem;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.save-badge{background:linear-gradient(135deg,#f59e0b,#d97706)}.plan h3{color:var(--text-primary);margin-bottom:16px;font-size:1.5rem}.price{color:var(--primary);margin-bottom:8px;font-size:3rem;font-weight:700}.price span{color:var(--text-secondary);font-size:1rem}.price-breakdown{color:var(--text-secondary);margin-bottom:24px;font-size:.9rem}.plan ul{text-align:left;margin-bottom:32px;padding:0}.plan li{border-bottom:1px solid #0056d31a;padding:8px 0;font-size:.95rem;list-style:none}.plan li:last-child{border-bottom:none}.plan-cta{text-align:center;cursor:pointer;border:none;border-radius:12px;width:100%;padding:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.plan.free .plan-cta{background:var(--surface-secondary);color:var(--text-primary);border:2px solid var(--border-light)}.plan.pro .plan-cta{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff}.plan.annual .plan-cta{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.beta-announcement{text-align:center;background:linear-gradient(135deg,#a8edea26 0%,#fed6e31a 100%);padding:80px 0}.beta-container{max-width:800px;margin:0 auto;padding:0 24px}.beta-badge{color:var(--text-primary);background:linear-gradient(135deg,#a8edea,#fed6e3);border-radius:25px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 20px;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:0 4px 16px #a8edea66}.beta-icon{font-size:1.1rem}.beta-announcement h2{color:var(--text-primary);background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:2.8rem}.beta-subtitle{color:var(--text-secondary);margin-bottom:40px;font-size:1.2rem;line-height:1.6}.beta-features{text-align:left;gap:20px;max-width:500px;margin-bottom:40px;margin-left:auto;margin-right:auto;display:grid}.beta-feature{color:var(--text-primary);align-items:center;gap:16px;font-size:1.1rem;display:flex}.beta-feature .feature-icon{color:var(--text-primary);background:linear-gradient(135deg,#a8edea,#fed6e3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.9rem;font-weight:700;display:flex}.beta-cta{margin-top:40px}.button.large{border-radius:14px;padding:18px 40px;font-size:1.1rem}.beta-note{color:var(--text-secondary);margin-top:16px;font-size:.95rem;font-style:italic}.faq{background:0 0;padding:48px 0}.faq h2{text-align:center;color:var(--ink);font-size:1.6rem;font-family:var(--font-display),serif;margin-bottom:32px}.faq-grid{grid-template-columns:repeat(2,1fr);gap:20px;max-width:900px;margin:0 auto;display:grid}@media (max-width:720px){.faq-grid{grid-template-columns:1fr}}.faq-item{background:var(--paper);border:1px solid var(--paper-3);border-radius:12px;padding:24px;transition:all .2s}.faq-item:hover{border-color:var(--accent)}.faq-item h3{color:var(--ink);margin-bottom:8px;font-size:1rem;font-weight:600}.faq-item p{color:var(--ink-muted);font-size:.95rem;line-height:1.5}.floating-ask-btn{color:var(--text-primary);cursor:pointer;z-index:1000;background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);border:none;border-radius:50px;align-items:center;gap:8px;padding:15px 25px;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 24px #a8edea66}.floating-ask-btn:hover{transform:scale(1.05);box-shadow:0 12px 32px #a8edea99}.btn-icon{font-size:1.2rem}.btn-text{font-weight:600}@media (min-width:768px){.floating-ask-btn{bottom:30px;right:30px}}.site-footer{background:var(--paper-2);border-top:1px solid var(--paper-3);margin-top:48px;padding:48px 24px 24px}.footer-grid{grid-template-columns:2fr repeat(4,1fr);gap:48px;max-width:1200px;margin:0 auto;padding:0 24px;display:grid}.footer-brand h3{color:var(--ink);font-size:1.3rem;font-family:var(--font-display),serif;margin-bottom:12px}.footer-brand p{color:var(--ink-muted);font-size:.95rem;line-height:1.5}.footer-links h4{color:var(--ink);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:.9rem;font-weight:600}.footer-links ul{padding:0;list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{color:var(--ink-muted);font-size:.9rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--paper-3);text-align:center;margin-top:32px;padding-top:20px}.footer-bottom p{color:var(--ink-light);font-size:.85rem}@media (max-width:768px){.footer-grid{grid-template-columns:1fr;gap:32px}.social-links{justify-content:center}.lesson-card-header{gap:12px!important;padding:16px 18px!important}.lesson-card-header .card-icon{width:40px!important;height:40px!important;font-size:1.3rem!important}.lesson-card-header h3{font-size:1.1rem!important}.card-content{padding:18px!important}.content-highlight{gap:8px!important;padding:12px!important}.enhanced-list li{padding:10px 12px!important}.enhanced-steps li{gap:12px!important;padding:12px 16px!important}.enhanced-steps .step-number{width:28px!important;height:28px!important;font-size:.8rem!important}.section-title{margin:16px 0 10px!important;font-size:.95rem!important}.lesson-panel{min-height:auto!important}.lesson-output{margin-bottom:12px!important;padding:12px 16px!important}.lesson-output-header{margin-bottom:10px!important;padding-bottom:10px!important}.lesson-output-header h3{font-size:1.1rem!important}.lesson-output-header p{font-size:.85rem!important}.lesson-output-title{flex-direction:column;align-items:flex-start}.lesson-scroll-btn{justify-content:center;width:100%}}@media screen and (max-width:768px){*{transition:none!important;animation:none!important;transform:none!important}.showcase-item{transition:opacity .3s!important}.dot,.button{transition:background .2s!important}.hero p,.feature-card,.subject-card,.testimonial,.beta-container,.form-card,.feature-showcase,.faq-item{-webkit-backdrop-filter:none!important;box-shadow:0 2px 4px #0000001a!important}.hero p{background:#333!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:initial!important;color:#333!important}body{-webkit-text-size-adjust:100%!important;font-size:16px!important;overflow-x:hidden!important}.button{min-height:44px!important;padding:12px 16px!important;font-size:16px!important}input,textarea,select{appearance:none!important;font-size:16px!important}.page{min-height:100vh!important;width:100%!important;min-height:-webkit-fill-available!important;overflow-x:hidden!important}.main{width:100%!important;max-width:100vw!important;overflow-x:hidden!important}.hero{padding:16px!important;display:block!important}.rotating-features{width:100%!important;margin-bottom:16px!important}.feature-showcase{background:#f8f9fa!important;border:1px solid #e9ecef!important;height:60px!important;padding:0 12px!important}.showcase-item{padding:0 12px!important}.showcase-icon{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%)!important;min-width:36px!important;height:36px!important;font-size:1.5rem!important}.showcase-content strong{color:#333!important;font-size:.9rem!important}.showcase-content span{color:#666!important;font-size:.8rem!important}}@media screen and (max-width:480px){.page,.main,.hero{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important;padding:8px!important;display:block!important}.rotating-features{width:100%!important;margin:8px 0!important}.feature-showcase{background:#fff!important;border:1px solid #ddd!important;border-radius:8px!important;height:auto!important;min-height:50px!important;padding:8px!important;display:block!important}.feature-dots{display:none!important}.showcase-item{opacity:1!important;padding:8px!important;display:none!important;position:static!important;transform:none!important}.showcase-item.active{display:block!important}.showcase-icon{vertical-align:middle!important;margin-right:8px!important;display:inline-block!important}.showcase-content{vertical-align:middle!important;display:inline-block!important}.hero h1{margin:8px 0!important;font-size:1.5rem!important;line-height:1.3!important}.hero p{color:#333!important;-webkit-text-fill-color:initial!important;background:0 0!important;margin:8px 0!important;font-size:1rem!important}.cta-buttons{margin:16px 0!important;display:block!important}.button{text-align:center!important;width:100%!important;margin:8px 0!important;display:block!important}.faq{background:#fff!important;padding:16px 8px!important}.faq h2{text-align:center;margin-bottom:16px!important;font-size:1.3rem!important}.faq-grid{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;display:block!important}.faq-item{width:100%!important;max-width:100%!important;box-shadow:none!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #ddd!important;border-radius:8px!important;margin:8px 0!important;padding:12px!important;display:block!important}.faq-item h3{color:#333!important;margin:0 0 8px!important;font-size:1rem!important;font-weight:600!important}.faq-item p{color:#666!important;word-break:break-word!important;margin:0!important;font-size:.9rem!important;line-height:1.4!important}}.cta-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.cta-note{color:#4f5b6a;font-size:.95rem}.cta-contact{color:#1f2937;flex-wrap:wrap;gap:16px;margin-top:12px;font-weight:600;display:flex}.exam-highlight{background:linear-gradient(135deg,#fff7e6 0%,#e9f2ff 100%);border:1px solid #f1d9ad;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:20px 24px;display:flex;box-shadow:0 18px 40px #10182814}.exam-badge{color:#f8fafc;background:#1e293b;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.exam-highlight h3{margin:10px 0 6px;font-size:1.5rem}.exam-highlight p{color:#475569;margin:0}.exam-cta{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.checkmyanswer{max-width:1400px;margin:0 auto;padding:16px 0 32px}.teacher-workspace{max-width:1400px}.checkmyanswer-header{background:linear-gradient(135deg,#fdf4e7 0%,#eef5ff 100%);border-radius:16px;padding:20px 24px;box-shadow:0 18px 40px #10182814}.checkmyanswer-header h2{margin:0 0 6px;font-size:1.8rem}.checkmyanswer-header p{margin:0;font-size:1.05rem}.checkmyanswer-controls{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:14px;margin-top:16px;display:grid}.checkmyanswer-tabs{background:#94a3b81f;border:1px solid #94a3b82e;border-radius:999px;gap:8px;margin-top:12px;padding:6px;display:inline-flex}.checkmyanswer-tabs .tab{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:10px 18px;font-size:1rem;font-weight:600}.checkmyanswer-tabs .tab.active{color:var(--ink);background:#fff;box-shadow:0 6px 16px #0f172a14}.checkmyanswer-controls .field span{margin-bottom:6px;font-size:.95rem;font-weight:600;display:block}.checkmyanswer-controls select,.checkmyanswer-controls textarea{background:#fff;border:1px solid #d4dbe6;border-radius:10px;width:100%;padding:12px 14px;font-size:1rem}.checkmyanswer-card{background:#fff;border-radius:16px;margin-top:20px;padding:20px 24px;box-shadow:0 20px 50px #12203b14}.upload-card{margin-top:20px}.upload-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.upload-results{gap:16px;display:grid}.upload-meta{flex-wrap:wrap;gap:10px;display:flex}.low-confidence{color:#92400e;background:#fbbf242e;border:1px solid #fbbf2466;border-radius:10px;padding:10px 12px;font-weight:600}.upload-pair{background:#f8fafcb3;border:1px solid #94a3b833;border-radius:12px;gap:6px;padding:12px;display:grid}.upload-question,.upload-answer{color:var(--ink);margin:0}.checkbox{color:var(--ink);align-items:center;gap:8px;font-weight:600;display:flex}.ideal-answers{gap:12px;margin-top:16px;display:grid}.ideal-answer-item{background:#e2e8f066;border:1px solid #94a3b833;border-radius:12px;padding:12px}.question-header h3{margin:8px 0 0;font-size:1.5rem}.question-header p{margin:4px 0 0;font-size:1.1rem}.question-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.field.full span{color:var(--ink);font-size:1.25rem;font-weight:600;line-height:1.5;display:block}.field.full textarea{resize:vertical;border:1px solid #d4dbe6;border-radius:12px;width:100%;margin-top:10px;padding:16px 18px;font-size:1.2rem;line-height:1.7}.checkmyanswer-actions{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.checkmyanswer-actions .button{padding:12px 20px;font-size:1rem}.evaluation-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin-top:20px;padding:18px}.teacher-workspace .field input{background:#fff;border:1px solid #d4dbe6;border-radius:10px;width:100%;padding:12px 14px;font-size:1rem}.teacher-workspace .field span{font-size:.95rem}.plan-card .chatbot-messages{max-height:280px;overflow-y:auto}.teacher-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:14px;display:grid}.teacher-grade-row{flex-wrap:wrap;gap:14px;margin-top:14px;display:flex}.teacher-grade-row .checkbox{font-size:1rem}.teacher-tool-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;display:grid}.teacher-tool-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #94a3b840;border-radius:14px;gap:6px;padding:16px 18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid;box-shadow:0 14px 30px #0f172a14}.teacher-tool-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px #0f172a1f}.teacher-tool-card.active{background:#eff6ffcc;border-color:#3b82f666}.teacher-tool-card .pill{padding:6px 12px;font-size:.8rem}.teacher-tool-card h4{margin:0;font-size:1.15rem}.teacher-tool-card p{color:var(--ink-muted);margin:0;font-size:.95rem}.pending-pill{color:#9a3412;background:#f9731633;border-radius:999px;align-items:center;margin-left:8px;padding:2px 8px;font-size:.8rem;font-weight:700;display:inline-flex}.question-editor{gap:14px;margin-top:16px;display:grid}.question-editor-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.question-editor-header h4{margin:0;font-size:1.15rem}.question-row{grid-template-columns:minmax(0,1fr) 120px;align-items:start;gap:12px;display:grid}.question-row textarea{font-size:1rem}.teacher-submissions{gap:10px;margin-top:14px;display:grid}.teacher-submission{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;font-weight:600;display:flex}.teacher-submission strong{font-size:1.05rem}.teacher-submission-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.teacher-submission-score{align-items:center;gap:12px;font-size:1.05rem;display:flex}.teacher-answers{gap:10px;display:grid}.teacher-answer{background:#f8fafccc;border:1px solid #94a3b840;border-radius:12px;padding:14px;font-weight:500}.teacher-answer-text{color:#334155;margin-top:6px;font-size:1rem;font-weight:500}.teacher-answer-eval h5{margin-bottom:4px;font-size:1rem}.teacher-topics{gap:10px;display:grid}.teacher-topic{background:#fffc;border:1px solid #94a3b840;border-radius:12px;padding:10px 12px}.teacher-topic-title{margin-bottom:6px;font-weight:700}.teacher-topic-metrics{color:#475569;gap:12px;font-weight:600;display:flex}.teacher-analytics{gap:16px;margin:24px 0;display:grid}.teacher-question-summary{gap:12px;display:grid}.teacher-question-card{background:#fff;border:1px solid #94a3b840;border-radius:14px;padding:14px 16px}.teacher-question-metrics{color:#475569;flex-wrap:wrap;gap:12px;margin-top:8px;font-weight:600;display:flex}.teacher-topic-tags{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.teacher-difficult ul{margin:8px 0 0;padding-left:20px}.teacher-publish-summary{color:#065f46;background:#10b9811f;border:1px solid #10b98159;border-radius:14px;gap:12px;margin-top:12px;padding:14px 16px;font-weight:600;display:grid}.rating-chip{color:#0f172a;background:#e2e8f0;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:.85rem;font-weight:700;display:inline-flex}.rating-5{color:#166534;background:#22c55e40}.rating-4{color:#166534;background:#22c55e26}.rating-3{color:#92400e;background:#facc1540}.rating-2{color:#9a3412;background:#f9731640}.rating-1{color:#991b1b;background:#ef444440}.rating-0{color:#475569;background:#94a3b84d}.teacher-class-status{margin-top:24px}.teacher-class-table{gap:8px;display:grid}.teacher-class-row{color:#334155;background:#fff;border:1px solid #94a3b840;border-radius:12px;grid-template-columns:1.2fr 1.6fr .8fr .8fr;gap:10px;padding:10px 12px;font-weight:600;display:grid}.teacher-class-row.header{background:#0f172a0f;font-weight:700}.ai-waiting{color:#1e3a8a;text-align:center;background:#3b82f61f;border:1px solid #3b82f659;border-radius:14px;margin-top:16px;padding:14px 16px;font-weight:600}.ai-waiting-title{margin-bottom:4px;font-size:1.05rem}.evaluation-score{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.evaluation-score h4{margin:0 0 6px;font-size:1rem}.score-pill{color:#fff;background:#0f172a;border-radius:999px;padding:8px 16px;font-size:1.15rem;font-weight:700}.evaluation-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:16px;display:grid}.evaluation-grid h5,.evaluation-next h5{margin:0 0 8px;font-size:1.15rem}.evaluation-grid ul,.evaluation-next ul{margin:8px 0 0;padding-left:20px;font-size:1.1rem;line-height:1.6}.evaluation-answer,.evaluation-next{margin-top:16px}.evaluation-answer h5{margin:0 0 8px;font-size:1.15rem}.evaluation-answer p{color:var(--ink);font-size:1.1rem;line-height:1.7}.empty-state{text-align:center;padding:28px;font-size:1rem}.history-panel{background:#fff;border-radius:18px;margin-top:24px;padding:24px;box-shadow:0 18px 40px #12203b14}.history-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.history-list{gap:14px;margin-top:14px;display:grid}.history-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px}.history-meta{color:#64748b;text-transform:uppercase;letter-spacing:.03em;flex-wrap:wrap;gap:12px;font-size:1rem;display:flex}.history-question{margin:8px 0 6px;font-size:1.2rem;font-weight:600}.history-score{color:#1e293b;font-size:1.1rem}.history-toggle{margin-top:12px}.history-details{border-top:1px solid #e2e8f0;margin-top:12px;padding-top:12px}.evaluation-details .evaluation-grid{margin-top:0}.exam-season{max-width:800px;margin:48px auto}.exam-season-card{border:1px solid var(--paper-3);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#fefefe 0%,#f8f9fa 100%);border-radius:20px;padding:32px}.exam-season-text h2{font-size:1.6rem;font-family:var(--font-display),serif;margin:0 0 12px}.exam-season-text p{color:var(--ink-muted);margin-bottom:0;line-height:1.6}.cta-pill{color:#fff;letter-spacing:.08em;background:#0f172a;border-radius:999px;justify-content:center;align-items:center;margin-right:8px;padding:3px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.exam-season-panel{gap:14px;display:grid}.panel-item{background:#ffffffd9;border:1px solid #94a3b859;border-radius:16px;padding:16px}.panel-item span{margin-bottom:6px;font-weight:600;display:block}.panel-item p{color:#475569;margin:0;font-size:.95rem}@media (max-width:720px){.hero-features{grid-template-columns:1fr}.cta-buttons{width:100%}.cta-buttons .button{justify-content:center;width:100%}.checkmyanswer{padding:16px 0 32px}.checkmyanswer-tabs{flex-wrap:wrap;justify-content:center;width:100%}.checkmyanswer-tabs .tab{text-align:center;flex:1}.checkmyanswer-controls{grid-template-columns:1fr}.checkmyanswer-actions .button{justify-content:center;width:100%}.schools-hero.schools-hero-split,.teachers-hero.teachers-hero-split{text-align:left;grid-template-columns:1fr}.schools-hero-visual,.teachers-hero-visual{min-height:260px}.schools-for{text-align:left}.checkmyanswer-hero{padding:24px}.checkmyanswer-points span{width:100%}.compare-row{text-align:left;grid-template-columns:1fr}.compare-row div:not(:first-child){text-align:left;font-size:.95rem}.compare-row.compare-head{display:none}.chatbot-card{padding:16px}.chatbot-input{grid-template-columns:1fr}.chatbot-input .button{justify-content:center;width:100%}.chatbot-card.chatwide{max-width:100%}.chatbot-hero,.evaluation-score{flex-direction:column;align-items:flex-start}.question-row{grid-template-columns:1fr}.teacher-submission-header{flex-direction:column;align-items:flex-start}.teacher-submission-score{flex-wrap:wrap;justify-content:space-between;width:100%}.teacher-topic-metrics{flex-direction:column;gap:4px}.teacher-class-row{grid-template-columns:1fr}.teacher-question-metrics{flex-direction:column}.teacher-tool-grid{grid-template-columns:1fr}.history-item{padding:14px}}.feature-card.highlight{background:linear-gradient(135deg,#fff7e6e6,#e8f3ffe6);border:1px solid #94a3b866;position:relative}.feature-badge{letter-spacing:.04em;color:#0f172a;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;font-size:.75rem;font-weight:700;display:inline-flex}.hero-clean{border-radius:28px;grid-template-columns:1fr 1fr;align-items:start;gap:48px;max-width:none;margin:0;padding:64px 48px 80px;display:grid;position:relative;overflow:hidden}.hero-content{z-index:1;flex-direction:column;gap:20px;padding:32px 32px 32px 40px;display:flex;position:relative}.hero-visual{background-image:url(/hero-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:24px;min-height:420px;position:relative;box-shadow:0 18px 40px #0f172a2e}.hero-clean h1{font-family:var(--font-display),serif;color:var(--ink);font-size:clamp(2.2rem,4vw,3.2rem);line-height:1.1}.hero-subtitle{color:var(--ink-muted);max-width:520px;box-shadow:none;background:0 0;border:none;margin:0;padding:0;font-size:1.15rem;line-height:1.6}.hero-highlights{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.hero-highlights span{background:var(--paper-2);color:var(--ink);border:1px solid var(--paper-3);border-radius:999px;align-items:center;padding:8px 16px;font-size:.9rem;font-weight:500;display:inline-flex}.hero-clean .cta-buttons{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.mobile-sticky-cta{display:none}.hero-clean .hero-features{gap:16px;margin-top:0;display:grid}.exam-features-inline{flex-wrap:wrap;gap:16px;margin:16px 0;display:flex}.exam-features-inline span{color:var(--ink);font-size:.95rem;font-weight:500}.footer-grid-simple{grid-template-columns:2fr 1fr 1fr;gap:48px;max-width:900px;display:grid}@media (max-width:720px){.nav{gap:12px;padding:16px}.nav-links{gap:8px}.nav-links .button{padding:10px 16px;font-size:.9rem}.brand-mark{width:40px;height:40px}.brand span{font-size:1.3rem}.main{padding:0 16px 96px}.hero-clean{border-radius:20px;grid-template-columns:1fr;gap:20px;padding:20px 16px 32px}.hero-content{gap:16px;padding:20px}.hero-visual{background-position:top;border-radius:18px;min-height:220px}.hero-clean h1{font-size:1.75rem;line-height:1.15}.hero-subtitle{font-size:1rem;line-height:1.5}.hero-highlights{gap:8px}.hero-highlights span{padding:6px 12px;font-size:.8rem}.hero-clean .cta-buttons{flex-direction:column;gap:10px;margin-top:4px}.hero-clean .cta-buttons .button{justify-content:center;width:100%;padding:14px 20px}.mobile-sticky-cta{padding:12px 16px calc(env(safe-area-inset-bottom) + 12px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:60;background:#fffffff5;border-top:1px solid #94a3b840;position:fixed;bottom:0;left:0;right:0}.mobile-sticky-cta .button{justify-content:center;width:100%}.hero-clean .hero-features{gap:12px}.feature-card{padding:20px}.feature-icon{margin-bottom:8px;font-size:1.75rem}.feature-card h3{margin-bottom:6px;font-size:1.05rem}.feature-card p{font-size:.9rem}.feature-badge{margin-bottom:8px}.exam-season{margin:32px 0}.exam-season-card{border-radius:16px;padding:24px 20px}.exam-season-text h2{margin-bottom:10px;font-size:1.35rem}.exam-season-text p{font-size:.95rem}.exam-features-inline{flex-direction:column;gap:10px;margin:14px 0}.exam-features-inline span{font-size:.9rem}.exam-season-text .button{justify-content:center;width:100%}.faq{padding:32px 0}.faq h2{margin-bottom:24px;font-size:1.4rem}.faq-grid{grid-template-columns:1fr;gap:12px}.faq-item{padding:18px}.faq-item h3{margin-bottom:6px;font-size:.95rem}.faq-item p{font-size:.9rem;line-height:1.45}.site-footer{margin-top:32px;padding:32px 16px 20px}.footer-grid-simple{text-align:center;grid-template-columns:1fr;gap:24px}.footer-brand h3{font-size:1.2rem}.footer-brand p{font-size:.9rem}.footer-links h4{margin-bottom:12px}.footer-links li{margin-bottom:8px}.footer-bottom{margin-top:24px;padding-top:16px}.footer-bottom p{font-size:.8rem}}@media (max-width:375px){.hero-clean h1{font-size:1.5rem}.hero-highlights span{padding:5px 10px;font-size:.75rem}.feature-card{padding:16px}.exam-season-card{padding:20px 16px}}@media (max-width:768px){.lesson-card-grid{gap:14px;padding:0 4px}.lesson-card{border-radius:12px;overflow:visible;box-shadow:0 2px 8px #0000000f}.lesson-card-header{gap:10px;padding:14px 16px}.lesson-card-header .card-icon{border-radius:10px;width:36px;height:36px;font-size:1.1rem}.lesson-card-header h3{font-size:1rem;line-height:1.3}.lesson-card-header .card-subtitle{margin-top:2px;font-size:.8rem}.card-content{padding:14px 16px}.content-highlight{border-radius:10px;gap:10px;margin:12px 0;padding:12px}.content-highlight .highlight-icon{font-size:1rem}.content-highlight p{font-size:.9rem;line-height:1.5}.lesson-list,.enhanced-list{gap:8px}.lesson-list li,.enhanced-list li{border-radius:8px;padding:10px 12px;font-size:.9rem}.list-bullet{font-size:.85rem}.enhanced-steps li{gap:10px;padding:12px 14px}.enhanced-steps .step-number{width:26px;height:26px;font-size:.75rem}.enhanced-steps .step-text{font-size:.9rem}.section-title{gap:6px;margin:14px 0 10px;font-size:.9rem}.section-icon{font-size:.95rem}.example-question,.example-solution{border-radius:10px;margin:10px 0;padding:12px}.lesson-output{margin-bottom:12px;padding:12px 14px}.lesson-output-header{margin-bottom:10px;padding-bottom:10px}.lesson-output-header h3{font-size:1.05rem}.lesson-output-header p{font-size:.8rem}.lesson-output-title{flex-wrap:wrap;gap:10px}.lesson-scroll-btn{padding:8px 14px;font-size:.85rem}.chat-panel{height:70vh;min-height:400px}.chat-messages{padding:12px}.chat-input-wrapper{padding:10px 12px}.lesson-card.info-card{border-radius:12px}.lesson-card.info-card .card-content{padding:14px}}@media (max-width:380px){.lesson-card-grid{gap:12px;padding:0}.lesson-card-header{padding:12px 14px}.lesson-card-header .card-icon{width:32px;height:32px;font-size:1rem}.lesson-card-header h3{font-size:.95rem}.card-content{padding:12px 14px}.content-highlight{padding:10px}.content-highlight p{font-size:.85rem}.lesson-list li,.enhanced-list li{padding:8px 10px;font-size:.85rem}}@media (max-width:768px){.lesson-card.status-card{border-radius:12px}.lesson-card.status-card .lesson-card-header{padding:14px 16px}.markdown-content,.lesson-markdown{font-size:.95rem;line-height:1.6}.markdown-content p,.lesson-markdown p{margin-bottom:12px}.markdown-content ul,.markdown-content ol,.lesson-markdown ul,.lesson-markdown ol{margin:10px 0;padding-left:20px}.markdown-content li,.lesson-markdown li{margin-bottom:6px}.markdown-inline{font-size:.9rem;line-height:1.5}.question-highlight,.answer-highlight{border-radius:10px;margin:10px 0;padding:12px}.enhanced-extra{border-radius:10px;margin:14px 0;padding:12px 14px}.enhanced-extra .extra-content{padding:10px;font-size:.85rem}.example-question,.example-steps,.example-answer{margin:12px 0}.example-content{border-radius:10px;padding:12px}.key-points-section{margin-top:14px}.ai-waiting{text-align:center;padding:20px 16px}.ai-waiting-title{margin-bottom:12px;font-size:1rem}.loading-lesson{padding:24px 16px}.loading-emoji{font-size:2rem}.question-form{padding:12px}.question-form input,.question-form textarea{padding:12px 14px;font-size:16px}.question-form button{padding:12px 16px;font-size:.9rem}.suggested-questions{gap:8px;margin:12px 0}.suggested-questions button{text-align:left;padding:10px 14px;font-size:.85rem}.extra-field{margin:10px 0;padding:10px 12px;font-size:.9rem}.extra-field strong{font-size:.85rem}.katex{font-size:1em}.katex-display{margin:12px 0;padding:8px 0;overflow-x:auto}.katex-display>.katex{max-width:100%}}@media (max-width:380px){.markdown-content,.lesson-markdown{font-size:.9rem}.question-highlight,.answer-highlight,.example-content{padding:10px}.ai-waiting{padding:16px 12px}.ai-waiting-title{font-size:.95rem}.suggested-questions button{padding:8px 12px;font-size:.8rem}.katex{font-size:.9em}}.landing-page{padding-bottom:64px}.schools-hero{text-align:center;background:linear-gradient(160deg,#0f172a 0%,#1e3a5f 50%,#1a365d 100%);border-radius:28px;margin-bottom:64px;padding:80px 24px;position:relative;overflow:hidden}.schools-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 80%,#38bdf826 0%,#0000 50%),radial-gradient(circle at 80% 20%,#a855f71a 0%,#0000 40%);position:absolute;inset:0}.schools-hero.schools-hero-split{text-align:left;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:64px 48px;display:grid}.schools-hero-content{z-index:1;max-width:720px;margin:0 auto;position:relative}.schools-hero-split .schools-hero-content{max-width:none;margin:0}.schools-hero-split .schools-cta{justify-content:flex-start}.schools-hero-visual{z-index:1;background-image:url(/school-hero-image-800.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border:3px solid #ffffff1a;border-radius:20px;min-height:420px;position:relative;box-shadow:0 25px 50px #0000004d}.schools-badge{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border-radius:999px;margin-bottom:24px;padding:10px 24px;font-size:.9rem;font-weight:700;display:inline-block;box-shadow:0 4px 15px #3b82f666}.schools-hero h1{font-family:var(--font-display),serif;color:#fff;text-shadow:0 2px 10px #0003;margin-bottom:20px;font-size:clamp(2.2rem,4.5vw,3.2rem);line-height:1.1}.schools-subtitle{color:#ffffffd9;margin-bottom:32px;font-size:1.2rem;line-height:1.7}.schools-cta{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.schools-cta .button.primary{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border:none;padding:16px 32px;font-size:1.1rem;font-weight:700;box-shadow:0 8px 25px #22c55e66}.schools-cta .button.primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #22c55e80}.schools-cta .button.secondary{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d}.schools-cta .button.secondary:hover{background:#fff3;border-color:#ffffff80}.teachers-hero{text-align:center;background:linear-gradient(160deg,#1e1b4b 0%,#312e81 50%,#3730a3 100%);border-radius:28px;margin-bottom:64px;padding:80px 24px;position:relative;overflow:hidden}.teachers-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 70% 70%,#fbbf2426 0%,#0000 50%),radial-gradient(circle at 30% 30%,#ec48991a 0%,#0000 40%);position:absolute;inset:0}.teachers-hero.teachers-hero-split{text-align:left;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:64px 48px;display:grid}.teachers-hero-content{z-index:1;max-width:720px;margin:0 auto;position:relative}.teachers-hero-split .teachers-hero-content{max-width:none;margin:0}.teachers-hero-split .teachers-cta{justify-content:flex-start}.teachers-hero-visual{z-index:1;background-image:url(/teacher-hero-image.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:3px solid #ffffff1a;border-radius:20px;min-height:420px;position:relative;box-shadow:0 25px 50px #0000004d}.teachers-badge{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:999px;margin-bottom:24px;padding:10px 24px;font-size:.9rem;font-weight:700;display:inline-block;box-shadow:0 4px 15px #f59e0b66}.teachers-hero h1{font-family:var(--font-display),serif;color:#fff;text-shadow:0 2px 10px #0003;margin-bottom:20px;font-size:clamp(2.2rem,4.5vw,3.2rem);line-height:1.1}.teachers-subtitle{color:#ffffffd9;margin-bottom:32px;font-size:1.2rem;line-height:1.7}.teachers-cta{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.teachers-cta .button.primary{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;padding:16px 32px;font-size:1.1rem;font-weight:700;box-shadow:0 8px 25px #f59e0b66}.teachers-cta .button.primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #f59e0b80}.teachers-cta .button.secondary{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d}.teachers-cta .button.secondary:hover{background:#fff3;border-color:#ffffff80}.schools-benefits,.teachers-benefits{margin-bottom:72px;padding:0 16px}.schools-for{text-align:center;margin:0 0 56px}.schools-for h2{font-family:var(--font-display),serif;margin-bottom:18px;font-size:clamp(1.8rem,3vw,2.4rem)}.schools-for-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.schools-for-item{color:#1e293b;background:linear-gradient(135deg,#fefefe 0%,#f8fafc 100%);border:1px solid #6366f133;border-radius:16px;padding:18px 22px;font-weight:600;transition:all .2s;box-shadow:0 10px 30px #0f172a14}.schools-for-item:hover{border-color:#6366f166;transform:translateY(-2px);box-shadow:0 15px 35px #0f172a1f}.benefit-metric{letter-spacing:.05em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:6px;margin-bottom:14px;padding:6px 14px;font-size:.8rem;font-weight:800;display:inline-block;box-shadow:0 3px 10px #6366f14d}.teachers-checkmyanswer{margin:72px 0}.checkmyanswer-hero{background:linear-gradient(160deg,#1e1b4b 0%,#312e81 100%);border:none;border-radius:24px;gap:20px;padding:48px 40px;display:grid;position:relative;overflow:hidden;box-shadow:0 25px 50px #1e1b4b40}.checkmyanswer-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#fbbf2433 0%,#0000 70%);width:300px;height:300px;position:absolute;top:0;right:0}.checkmyanswer-hero h2{color:#fff;font-family:var(--font-display),serif;margin:0;font-size:1.8rem}.checkmyanswer-hero>p{color:#ffffffd9;margin:0;font-size:1.1rem}.checkmyanswer-badge{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:8px 18px;font-size:.9rem;font-weight:700;display:inline-flex;box-shadow:0 4px 15px #f59e0b66}.checkmyanswer-points{z-index:1;flex-wrap:wrap;gap:12px;display:flex;position:relative}.checkmyanswer-points span{color:#1e293b;background:#fffffff2;border:none;border-radius:999px;padding:10px 18px;font-weight:600;box-shadow:0 4px 12px #0000001a}.checkmyanswer-impact{color:#fbbf24;z-index:1;font-size:1.15rem;font-weight:700;position:relative}.teachers-compare{margin:72px 0}.teachers-compare h2{font-family:var(--font-display),serif;text-align:center;color:var(--ink);margin-bottom:40px;font-size:2rem}.compare-table{background:#fff;border:none;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #0f172a1f}.compare-row{color:#1e293b;border-bottom:1px solid #94a3b826;grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;gap:12px;padding:18px 24px;font-weight:600;display:grid}.compare-row:nth-child(2n){background:#f8fafccc}.compare-row.compare-head{color:#fff;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);padding:20px 24px;font-weight:700}.compare-row.compare-head div:first-child,.compare-row div:first-child{background:inherit;z-index:1;padding-right:12px;position:sticky;left:0}.compare-row:last-child{border-bottom:none}.compare-row div:not(:first-child){text-align:center;font-size:1.2rem}.compare-row div:nth-child(2){color:#22c55e}.schools-benefits h2,.teachers-benefits h2{font-family:var(--font-display),serif;text-align:center;color:#0f172a;margin-bottom:48px;font-size:2.2rem;position:relative}.schools-benefits h2:after,.teachers-benefits h2:after{content:"";background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:2px;width:60px;height:4px;margin:16px auto 0;display:block}.benefits-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.benefit-card{background:#fff;border:1px solid #94a3b826;border-radius:20px;padding:32px 28px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 40px #0f172a14}.benefit-card:before{content:"";opacity:0;background:linear-gradient(90deg,#6366f1 0%,#8b5cf6 100%);height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.benefit-card:hover{border-color:#6366f14d;transform:translateY(-6px);box-shadow:0 20px 50px #0f172a26}.benefit-card:hover:before{opacity:1}.benefit-card.featured{background:linear-gradient(160deg,#fefce8 0%,#fef3c7 100%);border:2px solid #f59e0b4d}.benefit-card.featured:before{opacity:1;background:linear-gradient(90deg,#f59e0b 0%,#d97706 100%)}.benefit-icon{margin-bottom:18px;font-size:2.5rem;display:block}.benefit-card h3{color:#0f172a;margin-bottom:12px;font-size:1.2rem;font-weight:700}.benefit-card>p{color:#475569;margin-bottom:0;font-size:.95rem;line-height:1.7}.benefit-list{margin:16px 0 0;padding:0;list-style:none}.benefit-list li{color:#334155;padding:8px 0 8px 26px;font-size:.9rem;position:relative}.benefit-list li:before{content:"✓";color:#22c55e;font-size:1rem;font-weight:700;position:absolute;left:0}.schools-stats{background:linear-gradient(160deg,#0f172a 0%,#1e3a5f 100%);border-radius:24px;margin-bottom:72px;padding:56px 32px;position:relative;overflow:hidden}.schools-stats:before{content:"";pointer-events:none;background:radial-gradient(circle at 10% 90%,#22c55e26 0%,#0000 40%),radial-gradient(circle at 90% 10%,#3b82f626 0%,#0000 40%);position:absolute;inset:0}.schools-stats .stats-grid{text-align:center;z-index:1;grid-template-columns:repeat(4,1fr);gap:32px;max-width:900px;margin:0 auto;display:grid;position:relative}.schools-stats .stat-item{text-align:center;background:0 0;padding:16px;display:block}.schools-stats .stat-item .stat-number{font-family:var(--font-display),serif;-webkit-text-fill-color:#fff;background:0 0;margin-bottom:8px;font-size:3rem;font-weight:800;color:#fff!important}.schools-stats .stat-item .stat-label{font-size:.95rem;font-weight:600;color:#e2e8f0!important}.schools-how{margin-bottom:72px}.schools-how h2{font-family:var(--font-display),serif;text-align:center;color:#0f172a;margin-bottom:48px;font-size:2.2rem}.schools-how h2:after{content:"";background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%);border-radius:2px;width:60px;height:4px;margin:16px auto 0;display:block}.how-steps{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.how-step{text-align:center;background:#fff;border:1px solid #94a3b826;border-radius:20px;padding:32px 24px;transition:all .3s;box-shadow:0 10px 40px #0f172a14}.how-step:hover{transform:translateY(-4px);box-shadow:0 20px 50px #0f172a1f}.step-num{color:#fff;background:linear-gradient(160deg,#0f172a 0%,#1e3a5f 100%);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;font-size:1.4rem;font-weight:800;display:flex;box-shadow:0 8px 20px #0f172a33}.how-step h3{color:#0f172a;margin-bottom:12px;font-size:1.15rem;font-weight:700}.how-step p{color:#475569;font-size:.95rem;line-height:1.6}.teachers-problem{background:linear-gradient(#fef2f2 0%,#fff7ed 100%);border-radius:24px;margin-bottom:72px;padding:56px 32px}.teachers-problem h2{font-family:var(--font-display),serif;text-align:center;color:#0f172a;margin-bottom:48px;font-size:2.2rem}.problems-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.problem-item{text-align:center;background:#fff;border:1px solid #ef44441a;border-radius:20px;padding:32px 24px;transition:all .3s;box-shadow:0 10px 30px #0f172a14}.problem-item:hover{transform:translateY(-4px);box-shadow:0 15px 40px #0f172a1f}.problem-icon{margin-bottom:18px;font-size:2.8rem;display:block}.problem-item h3{color:#0f172a;margin-bottom:12px;font-size:1.1rem;font-weight:700}.problem-item p{color:#475569;font-size:.9rem;line-height:1.6}.teachers-testimonial{margin-bottom:72px}.testimonial-card{text-align:center;background:linear-gradient(160deg,#1e1b4b 0%,#312e81 100%);border-radius:24px;max-width:800px;margin:0 auto;padding:56px 48px;position:relative;overflow:hidden;box-shadow:0 25px 50px #1e1b4b40}.testimonial-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 30%,#fbbf241a 0%,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.quote-icon{font-family:var(--font-display),serif;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);-webkit-text-fill-color:transparent;z-index:1;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:6rem;line-height:.6;position:relative}.quote-text{color:#fffffff2;z-index:1;margin-bottom:28px;font-size:1.25rem;font-style:italic;line-height:1.9;position:relative}.quote-author{z-index:1;flex-direction:column;gap:6px;display:flex;position:relative}.quote-author strong{color:#fbbf24;font-size:1.05rem;font-weight:700}.quote-author span{color:#ffffffb3;font-size:.9rem}.teachers-use-cases{margin-bottom:72px}.teachers-use-cases h2{font-family:var(--font-display),serif;text-align:center;color:#0f172a;margin-bottom:48px;font-size:2.2rem}.teachers-use-cases h2:after{content:"";background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:2px;width:60px;height:4px;margin:16px auto 0;display:block}.use-cases-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.use-case{text-align:center;background:#fff;border:1px solid #94a3b826;border-radius:20px;padding:32px 24px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 40px #0f172a14}.use-case:before{content:"";opacity:0;background:linear-gradient(90deg,#f59e0b 0%,#d97706 100%);height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.use-case:hover{transform:translateY(-6px);box-shadow:0 20px 50px #0f172a26}.use-case:hover:before{opacity:1}.use-case-icon{margin-bottom:18px;font-size:2.8rem;display:block}.use-case h3{color:#0f172a;margin-bottom:12px;font-size:1.1rem;font-weight:700}.use-case p{color:#475569;font-size:.9rem;line-height:1.6}.schools-cta-section,.teachers-cta-section{margin-bottom:72px}.cta-card{text-align:center;color:#fff;background:linear-gradient(160deg,#0f172a 0%,#1e3a5f 100%);border-radius:28px;padding:72px 56px;position:relative;overflow:hidden;box-shadow:0 30px 60px #0f172a40}.cta-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 80%,#22c55e33 0%,#0000 50%),radial-gradient(circle at 80% 20%,#3b82f626 0%,#0000 50%);position:absolute;inset:0}.cta-card h2{font-family:var(--font-display),serif;z-index:1;margin-bottom:20px;font-size:2.4rem;position:relative}.cta-card>p{color:#ffffffd9;z-index:1;max-width:550px;margin-bottom:36px;margin-left:auto;margin-right:auto;font-size:1.15rem;position:relative}.cta-buttons{z-index:1;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:24px;display:flex;position:relative}.cta-card .button.primary{color:#fff;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border:none;padding:18px 36px;font-size:1.1rem;font-weight:700;box-shadow:0 8px 25px #22c55e66}.cta-card .button.primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #22c55e80}.cta-card .button.secondary{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;padding:16px 32px}.cta-card .button.secondary:hover{background:#fff3;border-color:#ffffff80}.cta-note{color:#ffffffb3;z-index:1;margin:0;font-size:.95rem;position:relative}.button.large{padding:18px 36px;font-size:1.1rem;font-weight:700}@media (max-width:768px){.schools-hero,.teachers-hero{border-radius:24px;margin-bottom:48px;padding:48px 24px}.schools-hero.schools-hero-split,.teachers-hero.teachers-hero-split{text-align:center;grid-template-columns:1fr;gap:32px;padding:40px 24px}.schools-hero-split .schools-cta,.teachers-hero-split .teachers-cta{justify-content:center}.schools-hero-visual,.teachers-hero-visual{border-radius:18px;order:-1;min-height:260px}.schools-hero h1,.teachers-hero h1{font-size:1.9rem}.schools-subtitle,.teachers-subtitle{font-size:1.05rem}.schools-cta,.teachers-cta{flex-direction:column;align-items:center;gap:12px}.schools-cta .button,.teachers-cta .button{width:100%;max-width:280px}.benefits-grid{grid-template-columns:1fr;gap:20px}.benefit-card{padding:28px 24px}.benefit-metric{padding:5px 12px;font-size:.75rem}.schools-benefits h2,.teachers-benefits h2,.schools-how h2,.teachers-problem h2,.teachers-use-cases h2,.teachers-compare h2{margin-bottom:36px;font-size:1.7rem}.schools-benefits h2:after,.teachers-benefits h2:after,.schools-how h2:after,.teachers-use-cases h2:after{margin-top:12px}.schools-stats .stats-grid{grid-template-columns:repeat(2,1fr);gap:24px}.schools-stats .stat-number{font-size:2.2rem}.schools-stats .stat-label{font-size:.85rem}.how-steps{grid-template-columns:repeat(2,1fr);gap:16px}.how-step{padding:24px 16px}.step-num{width:48px;height:48px;font-size:1.2rem}.teachers-problem{border-radius:20px;padding:40px 20px}.problems-grid{grid-template-columns:repeat(2,1fr);gap:16px}.problem-item{padding:24px 16px}.testimonial-card{padding:40px 24px}.quote-icon{font-size:4rem}.quote-text{font-size:1.05rem}.checkmyanswer-hero{padding:32px 24px}.checkmyanswer-hero h2{font-size:1.5rem}.checkmyanswer-points{gap:8px}.checkmyanswer-points span{padding:8px 14px;font-size:.85rem}.compare-table{overflow-x:auto}.compare-row{min-width:500px;padding:14px 16px}.use-cases-grid{grid-template-columns:repeat(2,1fr);gap:16px}.use-case{padding:28px 20px}.cta-card{border-radius:24px;padding:48px 28px}.cta-card h2{font-size:1.8rem}.cta-card>p{font-size:1rem}.cta-buttons{gap:12px}.button.large{padding:16px 28px;font-size:1rem}}@media (max-width:480px){.schools-hero,.teachers-hero{padding:36px 20px}.schools-hero.schools-hero-split,.teachers-hero.teachers-hero-split{gap:24px;padding:32px 20px}.schools-hero-visual,.teachers-hero-visual{border-radius:16px;min-height:200px}.schools-hero h1,.teachers-hero h1{font-size:1.6rem}.how-steps,.problems-grid,.use-cases-grid{grid-template-columns:1fr}.schools-stats .stats-grid{grid-template-columns:1fr 1fr;gap:16px}.schools-stats .stat-number{font-size:1.8rem}.testimonial-card{padding:32px 20px}.quote-icon{font-size:3rem}.quote-text{font-size:.95rem;line-height:1.8}.cta-card{padding:40px 20px}.cta-card h2{font-size:1.5rem}.cta-buttons{flex-direction:column}.cta-buttons .button{width:100%}.checkmyanswer-hero{padding:28px 20px}.checkmyanswer-badge{padding:6px 14px;font-size:.8rem}.checkmyanswer-impact{font-size:1rem}}.junior-page{min-height:100vh;font-family:var(--font-body),system-ui,sans-serif;background:linear-gradient(#fff5f5 0%,#f0f9ff 50%,#f5f3ff 100%)}.junior-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#ffffffe6;border-bottom:2px solid #0000000d;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.junior-brand{color:#1e293b;align-items:center;gap:12px;font-size:1.5rem;font-weight:800;display:flex}.junior-brand-icon{font-size:2rem;animation:3s ease-in-out infinite float}.junior-nav-links{gap:12px;display:flex}.junior-nav-button{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:999px;padding:10px 18px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s}.junior-nav-button:hover{background:#e2e8f0;transform:scale(1.05)}.junior-main{max-width:1100px;margin:0 auto;padding:24px}.junior-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.junior-loading-icon{font-size:4rem;animation:2s ease-in-out infinite float}.junior-loading p{color:#64748b;font-size:1.25rem;font-weight:500}.junior-welcome{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:2px solid #0000000a;border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:28px 32px;display:flex;box-shadow:0 10px 40px #00000014}.junior-welcome-content{align-items:center;gap:20px;display:flex}.junior-avatar{color:#fff;background:linear-gradient(135deg,#a78bfa 0%,#8b5cf6 100%);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:2rem;font-weight:700;display:flex;box-shadow:0 8px 20px #8b5cf659}.junior-welcome-text h1{color:#1e293b;margin:0 0 4px;font-size:1.75rem;font-weight:800}.junior-welcome-text p{color:#64748b;margin:0;font-size:1.1rem}.junior-stats{gap:16px;display:flex}.junior-stat-card{background:#fff;border:2px solid #0000;border-radius:16px;align-items:center;gap:12px;padding:14px 20px;display:flex}.junior-stat-card.streak{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-color:#fcd34d}.junior-stat-card.grade{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-color:#93c5fd}.junior-stat-icon{font-size:1.75rem}.junior-stat-info{flex-direction:column;display:flex}.junior-stat-number{color:#1e293b;font-size:1.25rem;font-weight:800}.junior-stat-label{color:#64748b;font-size:.85rem;font-weight:600}.junior-alert{color:#991b1b;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:2px solid #fca5a5;border-radius:16px;margin-bottom:24px;padding:16px 20px;font-size:1rem;font-weight:600}.junior-homework-banner{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border:2px solid #86efac;border-radius:20px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding:20px 24px;display:flex}.junior-homework-icon{font-size:2.5rem;animation:2.5s ease-in-out infinite float}.junior-homework-text{flex-direction:column;flex:1;gap:2px;display:flex}.junior-homework-text strong{color:#166534;font-size:1.2rem}.junior-homework-text span{color:#15803d;font-size:.95rem}.junior-homework-button{color:#fff;background:#22c55e;border-radius:999px;padding:12px 24px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .2s;box-shadow:0 6px 20px #22c55e59}.junior-homework-button:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 8px 25px #22c55e73}.junior-section{margin-bottom:32px}.junior-section h2{color:#1e293b;margin:0 0 8px;font-size:1.5rem;font-weight:800}.junior-section>p{color:#64748b;margin:0 0 20px;font-size:1rem}.junior-subjects-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;display:grid}.junior-subject-card{color:#fff;text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:28px 20px;text-decoration:none;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000026}.junior-subject-card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff26 0%,#fff0 100%);position:absolute;inset:0}.junior-subject-card:hover{transform:translateY(-6px)scale(1.02);box-shadow:0 16px 40px #0003}.junior-subject-emoji{filter:drop-shadow(0 4px 6px #00000026);margin-bottom:12px;font-size:3rem}.junior-subject-name{text-shadow:0 2px 4px #0000001a;margin-bottom:8px;font-size:1.25rem;font-weight:700}.junior-subject-action{opacity:.9;background:#fff3;border-radius:999px;padding:6px 14px;font-size:.9rem;font-weight:600}.junior-actions-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.junior-action-card{border:2px solid #0000;border-radius:18px;align-items:center;gap:16px;padding:22px 24px;text-decoration:none;transition:all .25s;display:flex}.junior-action-card.blue{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-color:#93c5fd}.junior-action-card.green{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border-color:#86efac}.junior-action-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000001a}.junior-action-icon{font-size:2.5rem}.junior-action-text{flex-direction:column;gap:2px;display:flex}.junior-action-text strong{color:#1e293b;font-size:1.15rem}.junior-action-text span{color:#64748b;font-size:.95rem}.junior-encouragement{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #fcd34d;border-radius:16px;justify-content:center;align-items:center;gap:12px;margin-top:16px;padding:20px;display:flex}.junior-encouragement-icon{font-size:1.75rem;animation:2s ease-in-out infinite float}.junior-encouragement p{color:#92400e;margin:0;font-size:1.1rem;font-weight:600}.junior-footer{text-align:center;color:#94a3b8;padding:24px;font-size:.95rem}.junior-footer p{margin:0}@media (max-width:768px){.junior-nav{padding:12px 16px}.junior-brand{font-size:1.25rem}.junior-brand-icon{font-size:1.5rem}.junior-nav-button{padding:8px 14px;font-size:.9rem}.junior-main{padding:16px}.junior-welcome{flex-direction:column;align-items:flex-start;padding:20px}.junior-welcome-content{width:100%}.junior-avatar{width:56px;height:56px;font-size:1.5rem}.junior-welcome-text h1{font-size:1.35rem}.junior-welcome-text p{font-size:.95rem}.junior-stats{flex-direction:column;gap:12px;width:100%}.junior-stat-card{padding:12px 16px}.junior-homework-banner{padding:16px}.junior-homework-icon{font-size:2rem}.junior-homework-button{text-align:center;width:100%}.junior-section h2{font-size:1.3rem}.junior-subjects-grid{grid-template-columns:repeat(2,1fr);gap:14px}.junior-subject-card{padding:22px 16px}.junior-subject-emoji{font-size:2.25rem}.junior-subject-name{font-size:1.05rem}.junior-subject-action{padding:5px 12px;font-size:.8rem}.junior-actions-grid{grid-template-columns:1fr}.junior-action-card{padding:18px 20px}.junior-encouragement{text-align:center;flex-direction:column;gap:8px}.junior-encouragement p{font-size:1rem}}@media (max-width:480px){.junior-subjects-grid{grid-template-columns:1fr}.junior-subject-card{text-align:left;flex-direction:row;justify-content:flex-start;gap:16px;padding:18px 20px}.junior-subject-emoji{margin-bottom:0;font-size:2rem}.junior-subject-name{margin-bottom:0}.junior-subject-action{display:none}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #8b5cf64d}50%{box-shadow:0 0 40px #8b5cf699}}@keyframes celebrate{0%{opacity:0;transform:scale(0)rotate(-180deg)}50%{opacity:1;transform:scale(1.2)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes typing-dot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.learn-page{min-height:100vh;font-family:var(--font-body),system-ui,sans-serif;color:#f1f5f9;background:linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%);position:relative;overflow-x:hidden}.learn-celebration{z-index:1000;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.celebration-content{flex-direction:column;align-items:center;animation:.5s ease-out celebrate;display:flex}.celebration-emoji{font-size:5rem;animation:.5s infinite bounce}.celebration-text{color:#fbbf24;text-shadow:0 0 30px #fbbf2480;margin-top:8px;font-size:2rem;font-weight:800}.learn-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#ffffff0d;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.learn-back-btn,.learn-home-btn{color:#f1f5f9;background:#ffffff1a;border-radius:12px;padding:10px 18px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s}.learn-back-btn:hover,.learn-home-btn:hover{background:#fff3;transform:scale(1.05)}.learn-xp-display{color:#1f2937;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-weight:700;display:flex;box-shadow:0 4px 20px #fbbf2466}.xp-icon{font-size:1.2rem}.xp-amount{font-size:1rem}.learn-main{max-width:800px;margin:0 auto;padding:24px}.learn-loading,.learn-loading-lesson{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:60vh;display:flex}.learn-loading-icon,.loading-avatar{font-size:4rem;animation:1s infinite bounce}.loading-bubbles{gap:8px;display:flex}.loading-bubbles span{background:#a78bfa;border-radius:50%;width:12px;height:12px;animation:1.2s infinite typing-dot}.loading-bubbles span:nth-child(2){animation-delay:.2s}.loading-bubbles span:nth-child(3){animation-delay:.4s}.learn-loading-lesson h3{margin:0;font-size:1.5rem;font-weight:700}.learn-loading-lesson p{color:#94a3b8;font-size:1rem}.learn-header{text-align:center;margin-bottom:32px}.learn-subject-badge{background:#a78bfa33;border:1px solid #a78bfa4d;border-radius:999px;align-items:center;gap:10px;margin-bottom:16px;padding:8px 20px;display:inline-flex}.badge-emoji{font-size:1.5rem}.badge-text{color:#c4b5fd;font-size:.95rem;font-weight:600}.learn-title{background:linear-gradient(135deg,#f1f5f9 0%,#c4b5fd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 20px;font-size:2.25rem;font-weight:800}.learn-progress-bar{align-items:center;gap:16px;max-width:400px;margin:0 auto;display:flex}.progress-track{background:#ffffff1a;border-radius:999px;flex:1;height:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#22c55e 0%,#10b981 100%);border-radius:999px;height:100%;transition:width .5s}.progress-text{color:#94a3b8;min-width:80px;font-size:.9rem;font-weight:600}.learn-start-screen{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;align-items:center;padding:48px 24px;display:flex}.start-illustration{margin-bottom:24px;position:relative}.start-emoji{font-size:6rem;animation:2s infinite bounce}.start-sparkles{font-size:2rem;animation:2s infinite float;position:absolute;top:-10px;right:-20px}.learn-start-screen h2{margin:0 0 12px;font-size:2rem;font-weight:800}.learn-start-screen>p{color:#94a3b8;max-width:400px;margin:0 0 28px;font-size:1.1rem}.start-features{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:32px;display:flex}.start-feature{background:#ffffff0d;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;font-size:.95rem;font-weight:600;display:flex}.start-feature span:first-child{font-size:1.75rem}.learn-start-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:none;border-radius:999px;align-items:center;gap:12px;padding:18px 40px;font-size:1.2rem;font-weight:700;transition:all .3s;animation:2s infinite pulse-glow;display:flex;box-shadow:0 8px 30px #8b5cf666}.learn-start-btn:hover{transform:scale(1.05);box-shadow:0 12px 40px #8b5cf680}.learn-start-btn:disabled{opacity:.7;cursor:not-allowed;animation:none}.btn-loading{animation:1s linear infinite spin}.learn-error{text-align:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:20px;flex-direction:column;align-items:center;margin:24px 0;padding:40px;display:flex}.error-emoji{margin-bottom:16px;font-size:3rem}.learn-error p{margin:0 0 20px;font-size:1.1rem}.learn-retry-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:12px;padding:12px 28px;font-weight:600;transition:all .2s}.learn-retry-btn:hover{background:#dc2626;transform:scale(1.05)}.learn-content{flex-direction:column;gap:24px;display:flex}.learn-card{background:#ffffff14;border:1px solid #ffffff1a;border-radius:24px;padding:28px;animation:.5s slide-up}.card-header{align-items:center;gap:14px;margin-bottom:20px;display:flex}.card-icon{font-size:2rem}.card-header h3{margin:0;font-size:1.4rem;font-weight:700}.overview-card{background:linear-gradient(135deg,#22c55e26 0%,#10b9811a 100%);border-color:#22c55e4d}.overview-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.overview-list li{align-items:flex-start;gap:12px;font-size:1.05rem;line-height:1.5;display:flex}.check-icon{color:#22c55e;background:#22c55e33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:flex}.section-card{background:#ffffff0f}.section-number{color:#c4b5fd;background:#a78bfa33;border-radius:999px;margin-bottom:16px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-block}.section-title{color:#f1f5f9;margin:0 0 20px;font-size:1.6rem;font-weight:700}.section-body{color:#cbd5e1;font-size:1.1rem;line-height:1.8}.section-body p{margin:0 0 16px}.section-body p:last-child{margin-bottom:0}.key-points{background:#fbbf241a;border:1px solid #fbbf2433;border-radius:16px;margin-top:24px;padding:20px}.key-points h4{color:#fbbf24;align-items:center;gap:10px;margin:0 0 14px;font-size:1.1rem;font-weight:700;display:flex}.key-points ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.key-points li{padding-left:20px;line-height:1.6;position:relative}.key-points li:before{content:"→";color:#fbbf24;position:absolute;left:0}.section-navigation{border-top:1px solid #ffffff1a;justify-content:space-between;gap:16px;margin-top:28px;padding-top:24px;display:flex}.nav-btn{cursor:pointer;border:none;border-radius:14px;padding:14px 28px;font-size:1rem;font-weight:700;transition:all .2s}.prev-btn{color:#f1f5f9;background:#ffffff1a}.prev-btn:hover{background:#ffffff26}.next-btn{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);box-shadow:0 6px 20px #8b5cf64d}.next-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}.example-card{background:linear-gradient(135deg,#3b82f626 0%,#2563eb1a 100%);border-color:#3b82f64d}.example-question,.example-steps,.example-answer{margin-bottom:20px}.example-question strong,.example-steps strong,.example-answer strong{color:#93c5fd;margin-bottom:8px;font-size:.95rem;display:block}.example-steps ol{margin:0;padding-left:24px}.example-steps li{margin-bottom:10px;line-height:1.6}.example-answer{background:#22c55e26;border:1px solid #22c55e4d;border-radius:12px;padding:16px}.summary-card{background:linear-gradient(135deg,#fbbf2426 0%,#f59e0b1a 100%);border-color:#fbbf244d}.summary-content{color:#fef3c7;font-size:1.05rem;line-height:1.7}.markdown-card .markdown-content{font-size:1.05rem;line-height:1.8}.markdown-card .markdown-content h1,.markdown-card .markdown-content h2,.markdown-card .markdown-content h3{color:#f1f5f9;margin-top:24px;margin-bottom:12px}.markdown-card .markdown-content p{margin-bottom:16px}.markdown-card .markdown-content ul,.markdown-card .markdown-content ol{margin-bottom:16px;padding-left:24px}.markdown-card .markdown-content li{margin-bottom:8px}.learn-quiz{text-align:center;padding:20px 0}.quiz-header{margin-bottom:32px}.quiz-icon{margin-bottom:16px;font-size:4rem;animation:1.5s infinite bounce;display:block}.quiz-header h2{margin:0 0 8px;font-size:2rem;font-weight:800}.quiz-header p{color:#94a3b8;font-size:1.1rem}.quiz-card{text-align:left;background:#ffffff14;border:1px solid #ffffff1a;border-radius:24px;padding:32px}.quiz-question{color:#f1f5f9;margin-bottom:24px;font-size:1.2rem;line-height:1.6}.quiz-loading{color:#94a3b8;flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.quiz-loading span{font-size:2rem}.quiz-input{color:#f1f5f9;resize:vertical;background:#ffffff0d;border:2px solid #ffffff26;border-radius:16px;width:100%;padding:18px;font-size:1.1rem;line-height:1.6;transition:border-color .2s}.quiz-input:focus{border-color:#8b5cf6;outline:none}.quiz-input::placeholder{color:#64748b}.quiz-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border:none;border-radius:14px;width:100%;margin-top:20px;padding:16px;font-size:1.1rem;font-weight:700;transition:all .2s}.quiz-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #22c55e66}.quiz-submit-btn:disabled{opacity:.6;cursor:not-allowed}.quiz-result{background:linear-gradient(135deg,#22c55e26 0%,#10b9811a 100%);border:1px solid #22c55e4d;border-radius:24px;padding:40px}.result-emoji{margin-bottom:16px;font-size:5rem;animation:1s infinite bounce}.quiz-result h3{color:#22c55e;margin:0 0 16px;font-size:2rem;font-weight:800}.result-feedback{color:#cbd5e1;max-width:500px;margin-bottom:20px;margin-left:auto;margin-right:auto;font-size:1.1rem;line-height:1.6}.result-xp{color:#1f2937;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:12px 24px;font-size:1.2rem;font-weight:700;display:inline-flex}.result-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.result-btn{cursor:pointer;color:#f1f5f9;background:#ffffff1a;border:none;border-radius:14px;padding:14px 28px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .2s}.result-btn.primary{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.result-btn:hover{transform:translateY(-2px)}.learn-help-btn{color:#fff;cursor:pointer;z-index:200;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:none;border-radius:50%;width:60px;height:60px;font-size:1.5rem;transition:all .3s;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 30px #8b5cf666}.learn-help-btn:hover{transform:scale(1.1)}.learn-help-btn.active{background:#475569}.learn-chat-panel{z-index:199;background:#1e293b;border-radius:24px;flex-direction:column;width:360px;max-height:500px;animation:.3s slide-up;display:flex;position:fixed;bottom:100px;right:24px;overflow:hidden;box-shadow:0 20px 60px #0006}.chat-header{background:#8b5cf633;border-bottom:1px solid #ffffff1a;align-items:center;gap:14px;padding:18px 20px;display:flex}.chat-avatar{font-size:2rem}.chat-info h4{color:#f1f5f9;margin:0;font-size:1rem;font-weight:700}.chat-info span{color:#94a3b8;font-size:.85rem}.chat-messages{flex-direction:column;flex:1;gap:16px;max-height:320px;padding:20px;display:flex;overflow-y:auto}.chat-welcome{text-align:center;padding:16px}.chat-welcome p{color:#94a3b8;margin-bottom:16px}.quick-questions{flex-direction:column;gap:10px;display:flex}.quick-q-btn{color:#c4b5fd;cursor:pointer;text-align:left;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:12px;padding:12px 16px;font-size:.9rem;transition:all .2s}.quick-q-btn:hover{background:#8b5cf640}.chat-message{align-items:flex-start;gap:10px;display:flex}.chat-message.user{flex-direction:row-reverse}.msg-avatar{flex-shrink:0;font-size:1.5rem}.msg-content{border-radius:16px;max-width:80%;padding:12px 16px;font-size:.95rem;line-height:1.5}.chat-message.user .msg-content{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border-bottom-right-radius:4px}.chat-message.assistant .msg-content{color:#f1f5f9;background:#ffffff1a;border-bottom-left-radius:4px}.msg-content.typing{gap:6px;padding:16px 20px;display:flex}.msg-content.typing span{background:#94a3b8;border-radius:50%;width:8px;height:8px;animation:1.2s infinite typing-dot}.msg-content.typing span:nth-child(2){animation-delay:.2s}.msg-content.typing span:nth-child(3){animation-delay:.4s}.chat-input-form{background:#0003;border-top:1px solid #ffffff1a;gap:10px;padding:16px;display:flex}.chat-input-form input{color:#f1f5f9;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;flex:1;padding:12px 16px;font-size:.95rem}.chat-input-form input:focus{border-color:#8b5cf6;outline:none}.chat-input-form input::placeholder{color:#64748b}.chat-input-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:none;border-radius:12px;width:44px;height:44px;font-size:1.1rem;transition:all .2s}.chat-input-form button:hover:not(:disabled){transform:scale(1.05)}.chat-input-form button:disabled{opacity:.5;cursor:not-allowed}.primary-learn{color:#1e3a4c;background:radial-gradient(circle at 0 0,#ffdc644d,#0000 35%),radial-gradient(circle at 100% 0,#64b4ff33,#0000 30%),linear-gradient(#fef9e7 0%,#fef1f4 45%,#eef6ff 100%)}.primary-learn .learn-nav{background:#ffffffeb;border-bottom:1px solid #1e3a4c1a;box-shadow:0 2px 12px #1e3a4c0f}.primary-learn .learn-back-btn,.primary-learn .learn-home-btn{color:#1e3a4c;background:#fff;border:1px solid #1e3a4c1f;font-weight:600}.primary-learn .learn-back-btn:hover,.primary-learn .learn-home-btn:hover{background:#f8fafc;border-color:#1e3a4c33}.primary-learn .learn-subject-badge{background:#fff;border:2px solid #3b82f640;box-shadow:0 2px 8px #3b82f61a}.primary-learn .badge-text{color:#1e40af;font-weight:700}.primary-learn .progress-text{color:#1e3a4c;font-weight:600}.primary-learn .learn-start-screen>p,.primary-learn .quiz-header p{color:#475569}.primary-learn .learn-title{background:linear-gradient(135deg,#1e3a4c 0%,#ea580c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.primary-learn .learn-card,.primary-learn .quiz-card,.primary-learn .learn-start-screen,.primary-learn .learn-chat-panel{color:#1e3a4c;background:#fff;border:1px solid #1e3a4c1a;box-shadow:0 8px 32px #1e3a4c14}.primary-start-screen{background:radial-gradient(circle at top,#fde04740,#0000 50%),#fff}.primary-learn .start-feature{color:#1e3a4c;background:#f8fafc;border:1px solid #1e3a4c14}.primary-learn .start-feature span:last-child{color:#334155}.primary-learn .section-card,.primary-learn .summary-card,.primary-learn .example-card,.primary-learn .picture-card,.primary-learn .story-card{background:#fff;border:1px solid #1e3a4c14}.primary-lesson-hero{background:radial-gradient(circle at 0 0,#fde04733,#0000 40%),#fff;border:1px solid #1e3a4c14;grid-template-columns:1.1fr .9fr;align-items:center;gap:22px;display:grid}.primary-hero-copy h2{color:#1e3a4c;margin:10px 0;font-size:1.9rem;font-weight:700}.primary-hero-copy p{color:#475569;margin:0;font-size:1.05rem;line-height:1.7}.mini-badge{letter-spacing:.05em;text-transform:uppercase;color:#78350f;background:linear-gradient(135deg,#fde68a,#fcd34d);border-radius:999px;align-items:center;padding:8px 14px;font-size:.8rem;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #fbbf2440}.primary-visual-card{gap:12px;display:grid}.primary-hero-image,.primary-scenery{border:2px solid #1e3a4c1a;border-radius:22px;width:100%;min-height:260px;box-shadow:0 8px 24px #1e3a4c1a}.primary-hero-image{object-fit:cover}.primary-scenery{text-align:center;color:#1e3a4c;background:linear-gradient(#dbeafe,#fef3c7 60%,#fce7f3);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:28px;display:flex}.primary-scenery span{font-size:3.4rem}.primary-scenery strong{color:#1e3a4c;font-size:1.2rem}.primary-scenery p{color:#475569;margin:0}.scene-caption{color:#475569;margin:0;font-size:.92rem;font-style:italic}.primary-overview-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.overview-bubble{background:#f8fafc;border:1px solid #3b82f626;border-radius:18px;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.overview-bubble span{font-size:1.3rem}.overview-bubble strong{color:#1e3a4c;font-weight:600;line-height:1.5}.picture-bubble{background:#fffbeb;border-color:#f59e0b33}.story-text,.primary-learn .section-body,.primary-learn .summary-content,.primary-learn .result-feedback,.primary-learn .quiz-question,.primary-learn .chat-message.assistant .msg-content{color:#1e3a4c;line-height:1.7}.story-text p,.primary-learn .section-body p{color:#334155}.story-text p:last-child{margin-bottom:0}.primary-learn .section-number{color:#1e40af;background:linear-gradient(135deg,#dbeafe,#e0e7ff);font-weight:700}.picture-prompt,.talk-bubble,.activity-strip{border-radius:18px;margin-top:18px;padding:18px 20px}.picture-prompt{background:#fffbeb;border:2px dashed #f59e0b66;gap:14px;display:flex}.picture-prompt span{font-size:1.5rem}.picture-prompt strong,.talk-bubble strong,.activity-strip strong{color:#1e3a4c;margin-bottom:6px;font-weight:700;display:block}.picture-prompt p,.talk-bubble p,.activity-strip p{color:#475569;margin:0}.talk-bubble{background:#ecfdf5;border:2px solid #10b9814d}.talk-bubble strong{color:#065f46}.talk-bubble p{color:#047857}.activity-strip{background:#fef9c3;border:2px solid #ca8a044d}.activity-strip strong{color:#713f12}.activity-strip p{color:#854d0e}.memory-card{background:linear-gradient(135deg,#fefce8,#f0f9ff);border:1px solid #1e3a4c1a}.curiosity-card{background:linear-gradient(135deg,#fff7ed,#fef3c7);border:1px solid #f9731629}.creation-card{background:linear-gradient(135deg,#ecfeff,#eff6ff);border:1px solid #0ea5e929}.primary-learn .key-points{background:#eff6ff;border:1px solid #3b82f640;border-radius:16px;padding:18px 20px}.primary-learn .key-points h4{color:#1e40af;font-weight:700}.primary-learn .key-points ul{margin:12px 0 0}.primary-learn .key-points li{color:#1e3a4c;margin-bottom:8px}.primary-learn .key-points li:before{color:#2563eb}.primary-learn .chat-header{background:linear-gradient(135deg,#e0f2fe,#dbeafe);border-bottom:1px solid #3b82f626}.primary-learn .chat-info h4{color:#1e3a4c;font-weight:700}.primary-learn .chat-info span{color:#64748b}.primary-learn .chat-message.assistant .msg-content,.primary-learn .chat-input-form input,.primary-learn .quiz-input{color:#1e3a4c}.primary-learn .chat-message.user .msg-content{color:#fff}.primary-learn .chat-input-form{background:#f8fafc;border-top:1px solid #1e3a4c1a}.primary-learn .chat-input-form input,.primary-learn .quiz-input{background:#fff;border:1px solid #1e3a4c26}.primary-learn .chat-input-form input:focus,.primary-learn .quiz-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.primary-learn .chat-message.assistant .msg-content{color:#1e3a4c;background:#f0fdf4;border:1px solid #22c55e33}.primary-learn .chat-message.user .msg-content{color:#fff;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)}.primary-learn .chat-welcome p{color:#475569}.primary-learn .quick-q-btn{color:#1e3a4c;background:#fff;border:1px solid #1e3a4c1f}.primary-learn .quick-q-btn:hover{color:#1e40af;background:#f8fafc;border-color:#3b82f6}.primary-learn .section-title,.primary-learn .card-header h3{color:#1e3a4c}.primary-learn .overview-list li{color:#334155}.primary-learn .chapter-card{background:#fff;border:2px solid #1e3a4c14;box-shadow:0 4px 16px #0000000f}.primary-learn .chapter-card:hover{border-color:#3b82f64d;box-shadow:0 8px 24px #3b82f626}.primary-learn .chapter-title{font-weight:700;color:#1e3a4c!important}.primary-learn .chapter-number{color:#64748b;background:#f1f5f9}.primary-learn .chapter-action{color:#2563eb}.primary-learn .subject-hero{background:#fff;border:1px solid #1e3a4c14;border-radius:24px;box-shadow:0 4px 20px #0000000f}.primary-learn .subject-hero h1{background:linear-gradient(135deg,#1e3a4c 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.primary-learn .subject-hero>p{color:#475569}.primary-learn .subject-stats .stat-item{background:#f8fafc;border:1px solid #1e3a4c14}.primary-learn .stat-number{color:#1e3a4c}.primary-learn .stat-label{color:#64748b}.primary-learn .empty-chapters{background:#fff;border:2px dashed #1e3a4c26}.primary-learn .empty-chapters h3{color:#1e3a4c}.primary-learn .empty-chapters p{color:#64748b}.primary-learn .example-question strong,.primary-learn .example-steps strong,.primary-learn .example-answer strong{color:#1e3a4c}.primary-learn .example-question p,.primary-learn .example-steps ol,.primary-learn .example-answer p{color:#334155}.primary-learn .nav-btn{color:#1e3a4c;background:#fff;border:1px solid #1e3a4c26}.primary-learn .nav-btn:hover{background:#f8fafc;border-color:#1e3a4c40}.primary-learn .next-btn{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none}.primary-learn .next-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.primary-learn .quiz-header h2,.primary-learn .quiz-result h3,.primary-learn .result-xp{color:#1e3a4c}.primary-learn .result-btn{color:#1e3a4c;background:#fff;border:1px solid #1e3a4c26}.primary-learn .result-btn:hover{background:#f8fafc}.primary-learn .result-btn.primary{color:#fff;background:linear-gradient(135deg,#f97316,#ea580c);border:none}.primary-learn .learn-loading p,.primary-learn .learn-loading-lesson p{color:#475569}.primary-learn .learn-start-screen h2{color:#1e3a4c}.primary-learn .progress-track{background:#1e3a4c1a}.primary-learn .learn-help-btn{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;box-shadow:0 4px 16px #3b82f659}.primary-learn .learn-help-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.primary-learn .learn-help-btn.active{background:#ef4444}@media (max-width:768px){.primary-lesson-hero{grid-template-columns:1fr}.learn-nav{padding:12px 16px}.learn-back-btn,.learn-xp-display{padding:8px 14px;font-size:.9rem}.learn-main{padding:16px}.learn-title{font-size:1.75rem}.learn-start-screen{padding:32px 20px}.start-emoji{font-size:4rem}.learn-start-screen h2{font-size:1.5rem}.start-features{flex-direction:column;gap:12px}.learn-start-btn{padding:16px 32px;font-size:1.1rem}.learn-card{border-radius:20px;padding:20px}.section-title{font-size:1.35rem}.section-body{font-size:1rem}.section-navigation{flex-direction:column}.nav-btn{justify-content:center;width:100%}.learn-help-btn{width:56px;height:56px;bottom:20px;right:20px}.learn-chat-panel{width:auto;max-height:400px;bottom:90px;left:16px;right:16px}.quiz-card{padding:24px}.quiz-result{padding:28px}.result-emoji{font-size:4rem}.result-actions{flex-direction:column}.result-btn{text-align:center;width:100%}}.subject-hero{text-align:center;margin-bottom:32px;padding:40px 24px}.subject-hero-emoji{margin-bottom:16px;font-size:5rem;animation:2s infinite bounce}.subject-hero h1{background:linear-gradient(135deg,#f1f5f9 0%,#c4b5fd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:2.5rem;font-weight:800}.subject-hero>p{color:#94a3b8;margin:0 0 28px;font-size:1.15rem}.subject-stats{justify-content:center;gap:32px;display:flex}.subject-stats .stat-item{background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;padding:16px 28px;display:flex}.subject-stats .stat-number{color:#f1f5f9;font-size:1.5rem;font-weight:800}.subject-stats .stat-label{color:#94a3b8;margin-top:4px;font-size:.9rem}.chapters-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.chapter-card{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:18px;padding:22px 24px;text-decoration:none;transition:all .3s;display:flex}.chapter-card:hover{background:#ffffff1a;transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.chapter-icon{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.75rem;display:flex}.chapter-icon.bg-gradient-from-rose-500{background:linear-gradient(135deg,#f43f5e,#ec4899)}.chapter-icon.bg-gradient-from-violet-500{background:linear-gradient(135deg,#8b5cf6,#a855f7)}.chapter-icon.bg-gradient-from-blue-500{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.chapter-icon.bg-gradient-from-emerald-500{background:linear-gradient(135deg,#10b981,#14b8a6)}.chapter-icon.bg-gradient-from-amber-500{background:linear-gradient(135deg,#f59e0b,#f97316)}.chapter-icon.bg-gradient-from-fuchsia-500{background:linear-gradient(135deg,#d946ef,#ec4899)}.chapter-info{flex-direction:column;flex:1;gap:4px;display:flex}.chapter-number{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.chapter-title{color:#f1f5f9;margin:0;font-size:1.15rem;font-weight:700;line-height:1.4}.chapter-action{color:#a78bfa;margin-top:4px;font-size:.9rem;font-weight:600}.empty-chapters{text-align:center;background:#ffffff0d;border:1px dashed #fff3;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;padding:60px 24px;display:flex}.empty-emoji{margin-bottom:16px;font-size:4rem}.empty-chapters h3{color:#f1f5f9;margin:0 0 8px;font-size:1.5rem;font-weight:700}.empty-chapters p{color:#94a3b8;margin:0;font-size:1rem}@media (max-width:768px){.subject-hero{padding:28px 16px}.subject-hero-emoji{font-size:4rem}.subject-hero h1{font-size:1.75rem}.subject-stats{gap:16px}.subject-stats .stat-item{padding:14px 20px}.chapters-grid{grid-template-columns:1fr;gap:14px}.chapter-card{padding:18px 20px}.chapter-icon{width:50px;height:50px;font-size:1.5rem}.chapter-title{font-size:1.05rem}}.study-page{color:#e2e8f0;min-height:100vh;font-family:var(--font-body),system-ui,sans-serif;background:#0f172a;flex-direction:column;display:flex}.study-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.study-loading-spinner{border:3px solid #6366f133;border-top-color:#6366f1;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.study-nav{z-index:100;background:#1e293b;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:sticky;top:0}.study-nav-left{align-items:center;gap:16px;display:flex}.study-back-btn{color:#a5b4fc;background:#6366f11a;border:1px solid #6366f14d;border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s}.study-back-btn:hover{background:#6366f133}.study-breadcrumb{align-items:center;gap:8px;display:flex}.study-chapter-title{color:#f1f5f9;font-size:1rem;font-weight:600}.study-nav-center{align-items:center;display:flex}.study-progress-mini{color:#94a3b8;align-items:center;gap:10px;font-size:.85rem;display:flex}.study-progress-bar-mini{background:#334155;border-radius:999px;width:120px;height:6px;overflow:hidden}.study-progress-fill-mini{background:linear-gradient(90deg,#22c55e,#10b981);border-radius:999px;height:100%;transition:width .3s}.study-nav-right{align-items:center;gap:8px;display:flex}.study-tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.study-tab-btn:hover{color:#e2e8f0;background:#ffffff0d}.study-tab-btn.active{color:#f1f5f9;background:#6366f126;border-color:#6366f14d}.study-badge{color:#fff;background:#6366f1;border-radius:999px;padding:2px 6px;font-size:.75rem;font-weight:600}.study-home-btn{background:#ffffff0d;border-radius:8px;padding:8px 12px;font-size:1rem;text-decoration:none;transition:all .2s}.study-home-btn:hover{background:#ffffff1a}.study-container{flex:1;display:flex;overflow:hidden}.study-sidebar{background:#1e293b;border-right:1px solid #334155;flex-direction:column;width:280px;transition:width .3s;display:flex;position:relative}.study-sidebar.collapsed{width:48px}.study-sidebar-toggle{color:#94a3b8;cursor:pointer;z-index:10;background:#334155;border:1px solid #475569;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;transition:all .2s;display:flex;position:absolute;top:12px;right:-12px}.study-sidebar-toggle:hover{color:#f1f5f9;background:#475569}.study-sidebar-header{border-bottom:1px solid #334155;align-items:center;gap:12px;padding:20px;display:flex}.study-subject-icon{font-size:1.5rem}.study-sidebar-header h3{color:#f1f5f9;margin:0;font-size:.95rem;font-weight:600}.study-outline{flex:1;padding:12px;overflow-y:auto}.study-outline-item{color:#94a3b8;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;margin-bottom:4px;padding:12px 14px;font-size:.9rem;transition:all .2s;display:flex}.study-outline-item:hover{color:#e2e8f0;background:#ffffff0d}.study-outline-item.active{color:#a5b4fc;background:#6366f126}.study-outline-item.completed{color:#22c55e}.outline-check{background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:600;display:flex}.study-outline-item.completed .outline-check{color:#22c55e;background:#22c55e33}.outline-icon{font-size:1rem}.study-main{flex:1;max-width:900px;margin:0 auto;padding:32px;overflow-y:auto}.study-content-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:400px;display:flex}.study-content-loading h3{color:#f1f5f9;margin:0;font-size:1.25rem;font-weight:600}.study-content-loading p{color:#94a3b8;margin:0}.study-error{text-align:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;flex-direction:column;align-items:center;gap:16px;padding:40px;display:flex}.study-error span{font-size:2rem}.study-error p{color:#fca5a5;margin:0}.study-error button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:10px 24px;font-weight:600;transition:all .2s}.study-error button:hover{background:#dc2626}.study-content{flex-direction:column;gap:32px;display:flex}.study-section{background:#1e293b;border:1px solid #334155;border-radius:16px;padding:28px}.study-section.completed{border-color:#22c55e4d}.study-section.overview{background:linear-gradient(135deg,#6366f11a 0%,#8b5cf60d 100%);border-color:#6366f14d}.study-section.example{background:linear-gradient(135deg,#22c55e1a 0%,#10b9810d 100%);border-color:#22c55e4d}.study-section.summary{background:linear-gradient(135deg,#fbbf241a 0%,#f59e0b0d 100%);border-color:#fbbf244d}.study-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.study-section-header h2{color:#f1f5f9;margin:0;font-size:1.35rem;font-weight:700}.study-complete-btn{color:#4ade80;cursor:pointer;background:#22c55e26;border:1px solid #22c55e4d;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.study-complete-btn:hover{background:#22c55e40}.study-completed-badge{color:#4ade80;background:#22c55e33;border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:600}.study-overview-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.study-overview-list li{color:#cbd5e1;align-items:flex-start;gap:12px;font-size:1rem;line-height:1.6;display:flex}.study-overview-list li:before{content:"✓";color:#6366f1;flex-shrink:0;font-weight:600}.study-section-body{color:#cbd5e1;font-size:1.05rem;line-height:1.8}.study-markdown p{margin:0 0 16px}.study-markdown p:last-child{margin-bottom:0}.study-markdown h1,.study-markdown h2,.study-markdown h3,.study-markdown h4{color:#f1f5f9;margin:24px 0 12px}.study-markdown ul,.study-markdown ol{margin:16px 0;padding-left:24px}.study-markdown li{margin-bottom:8px}.study-markdown code{background:#6366f133;border-radius:4px;padding:2px 6px;font-size:.9em}.study-markdown pre{background:#0f172a;border-radius:8px;margin:16px 0;padding:16px;overflow-x:auto}.study-markdown blockquote{color:#94a3b8;border-left:3px solid #6366f1;margin:16px 0;padding-left:16px}.study-key-points{background:#fbbf241a;border:1px solid #fbbf2433;border-radius:12px;margin-top:24px;padding:20px}.study-key-points h4{color:#fbbf24;margin:0 0 14px;font-size:1rem;font-weight:600}.study-key-points ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.study-key-points li{color:#fef3c7;padding-left:20px;line-height:1.6;position:relative}.study-key-points li:before{content:"→";color:#fbbf24;position:absolute;left:0}.study-section-actions{border-top:1px solid #334155;flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:20px;display:flex}.study-action-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #334155;border-radius:8px;padding:10px 18px;font-size:.9rem;font-weight:500;transition:all .2s}.study-action-btn:hover{color:#a5b4fc;background:#6366f11a;border-color:#6366f14d}.study-example-question,.study-example-steps,.study-example-answer{margin-bottom:20px}.study-example-question h4,.study-example-steps h4,.study-example-answer h4{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px;font-size:.95rem;font-weight:600}.study-example-steps ol{margin:0;padding-left:24px}.study-example-steps li{margin-bottom:12px;line-height:1.7}.study-example-answer{background:#22c55e26;border:1px solid #22c55e4d;border-radius:10px;padding:16px}.study-summary-content{color:#fef3c7;font-size:1.05rem;line-height:1.8}.study-next-actions{margin-top:16px}.study-next-actions h3{color:#f1f5f9;margin:0 0 20px;font-size:1.1rem;font-weight:600}.study-next-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.study-next-card{cursor:pointer;text-align:center;background:#1e293b;border:1px solid #334155;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;text-decoration:none;transition:all .2s;display:flex}.study-next-card:hover{border-color:#6366f1;transform:translateY(-2px)}.study-next-card.practice{border-top:3px solid #6366f1}.study-next-card.revision{border-top:3px solid #22c55e}.study-next-card.pyq{border-top:3px solid #f59e0b}.next-icon{font-size:2rem}.next-title{color:#f1f5f9;font-size:1rem;font-weight:600}.next-desc{color:#94a3b8;font-size:.85rem}.study-notes-panel{max-width:700px}.study-notes-header{margin-bottom:24px}.study-notes-header h2{color:#f1f5f9;margin:0 0 8px;font-size:1.5rem;font-weight:700}.study-notes-header p{color:#94a3b8;margin:0}.study-notes-editor{margin-bottom:32px}.study-notes-editor textarea{color:#f1f5f9;resize:vertical;background:#1e293b;border:1px solid #334155;border-radius:12px;width:100%;padding:16px;font-family:inherit;font-size:1rem;line-height:1.6}.study-notes-editor textarea:focus{border-color:#6366f1;outline:none}.study-notes-editor textarea::placeholder{color:#64748b}.study-notes-actions{align-items:center;gap:16px;margin-top:12px;display:flex}.study-save-note-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s}.study-save-note-btn:hover:not(:disabled){background:#4f46e5}.study-save-note-btn:disabled{opacity:.5;cursor:not-allowed}.study-notes-saved{color:#22c55e;font-weight:600}.study-saved-notes h3{color:#f1f5f9;margin:0 0 16px;font-size:1.1rem;font-weight:600}.study-no-notes{color:#64748b;text-align:center;padding:40px}.study-notes-list{flex-direction:column;gap:12px;display:flex}.study-note-card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:16px}.study-note-content{color:#cbd5e1;margin-bottom:12px;font-size:.95rem;line-height:1.6}.study-note-meta{color:#64748b;justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.study-note-meta button{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:.85rem;transition:all .2s}.study-note-meta button:hover{background:#ef44441a}.study-practice-panel{max-width:800px}.study-practice-header{margin-bottom:32px}.study-practice-header h2{color:#f1f5f9;margin:0 0 8px;font-size:1.5rem;font-weight:700}.study-practice-header p{color:#94a3b8;margin:0}.study-practice-options{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.study-practice-card{background:#1e293b;border:1px solid #334155;border-radius:16px;flex-direction:column;gap:12px;padding:28px 24px;text-decoration:none;transition:all .2s;display:flex}.study-practice-card:hover{border-color:#6366f1;transform:translateY(-2px)}.practice-icon{font-size:2.5rem}.study-practice-card h3{color:#f1f5f9;margin:0;font-size:1.15rem;font-weight:600}.study-practice-card p{color:#94a3b8;margin:0;font-size:.9rem}.study-chat{background:#1e293b;border-left:1px solid #334155;flex-direction:column;width:360px;transition:width .3s;display:flex;position:relative}.study-chat.collapsed{width:48px}.study-chat-toggle{color:#94a3b8;cursor:pointer;z-index:10;background:#334155;border:1px solid #475569;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;transition:all .2s;display:flex;position:absolute;top:12px;left:-12px}.study-chat-toggle:hover{color:#f1f5f9;background:#475569}.study-chat-header{background:#6366f11a;border-bottom:1px solid #334155;align-items:center;gap:12px;padding:16px 20px;display:flex}.study-mentor-avatar{font-size:2rem}.study-mentor-info h4{color:#f1f5f9;margin:0;font-size:1rem;font-weight:600}.study-mentor-info span{color:#94a3b8;font-size:.85rem}.study-chat-messages{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.study-chat-welcome{text-align:center;padding:20px}.study-chat-welcome p{color:#94a3b8;margin-bottom:20px;line-height:1.5}.study-quick-questions{flex-direction:column;gap:8px;display:flex}.study-quick-questions button{color:#a5b4fc;text-align:left;cursor:pointer;background:#6366f11a;border:1px solid #6366f133;border-radius:8px;padding:10px 14px;font-size:.9rem;transition:all .2s}.study-quick-questions button:hover{background:#6366f133}.study-chat-message{align-items:flex-start;gap:10px;display:flex}.study-chat-message.user{flex-direction:row-reverse}.study-chat-message .msg-avatar{flex-shrink:0;font-size:1.25rem}.study-chat-message .msg-content{border-radius:14px;max-width:85%;padding:12px 16px;font-size:.95rem;line-height:1.5}.study-chat-message.user .msg-content{color:#fff;background:#6366f1;border-bottom-right-radius:4px}.study-chat-message.assistant .msg-content{color:#e2e8f0;background:#ffffff14;border-bottom-left-radius:4px}.study-chat-message .msg-content.typing{gap:5px;padding:16px 20px;display:flex}.study-chat-message .msg-content.typing span{background:#94a3b8;border-radius:50%;width:8px;height:8px;animation:1.2s infinite typing-dot}.study-chat-message .msg-content.typing span:nth-child(2){animation-delay:.2s}.study-chat-message .msg-content.typing span:nth-child(3){animation-delay:.4s}.study-chat-input{background:#0003;border-top:1px solid #334155;gap:10px;padding:16px;display:flex}.study-chat-input input{color:#f1f5f9;background:#ffffff0d;border:1px solid #334155;border-radius:10px;flex:1;padding:12px 16px;font-size:.95rem}.study-chat-input input:focus{border-color:#6366f1;outline:none}.study-chat-input input::placeholder{color:#64748b}.study-chat-input button{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;width:44px;height:44px;font-size:1.1rem;transition:all .2s}.study-chat-input button:hover:not(:disabled){background:#4f46e5}.study-chat-input button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:1024px){.study-sidebar{z-index:90;transition:transform .3s;position:fixed;top:60px;bottom:0;left:0;transform:translate(-100%)}.study-sidebar:not(.collapsed){transform:translate(0)}.study-sidebar-toggle{width:32px;height:32px;right:-40px}.study-chat{z-index:90;transition:transform .3s;position:fixed;top:60px;bottom:0;right:0;transform:translate(100%)}.study-chat:not(.collapsed){transform:translate(0)}.study-chat-toggle{width:32px;height:32px;left:-40px}.study-main{padding:24px 16px}.study-next-grid,.study-practice-options{grid-template-columns:1fr}}@media (max-width:768px){.study-nav{flex-wrap:wrap;gap:10px;padding:10px 12px}.study-nav-left{flex:1;order:1}.study-nav-center{order:3;justify-content:center;width:100%}.study-nav-right{order:2}.study-tab-btn{padding:6px 12px;font-size:.85rem}.study-chapter-title{font-size:.9rem}.study-section{padding:20px}.study-section-header h2{font-size:1.15rem}.study-section-body{font-size:1rem}.study-section-actions{flex-direction:column}.study-action-btn{justify-content:center;width:100%}.study-chat,.study-sidebar{width:100%}}.study-subject-header{background:linear-gradient(135deg,#6366f126 0%,#8b5cf61a 100%);border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:20px;margin-bottom:32px;padding:24px;display:flex}.study-subject-icon-large{background:#ffffff1a;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:2.5rem;display:flex}.study-subject-info h1{color:#f1f5f9;margin:0 0 6px;font-size:1.75rem;font-weight:700}.study-subject-info p{color:#94a3b8;margin:0;font-size:.95rem}.study-chapters-container{flex-direction:column;gap:32px;display:flex}.study-unit-section{flex-direction:column;gap:16px;display:flex}.study-unit-header h2{color:#cbd5e1;border-bottom:1px solid #ffffff1a;margin:0;padding-bottom:8px;font-size:1.1rem;font-weight:600}.study-chapters-grid{flex-direction:column;gap:12px;display:flex}.study-chapter-card{background:#1e293b99;border:1px solid #ffffff14;border-left:4px solid #6366f1;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;text-decoration:none;transition:all .2s;display:flex}.study-chapter-card:hover{background:#1e293be6;border-color:#ffffff26;transform:translate(4px)}.study-chapter-number{color:#f1f5f9;background:#6366f133;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;display:flex}.study-chapter-info{flex:1;min-width:0}.study-chapter-info h3{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:1.05rem;font-weight:600;overflow:hidden}.study-chapter-topics{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.85rem;overflow:hidden}.study-chapter-arrow{color:#64748b;flex-shrink:0;font-size:1.25rem;transition:all .2s}.study-chapter-card:hover .study-chapter-arrow{color:#6366f1;transform:translate(4px)}.study-empty-chapters{text-align:center;background:#1e293b66;border:1px dashed #ffffff1a;border-radius:16px;padding:60px 24px}.study-empty-chapters span{margin-bottom:16px;font-size:3rem;display:block}.study-empty-chapters h3{color:#f1f5f9;margin:0 0 8px;font-size:1.25rem;font-weight:600}.study-empty-chapters p{color:#64748b;margin:0;font-size:.95rem}.study-quick-actions{gap:12px;margin-bottom:24px;display:flex}.study-quick-action{color:#a5b4fc;background:#6366f126;border:1px solid #6366f14d;border-radius:12px;align-items:center;gap:10px;padding:14px 20px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.study-quick-action:hover{background:#6366f140;transform:translateY(-2px)}.study-quick-action.pyq{color:#fbbf24;background:#eab30826;border-color:#eab3084d}.study-quick-action.pyq:hover{background:#eab30840}@media (max-width:640px){.study-quick-actions{flex-direction:column}.study-subject-header{text-align:center;flex-direction:column;padding:20px}.study-subject-icon-large{width:60px;height:60px;font-size:2rem}.study-subject-info h1{font-size:1.5rem}.study-chapter-card{padding:14px 16px}.study-chapter-number{width:36px;height:36px;font-size:.9rem}.study-chapter-info h3{font-size:.95rem}}.practice-page{color:#f1f5f9;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#0f172a 100%);min-height:100vh}.practice-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;display:flex}.practice-loading-spinner{border:4px solid #6366f133;border-top-color:#6366f1;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.practice-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0f172ae6;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.practice-nav-left,.practice-nav-right{align-items:center;gap:12px;display:flex}.practice-nav-center{align-items:center;gap:8px;display:flex}.practice-back-btn{color:#94a3b8;font-size:.9rem;text-decoration:none;transition:color .2s}.practice-back-btn:hover{color:#f1f5f9}.practice-mode-badge{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:600}.practice-study-btn{color:#94a3b8;border-radius:8px;padding:6px 12px;font-size:.9rem;text-decoration:none;transition:all .2s}.practice-study-btn:hover{color:#f1f5f9;background:#ffffff1a}.practice-chapter-title{color:#f1f5f9;font-size:.95rem;font-weight:600}.practice-session-stats{gap:8px;display:flex}.practice-stat-badge{border-radius:12px;padding:4px 10px;font-size:.8rem;font-weight:600}.practice-stat-badge.correct{color:#22c55e;background:#22c55e33}.practice-stat-badge.attempted{color:#a5b4fc;background:#6366f133}.practice-main{max-width:1200px;margin:0 auto;padding:32px 24px}.practice-subject-header{background:#1e293b99;border:1px solid #ffffff1a;border-left:4px solid #6366f1;border-radius:16px;align-items:center;gap:20px;margin-bottom:24px;padding:24px;display:flex}.practice-subject-icon{background:#6366f133;border-radius:14px;justify-content:center;align-items:center;width:64px;height:64px;font-size:2rem;display:flex}.practice-subject-info h1{color:#f1f5f9;margin:0 0 4px;font-size:1.5rem;font-weight:700}.practice-overall-stats{align-items:center;gap:20px;margin-left:auto;display:flex}.practice-stat-item{text-align:center}.practice-stat-value{color:#f1f5f9;font-size:1.5rem;font-weight:700;display:block}.practice-stat-label{color:#64748b;text-transform:uppercase;font-size:.75rem}.practice-stat-divider{background:#ffffff1a;width:1px;height:40px}.practice-quick-actions{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;display:grid}.practice-action-card{background:#1e293b99;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:16px;padding:20px;text-decoration:none;transition:all .2s;display:flex}.practice-action-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.practice-action-card.pyq{background:linear-gradient(135deg,#eab30826 0%,#f59e0b1a 100%);border-color:#eab3084d}.practice-action-card.quick{background:linear-gradient(135deg,#6366f126 0%,#8b5cf61a 100%);border-color:#6366f14d}.practice-action-card.weak{background:linear-gradient(135deg,#ec489926 0%,#f472b61a 100%);border-color:#ec48994d}.practice-action-icon{flex-shrink:0;font-size:2rem}.practice-action-content h3{color:#f1f5f9;margin:0 0 4px;font-size:1rem;font-weight:600}.practice-action-content p{color:#94a3b8;margin:0;font-size:.85rem}.practice-action-arrow{color:#64748b;margin-left:auto;font-size:1.25rem;transition:transform .2s}.practice-action-card:hover .practice-action-arrow{color:#f1f5f9;transform:translate(4px)}.practice-section-header{margin-bottom:20px}.practice-section-header h2{color:#f1f5f9;margin:0 0 4px;font-size:1.25rem;font-weight:600}.practice-section-header p{color:#64748b;margin:0;font-size:.9rem}.practice-chapters-container{flex-direction:column;gap:24px;display:flex}.practice-unit-section{flex-direction:column;gap:12px;display:flex}.practice-unit-header h3{color:#cbd5e1;border-bottom:1px solid #ffffff1a;margin:0;padding-bottom:8px;font-size:1rem;font-weight:600}.practice-chapters-grid{flex-direction:column;gap:10px;display:flex}.practice-chapter-card{background:#1e293b80;border:1px solid #ffffff0f;border-left:4px solid #6366f1;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;text-decoration:none;transition:all .2s;display:flex}.practice-chapter-card:hover{background:#1e293bcc;transform:translate(4px)}.practice-chapter-number{color:#f1f5f9;background:#6366f133;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:700;display:flex}.practice-chapter-info{flex:1;min-width:0}.practice-chapter-info h4{color:#f1f5f9;margin:0 0 4px;font-size:1rem;font-weight:600}.practice-chapter-meta{align-items:center;gap:12px;font-size:.85rem;display:flex}.practice-chapter-progress{color:#94a3b8}.practice-chapter-accuracy{border-radius:10px;padding:2px 8px;font-size:.8rem;font-weight:600}.practice-chapter-accuracy.good{color:#22c55e;background:#22c55e33}.practice-chapter-accuracy.medium{color:#eab308;background:#eab30833}.practice-chapter-accuracy.low{color:#ef4444;background:#ef444433}.practice-chapter-new{color:#64748b;font-style:italic}.practice-chapter-arrow{color:#64748b;font-size:1.2rem;transition:all .2s}.practice-chapter-card:hover .practice-chapter-arrow{color:#6366f1;transform:translate(4px)}.practice-empty,.practice-error{text-align:center;background:#1e293b66;border-radius:16px;padding:60px 24px}.practice-empty span,.practice-error span{margin-bottom:16px;font-size:3rem;display:block}.practice-empty h3,.practice-error h3{color:#f1f5f9;margin:0 0 8px;font-size:1.25rem}.practice-empty p,.practice-error p{color:#64748b;margin:0}.practice-layout{grid-template-columns:240px 1fr;gap:24px;display:grid}.practice-filters{background:#1e293b99;border:1px solid #ffffff14;border-radius:14px;height:fit-content;padding:20px;position:sticky;top:80px}.practice-filters-header h3{color:#f1f5f9;margin:0 0 16px;font-size:1rem;font-weight:600}.practice-filter-group{margin-bottom:16px}.practice-filter-group label{color:#94a3b8;text-transform:uppercase;margin-bottom:6px;font-size:.8rem;display:block}.practice-filter-group select{color:#f1f5f9;cursor:pointer;background:#0f172a99;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:10px 12px;font-size:.9rem}.practice-filter-group select:focus{border-color:#6366f1;outline:none}.practice-filter-group.checkbox label{cursor:pointer;text-transform:none;color:#f1f5f9;align-items:center;gap:8px;font-size:.9rem;display:flex}.practice-filter-group.checkbox input[type=checkbox]{accent-color:#6366f1;width:18px;height:18px}.practice-filter-info{text-align:center;color:#64748b;border-top:1px solid #ffffff1a;padding-top:12px;font-size:.85rem}.practice-question-area{flex:1}.practice-progress{align-items:center;gap:12px;margin-bottom:20px;display:flex}.practice-progress-bar{background:#ffffff1a;border-radius:3px;flex:1;height:6px;overflow:hidden}.practice-progress-fill{border-radius:3px;height:100%;transition:width .3s}.practice-progress-text{color:#94a3b8;white-space:nowrap;font-size:.85rem}.practice-question-card{background:#1e293b99;border:1px solid #ffffff14;border-radius:16px;padding:28px}.practice-question-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.practice-question-badges{gap:8px;display:flex}.practice-difficulty-badge{text-transform:capitalize;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:600}.practice-difficulty-badge.easy{color:#22c55e;background:#22c55e33}.practice-difficulty-badge.medium{color:#eab308;background:#eab30833}.practice-difficulty-badge.hard{color:#ef4444;background:#ef444433}.practice-type-badge{color:#a5b4fc;background:#6366f133;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:600}.practice-pyq-badge{color:#eab308;background:#eab30833;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:600}.practice-topic-badge{color:#64748b;font-size:.85rem}.practice-question-text{color:#f1f5f9;margin-bottom:24px;font-size:1.1rem;line-height:1.7}.practice-question-text p{margin:0 0 12px}.practice-options{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.practice-option{cursor:pointer;text-align:left;color:#f1f5f9;background:#0f172a80;border:2px solid #ffffff1a;border-radius:12px;align-items:flex-start;gap:14px;width:100%;padding:16px 18px;transition:all .2s;display:flex}.practice-option:hover:not(:disabled){background:#6366f11a;border-color:#6366f180}.practice-option.selected{background:#6366f126;border-color:#6366f1}.practice-option.correct{background:#22c55e26;border-color:#22c55e}.practice-option.incorrect{background:#ef444426;border-color:#ef4444}.practice-option:disabled{cursor:default}.practice-option-letter{background:#ffffff1a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex}.practice-option.selected .practice-option-letter{color:#fff;background:#6366f1}.practice-option.correct .practice-option-letter{color:#fff;background:#22c55e}.practice-option.incorrect .practice-option-letter{color:#fff;background:#ef4444}.practice-option-text{flex:1;font-size:1rem;line-height:1.5}.practice-option-text p{margin:0}.practice-option-icon{margin-left:auto;font-size:1.1rem;font-weight:700}.practice-text-answer{margin-bottom:24px}.practice-text-answer textarea{color:#f1f5f9;resize:vertical;background:#0f172a99;border:1px solid #ffffff1a;border-radius:12px;width:100%;margin-bottom:12px;padding:16px;font-size:1rem;line-height:1.6}.practice-text-answer textarea:focus{border-color:#6366f1;outline:none}.practice-sample-answer{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:12px;margin-top:16px;padding:20px}.practice-sample-answer h4{color:#22c55e;margin:0 0 12px;font-size:.9rem}.practice-sample-answer p{color:#f1f5f9;margin:0;line-height:1.6}.practice-result{border-radius:12px;align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;display:flex}.practice-result.correct{background:#22c55e26;border:1px solid #22c55e4d}.practice-result.incorrect{background:#ef444426;border:1px solid #ef44444d}.practice-result-header{align-items:center;gap:8px;display:flex}.practice-result-icon{font-size:1.25rem;font-weight:700}.practice-result.correct .practice-result-icon,.practice-result.correct .practice-result-text{color:#22c55e}.practice-result.incorrect .practice-result-icon,.practice-result.incorrect .practice-result-text{color:#ef4444}.practice-result-text{font-weight:600}.practice-explanation-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:.9rem;text-decoration:underline}.practice-explanation-toggle:hover{color:#f1f5f9}.practice-explanation{background:#6366f11a;border:1px solid #6366f133;border-radius:12px;margin-bottom:20px;padding:20px}.practice-explanation h4{color:#a5b4fc;margin:0 0 12px;font-size:.9rem}.practice-explanation p{color:#f1f5f9;margin:0;line-height:1.6}.practice-actions{border-top:1px solid #ffffff1a;align-items:center;gap:12px;padding-top:20px;display:flex}.practice-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.practice-btn.primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.practice-btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.practice-btn.secondary{color:#f1f5f9;background:#ffffff1a}.practice-btn.secondary:hover{background:#ffffff26}.practice-btn.ghost{color:#94a3b8;background:0 0;border:1px solid #ffffff1a}.practice-btn.ghost:hover:not(:disabled){color:#f1f5f9;background:#ffffff0d}.practice-btn:disabled{opacity:.5;cursor:not-allowed}.practice-empty-questions{text-align:center;background:#1e293b66;border-radius:16px;padding:60px 24px}.practice-empty-questions span{margin-bottom:16px;font-size:3rem;display:block}.practice-empty-questions h3{color:#f1f5f9;margin:0 0 8px;font-size:1.25rem}.practice-empty-questions p{color:#64748b;margin:0 0 20px}.practice-complete-card{text-align:center;background:#1e293b99;border:1px solid #ffffff1a;border-radius:20px;max-width:500px;margin:0 auto;padding:48px 32px}.practice-complete-icon{margin-bottom:16px;font-size:4rem}.practice-complete-card h1{color:#f1f5f9;margin:0 0 8px;font-size:1.75rem;font-weight:700}.practice-complete-chapter{color:#94a3b8;margin:0 0 32px;font-size:1rem}.practice-complete-stats{justify-content:center;gap:32px;margin-bottom:24px;display:flex}.practice-complete-stat{text-align:center}.practice-complete-stat .stat-value{color:#f1f5f9;font-size:2rem;font-weight:700;display:block}.practice-complete-stat .stat-value.good{color:#22c55e}.practice-complete-stat .stat-value.medium{color:#eab308}.practice-complete-stat .stat-value.low{color:#ef4444}.practice-complete-stat .stat-label{color:#64748b;text-transform:uppercase;font-size:.8rem}.practice-complete-message{margin-bottom:32px}.practice-complete-message p{color:#94a3b8;margin:0;font-size:1rem}.practice-complete-actions{flex-direction:column;gap:12px;display:flex}.practice-pyq-title{color:#f1f5f9;font-size:1rem;font-weight:600}.pyq-header{background:#1e293b99;border:1px solid #ffffff1a;border-left:4px solid #eab308;border-radius:16px;align-items:center;gap:20px;margin-bottom:24px;padding:24px;display:flex}.pyq-header-icon{background:#eab30833;border-radius:14px;justify-content:center;align-items:center;width:64px;height:64px;font-size:2rem;display:flex}.pyq-header-info h1{color:#f1f5f9;margin:0 0 4px;font-size:1.4rem;font-weight:700}.pyq-header-info p{color:#94a3b8;margin:0;font-size:.9rem}.pyq-filters{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.pyq-filter-group{flex-direction:column;gap:6px;display:flex}.pyq-filter-group label{color:#94a3b8;text-transform:uppercase;font-size:.75rem}.pyq-filter-group select{color:#f1f5f9;cursor:pointer;background:#1e293bcc;border:1px solid #ffffff1a;border-radius:8px;min-width:150px;padding:10px 14px;font-size:.9rem}.pyq-filter-group select:focus{border-color:#6366f1;outline:none}.pyq-list{flex-direction:column;gap:16px;display:flex}.pyq-list-item{background:#1e293b80;border:1px solid #ffffff0f;border-radius:14px;padding:20px}.pyq-list-header{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.pyq-year-badge{color:#eab308;background:#eab30833;border-radius:10px;padding:4px 10px;font-size:.75rem;font-weight:600}.pyq-chapter-badge{color:#a5b4fc;background:#6366f133;border-radius:10px;padding:4px 10px;font-size:.75rem;font-weight:600}.pyq-type-badge{color:#94a3b8;background:#94a3b833;border-radius:10px;padding:4px 10px;font-size:.75rem;font-weight:600}.pyq-type-badge.mcq{color:#22c55e;background:#22c55e33}.pyq-type-badge.short{color:#60a5fa;background:#3b82f633}.pyq-type-badge.long{color:#c084fc;background:#a855f733}.pyq-marks-badge{color:#cbd5e1;background:#ffffff1a;border-radius:10px;padding:4px 10px;font-size:.75rem;font-weight:600}.pyq-list-question{color:#f1f5f9;margin-bottom:12px;font-size:1rem;line-height:1.6}.pyq-list-question p{margin:0}.pyq-practice-btn{color:#a5b4fc;cursor:pointer;background:0 0;border:1px solid #6366f14d;border-radius:8px;padding:8px 16px;font-size:.85rem;transition:all .2s}.pyq-practice-btn:hover{color:#f1f5f9;background:#6366f11a;border-color:#6366f1}.pyq-practice-area{max-width:800px;margin:0 auto}@media (max-width:1024px){.practice-layout{grid-template-columns:1fr}.practice-filters{flex-wrap:wrap;gap:12px;padding:16px;display:flex;position:static}.practice-filters-header{width:100%}.practice-filter-group{flex:1;min-width:120px;margin-bottom:0}.practice-quick-actions{grid-template-columns:1fr}}.primary-practice{color:#1e3a4c;background:linear-gradient(#fef7e0 0%,#fff0f5 30%,#e8f4fd 60%,#fef9c3 100%)}.primary-practice .practice-loading{background:0 0}.primary-practice .practice-loading-spinner{border:none;justify-content:center;align-items:center;width:80px;height:80px;font-size:3rem;animation:1s ease-in-out infinite foundation-bounce;display:flex}.primary-practice .practice-loading p{color:#475569;font-size:1.1rem;font-weight:500}.primary-practice .practice-nav{background:#fffffff2;border-bottom:2px solid #fbbf2433;box-shadow:0 2px 12px #0000000d}.primary-practice .practice-back-btn{color:#1e3a4c;background:#fff;border:1px solid #1e3a4c1a;border-radius:12px;padding:8px 16px;font-weight:600}.primary-practice .practice-back-btn:hover{color:#1e40af;background:#f8fafc}.primary-practice .practice-title{text-shadow:none;font-size:1.2rem;font-weight:700;color:#1e3a4c!important}.primary-practice .practice-score{color:#fff;background:linear-gradient(135deg,#fbbf24,#f97316);border-radius:999px;padding:8px 16px;font-size:1rem;font-weight:700;box-shadow:0 4px 12px #fbbf244d}.primary-practice .practice-main{max-width:700px}.practice-framework-banner{background:#ffffffeb;border:2px solid #fbbf242e;border-radius:18px;align-items:flex-start;gap:14px;margin-bottom:20px;padding:18px 20px;display:flex;box-shadow:0 8px 24px #1e3a4c12}.practice-framework-icon{font-size:2rem;line-height:1}.practice-framework-banner strong{color:#1e3a4c;margin-bottom:4px;display:block}.practice-framework-banner p{color:#475569;margin:0;line-height:1.5}.primary-practice .practice-progress{background:#fff;border-radius:16px;margin-bottom:24px;padding:16px 20px;box-shadow:0 4px 16px #0000000d}.primary-practice .progress-info{margin-bottom:12px}.primary-practice .progress-info span{color:#1e3a4c;font-size:1.1rem;font-weight:600}.primary-practice .progress-bar{background:#e2e8f0;border-radius:999px;height:12px;overflow:hidden}.primary-practice .progress-fill{background:linear-gradient(90deg,#22c55e,#10b981);border-radius:999px;transition:width .4s}.primary-practice .question-card{background:#fff;border:2px solid #3b82f61a;border-radius:24px;padding:32px;box-shadow:0 8px 32px #00000014}.primary-practice .question-text{color:#1e3a4c;margin-bottom:28px;font-size:1.4rem;font-weight:600;line-height:1.6}.primary-practice .question-text p{margin:0}.primary-practice .options-list{flex-direction:column;gap:14px;display:flex}.primary-practice .option-item{cursor:pointer;color:#1e3a4c;background:#f8fafc;border:3px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;padding:18px 22px;font-size:1.15rem;transition:all .25s;display:flex}.primary-practice .option-item:hover:not(:disabled){background:#eff6ff;border-color:#3b82f6;transform:translate(4px)}.primary-practice .option-item.selected{background:#dbeafe;border-color:#3b82f6;box-shadow:0 4px 16px #3b82f633}.primary-practice .option-item.correct{background:#dcfce7;border-color:#22c55e;box-shadow:0 4px 16px #22c55e33}.primary-practice .option-item.incorrect{background:#fee2e2;border-color:#ef4444;box-shadow:0 4px 16px #ef444433}.primary-practice .option-letter{color:#475569;background:#e2e8f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:800;display:flex}.primary-practice .option-item.selected .option-letter{color:#fff;background:#3b82f6}.primary-practice .option-item.correct .option-letter{color:#fff;background:#22c55e}.primary-practice .option-item.incorrect .option-letter{color:#fff;background:#ef4444}.primary-practice .option-text{flex:1;font-weight:500}.primary-practice .option-text p{margin:0}.primary-practice .option-icon{margin-left:auto;font-size:1.5rem}.primary-practice .explanation-card{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:2px solid #3b82f633;border-radius:18px;margin-top:24px;padding:24px}.primary-practice .explanation-card h3{color:#1e40af;margin:0 0 12px;font-size:1.1rem;font-weight:700}.primary-practice .explanation-card p{color:#334155;margin:0;line-height:1.7}.primary-practice .practice-actions{border-top:2px solid #e2e8f0;gap:16px;margin-top:28px;padding-top:24px;display:flex}.primary-practice .practice-btn{cursor:pointer;border:none;border-radius:14px;padding:16px 28px;font-size:1.1rem;font-weight:700;transition:all .25s}.primary-practice .practice-btn.primary{color:#fff;background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 6px 20px #f9731659}.primary-practice .practice-btn.primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 28px #f9731673}.primary-practice .practice-btn.secondary{color:#1e3a4c;background:#fff;border:2px solid #e2e8f0}.primary-practice .practice-btn.secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.primary-practice .practice-btn:disabled{opacity:.5;cursor:not-allowed}.primary-practice .difficulty-selector{justify-content:center;align-items:center;gap:16px;margin-top:24px;display:flex}.primary-practice .regenerate-btn{color:#1e3a4c;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s}.primary-practice .regenerate-btn:hover{color:#1e40af;background:#f8fafc;border-color:#3b82f6}.primary-practice .practice-results{justify-content:center;align-items:center;min-height:60vh;display:flex}.primary-practice .results-card{text-align:center;background:#fff;border:2px solid #fbbf2433;border-radius:28px;width:100%;max-width:450px;padding:48px 40px;box-shadow:0 12px 48px #0000001a}.primary-practice .results-celebration{margin-bottom:16px;font-size:4rem;animation:1s ease-in-out infinite foundation-bounce}.primary-practice .results-card h2{color:#1e3a4c;margin:0 0 24px;font-size:2rem;font-weight:800}.primary-practice .results-score{justify-content:center;align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.primary-practice .score-value{background:linear-gradient(135deg,#22c55e,#10b981);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:800}.primary-practice .score-divider{color:#94a3b8;font-size:2.5rem}.primary-practice .score-total{color:#64748b;font-size:2.5rem;font-weight:700}.primary-practice .results-percentage{color:#475569;margin-bottom:20px;font-size:1.5rem;font-weight:700}.primary-practice .results-message{color:#334155;margin:0 0 32px;font-size:1.2rem;line-height:1.6}.primary-practice .results-actions{flex-direction:column;gap:12px;display:flex}.primary-practice .results-actions .practice-btn{justify-content:center;width:100%}.primary-practice .practice-empty{text-align:center;background:#fff;border-radius:24px;padding:60px 40px;box-shadow:0 8px 32px #00000014}.primary-practice .practice-empty span{margin-bottom:20px;font-size:4rem;display:block}.primary-practice .practice-empty h2{color:#1e3a4c;margin:0 0 12px;font-size:1.5rem;font-weight:700}.primary-practice .practice-empty p{color:#64748b;margin:0 0 24px;font-size:1.1rem}@media (max-width:768px){.primary-practice .practice-nav{flex-wrap:wrap;gap:12px;padding:12px 16px}.primary-practice .practice-nav-center{order:-1;justify-content:center;width:100%}.primary-practice .question-card{border-radius:20px;padding:24px 20px}.primary-practice .question-text{font-size:1.2rem}.primary-practice .option-item{padding:14px 16px;font-size:1.05rem}.primary-practice .option-letter{width:38px;height:38px;font-size:1rem}.primary-practice .practice-actions{flex-direction:column}.primary-practice .practice-btn{justify-content:center;width:100%}.primary-practice .results-card{border-radius:24px;padding:36px 24px}.primary-practice .score-value{font-size:3rem}.primary-practice .score-divider,.primary-practice .score-total{font-size:2rem}.practice-nav{padding:10px 16px}.practice-main{padding:20px 16px}.practice-subject-header{text-align:center;flex-direction:column}.practice-overall-stats{margin-top:16px;margin-left:0}.practice-question-card{padding:20px}.practice-question-header{flex-direction:column;align-items:flex-start;gap:12px}.practice-actions{flex-direction:column}.practice-btn{justify-content:center;width:100%}.practice-complete-stats{flex-wrap:wrap;gap:20px}.pyq-filters{flex-direction:column}.pyq-filter-group select{width:100%}}.practice-landing-header{background:linear-gradient(135deg,#6366f133 0%,#8b5cf626 100%);border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:24px;margin-bottom:28px;padding:32px;display:flex}.practice-landing-icon{background:#6366f14d;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:2.5rem;display:flex}.practice-landing-info h1{color:#f1f5f9;margin:0 0 6px;font-size:1.75rem;font-weight:700}.practice-landing-info p{color:#94a3b8;margin:0;font-size:1rem}.practice-landing-actions{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px;display:grid}.practice-subjects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.practice-subject-card{background:#1e293b99;border:1px solid #ffffff14;border-left:4px solid #6366f1;border-radius:14px;align-items:center;gap:16px;padding:18px 22px;text-decoration:none;transition:all .2s;display:flex}.practice-subject-card:hover{background:#1e293be6;transform:translate(4px)}.practice-subject-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.practice-subject-info h3{color:#f1f5f9;margin:0 0 4px;font-size:1.05rem;font-weight:600}.practice-subject-info p{color:#64748b;margin:0;font-size:.85rem}.practice-subject-arrow{color:#64748b;margin-left:auto;font-size:1.25rem;transition:all .2s}.practice-subject-card:hover .practice-subject-arrow{color:#6366f1;transform:translate(4px)}.notification-pill.practice{background:linear-gradient(135deg,#6366f126,#8b5cf61a);border-color:#6366f14d}.notification-pill.planner{background:linear-gradient(135deg,#eab30826,#f59e0b1a);border-color:#eab3084d}.notification-pill.exam{background:linear-gradient(135deg,#22c55e26,#10b9811a);border-color:#22c55e4d}.notification-pill.test{background:linear-gradient(135deg,#ec489926,#f472b61a);border-color:#ec48994d}.notification-pill.revision{background:linear-gradient(135deg,#0ea5e926,#38bdf81a);border-color:#0ea5e94d}.planner-page{color:#f1f5f9;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#0f172a 100%);min-height:100vh}.planner-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;display:flex}.planner-loading-spinner{border:4px solid #6366f133;border-top-color:#6366f1;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.planner-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0f172ae6;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.planner-back-btn,.planner-link{color:#94a3b8;font-size:.9rem;text-decoration:none;transition:color .2s}.planner-back-btn:hover,.planner-link:hover{color:#f1f5f9}.planner-title{color:#f1f5f9;font-size:1.1rem;font-weight:600}.planner-main{max-width:1400px;margin:0 auto;padding:24px}.planner-header{margin-bottom:24px}.planner-greeting h1{color:#f1f5f9;margin:0 0 6px;font-size:1.75rem;font-weight:700}.planner-greeting p{color:#94a3b8;margin:0 0 20px}.planner-stats-row{gap:16px;display:flex}.planner-stat-card{background:#1e293b99;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:12px;padding:16px 20px;display:flex}.planner-stat-card.streak{background:linear-gradient(135deg,#ef444426,#eab3081a);border-color:#ef44444d}.planner-stat-card.tasks{background:linear-gradient(135deg,#22c55e26,#10b9811a);border-color:#22c55e4d}.planner-stat-card.time{background:linear-gradient(135deg,#6366f126,#8b5cf61a);border-color:#6366f14d}.planner-stat-icon{font-size:1.5rem}.planner-stat-info{flex-direction:column;display:flex}.planner-stat-value{color:#f1f5f9;font-size:1.25rem;font-weight:700}.planner-stat-label{color:#94a3b8;font-size:.8rem}.planner-daily-progress{background:#1e293b99;border:1px solid #ffffff14;border-radius:16px;margin-bottom:24px;padding:20px}.planner-progress-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.planner-progress-header h2{color:#f1f5f9;margin:0;font-size:1.1rem;font-weight:600}.planner-goal-selector{align-items:center;gap:8px;display:flex}.planner-goal-selector label{color:#94a3b8;font-size:.85rem}.planner-goal-selector select{color:#f1f5f9;background:#0f172a99;border:1px solid #ffffff1a;border-radius:8px;padding:6px 12px;font-size:.85rem}.planner-progress-bar-container{flex-direction:column;gap:8px;display:flex}.planner-progress-bar{background:#ffffff1a;border-radius:6px;height:12px;overflow:hidden}.planner-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:6px;height:100%;transition:width .5s}.planner-progress-text{color:#94a3b8;text-align:right;font-size:.85rem}.planner-content{grid-template-columns:1fr 360px;gap:24px;display:grid}.planner-left,.planner-right{flex-direction:column;gap:24px;display:flex}.planner-week-view{background:#1e293b99;border:1px solid #ffffff14;border-radius:16px;padding:20px}.planner-week-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.planner-week-header h3{color:#f1f5f9;margin:0;font-size:1rem;font-weight:600}.planner-week-nav{color:#f1f5f9;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex}.planner-week-nav:hover{background:#fff3}.planner-week-days{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.planner-day{cursor:pointer;background:#ffffff0d;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;transition:all .2s;display:flex}.planner-day:hover{background:#ffffff1a}.planner-day.today{border-color:#6366f180}.planner-day.selected{background:#6366f133;border-color:#6366f1}.planner-day-name{color:#94a3b8;text-transform:uppercase;font-size:.75rem}.planner-day-number{color:#f1f5f9;font-size:1.1rem;font-weight:600}.planner-tasks-section{background:#1e293b99;border:1px solid #ffffff14;border-radius:16px;padding:20px}.planner-tasks-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.planner-tasks-header h2{color:#f1f5f9;margin:0;font-size:1.1rem;font-weight:600}.planner-add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:transform .2s}.planner-add-btn:hover{transform:translateY(-1px)}.planner-tasks-list{flex-direction:column;gap:12px;display:flex}.planner-empty-tasks{text-align:center;color:#64748b;padding:40px 20px}.planner-empty-tasks span{margin-bottom:8px;font-size:2rem;display:block}.planner-task-card{background:#0f172a80;border-left:4px solid #6366f1;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;transition:all .2s;display:flex}.planner-task-card.high{border-left-color:#ef4444}.planner-task-card.medium{border-left-color:#eab308}.planner-task-card.low{border-left-color:#22c55e}.planner-task-card.completed{opacity:.6}.planner-task-card.completed .planner-task-content{text-decoration:line-through}.planner-task-check{cursor:pointer;color:#22c55e;background:0 0;border:2px solid #ffffff4d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:flex}.planner-task-card.completed .planner-task-check{color:#fff;background:#22c55e;border-color:#22c55e}.planner-task-content{flex:1}.planner-task-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.planner-task-subject{font-size:.95rem;font-weight:600}.planner-task-type{color:#94a3b8;text-transform:uppercase;background:#ffffff1a;border-radius:10px;padding:2px 8px;font-size:.7rem}.planner-task-type.practice{color:#a5b4fc;background:#6366f133}.planner-task-type.revision{color:#fbbf24;background:#eab30833}.planner-task-type.test{color:#fca5a5;background:#ef444433}.planner-task-chapter{color:#cbd5e1;margin:0 0 8px;font-size:.9rem}.planner-task-meta{color:#64748b;gap:16px;font-size:.8rem;display:flex}.planner-task-delete{color:#64748b;cursor:pointer;background:0 0;border:none;width:24px;height:24px;font-size:1.25rem;transition:color .2s}.planner-task-delete:hover{color:#ef4444}.planner-goals-section{background:#1e293b99;border:1px solid #ffffff14;border-radius:16px;padding:20px}.planner-goals-section h2{color:#f1f5f9;margin:0 0 16px;font-size:1.1rem;font-weight:600}.planner-goals-list{flex-direction:column;gap:16px;display:flex}.planner-goal-card{background:#0f172a80;border-radius:10px;padding:14px}.planner-goal-header{justify-content:space-between;margin-bottom:10px;display:flex}.planner-goal-title{color:#f1f5f9;font-size:.9rem}.planner-goal-progress-text{color:#94a3b8;font-size:.8rem}.planner-goal-bar{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.planner-goal-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;height:100%;transition:width .3s}.planner-quick-actions{background:#1e293b99;border:1px solid #ffffff14;border-radius:16px;padding:20px}.planner-quick-actions h2{color:#f1f5f9;margin:0 0 16px;font-size:1.1rem;font-weight:600}.planner-action-buttons{flex-direction:column;gap:8px;display:flex}.planner-action-btn{color:#f1f5f9;background:#ffffff0d;border-radius:10px;padding:12px 16px;font-size:.9rem;text-decoration:none;transition:background .2s;display:block}.planner-action-btn:hover{background:#ffffff1a}.planner-tips-section{background:#1e293b99;border:1px solid #ffffff14;border-radius:16px;padding:20px}.planner-tips-section h2{color:#f1f5f9;margin:0 0 12px;font-size:1.1rem;font-weight:600}.planner-tip-card{background:linear-gradient(135deg,#eab3081a,#f59e0b0d);border:1px solid #eab30833;border-radius:10px;padding:16px}.planner-tip-card p{color:#cbd5e1;margin:0;font-size:.9rem;line-height:1.6}.planner-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.planner-modal{background:#1e293b;border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:480px}.planner-modal-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px;display:flex}.planner-modal-header h2{color:#f1f5f9;margin:0;font-size:1.25rem;font-weight:600}.planner-modal-close{color:#f1f5f9;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;width:32px;height:32px;font-size:1.25rem}.planner-modal-body{padding:20px}.planner-form-group{margin-bottom:16px}.planner-form-group label{color:#94a3b8;margin-bottom:6px;font-size:.85rem;display:block}.planner-form-group select,.planner-form-group input{color:#f1f5f9;background:#0f172a99;border:1px solid #ffffff1a;border-radius:10px;width:100%;padding:12px;font-size:.95rem}.planner-form-group select:focus,.planner-form-group input:focus{border-color:#6366f1;outline:none}.planner-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.planner-priority-options{gap:8px;display:flex}.planner-priority-btn{color:#94a3b8;text-transform:capitalize;cursor:pointer;background:#ffffff0d;border:2px solid #0000;border-radius:8px;flex:1;padding:10px;font-size:.85rem;transition:all .2s}.planner-priority-btn.low.active{color:#22c55e;background:#22c55e1a;border-color:#22c55e}.planner-priority-btn.medium.active{color:#eab308;background:#eab3081a;border-color:#eab308}.planner-priority-btn.high.active{color:#ef4444;background:#ef44441a;border-color:#ef4444}.planner-modal-footer{border-top:1px solid #ffffff1a;gap:12px;padding:20px;display:flex}.planner-btn{cursor:pointer;border:none;border-radius:10px;flex:1;padding:12px;font-size:.95rem;font-weight:600;transition:all .2s}.planner-btn.primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.planner-btn.secondary{color:#f1f5f9;background:#ffffff1a}.planner-school-plan,.planner-school-day-section{background:#1e293b99;border:1px solid #ffffff14;border-radius:16px;padding:20px}.planner-school-plan-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.planner-school-plan-header h2{color:#f1f5f9;margin:0 0 6px}.planner-school-plan-header p{color:#94a3b8;margin:0}.planner-school-plan-pill{color:#c7d2fe;white-space:nowrap;background:#6366f12e;border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:700}.planner-school-plan-upload{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.planner-school-plan-upload input[type=file]{color:#cbd5e1;background:#0f172a59;border:1px dashed #94a3b859;border-radius:12px;flex:280px;padding:12px}.planner-upload-error{color:#fca5a5;margin:12px 0 0;font-size:.95rem}.planner-school-plan-upcoming{margin-top:24px}.planner-school-plan-upcoming h3{color:#f8fafc;margin:0 0 12px}.planner-school-plan-list{gap:12px;display:grid}.planner-school-plan-item{background:#0f172a61;border:1px solid #94a3b829;border-radius:14px;grid-template-columns:88px 1fr;gap:14px;padding:14px;display:grid}.planner-school-plan-item.selected-day{grid-template-columns:1fr}.planner-school-plan-date{color:#94a3b8;flex-direction:column;gap:4px;font-size:.84rem;display:flex}.planner-school-plan-date strong{color:#f8fafc;font-size:1rem}.planner-school-plan-content p{color:#f8fafc;margin:4px 0 6px;font-weight:600}.planner-school-plan-content small{color:#94a3b8;line-height:1.4;display:block}.planner-school-plan-title-row{color:#cbd5e1;justify-content:space-between;align-items:center;gap:12px;font-size:.85rem;display:flex}.planner-school-plan-subject{color:#c4b5fd;font-weight:700}.planner-empty-school-plan{color:#94a3b8;background:#0f172a59;border:1px dashed #94a3b84d;border-radius:16px;margin-top:18px;padding:18px}.planner-daily-plan-card{flex-direction:column;gap:16px;display:flex}.planner-daily-plan-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.planner-daily-plan-header h3{color:#f8fafc;margin:0;font-size:1.05rem}.planner-daily-plan-header p{color:#cbd5e1;margin:6px 0 0}.planner-daily-plan-summary{color:#e2e8f0;margin:0;line-height:1.6}.planner-daily-plan-list{gap:12px;display:grid}.planner-daily-plan-item{background:#0f172a61;border:1px solid #94a3b829;border-radius:14px;grid-template-columns:36px 1fr;align-items:flex-start;gap:12px;padding:14px;display:grid}.planner-daily-plan-step{color:#ddd6fe;background:#c4b5fd2e;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:inline-flex}.planner-daily-plan-body{flex-direction:column;gap:6px;display:flex}.planner-daily-plan-body p{color:#f8fafc;margin:0;font-weight:600}.planner-daily-plan-body small{color:#94a3b8;line-height:1.4}.planner-daily-plan-reason{color:#cbd5e1}@media (max-width:1024px){.planner-content{grid-template-columns:1fr}.planner-stats-row{flex-wrap:wrap}}@media (max-width:768px){.planner-main{padding:16px}.planner-week-days{grid-template-columns:repeat(7,1fr);gap:4px}.planner-day{padding:8px 4px}.planner-day-name{font-size:.65rem}.planner-day-number{font-size:.9rem}.planner-form-row,.planner-school-plan-item{grid-template-columns:1fr}}.exam-prep-page{color:#f1f5f9;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#0f172a 100%);min-height:100vh}.exam-prep-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;display:flex}.exam-prep-loading-spinner{border:4px solid #6366f133;border-top-color:#6366f1;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.exam-prep-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0f172ae6;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.exam-prep-back-btn,.exam-prep-link{color:#94a3b8;font-size:.9rem;text-decoration:none;transition:color .2s}.exam-prep-back-btn:hover,.exam-prep-link:hover{color:#f1f5f9}.exam-prep-title{color:#f1f5f9;font-size:1.1rem;font-weight:600}.exam-prep-main{max-width:1200px;margin:0 auto;padding:24px}.exam-prep-header{background:#1e293b99;border:1px solid #ffffff1a;border-radius:20px;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin-bottom:32px;padding:28px;display:grid}.exam-prep-countdown{text-align:center}.countdown-number{background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:800;line-height:1}.countdown-label{color:#94a3b8;margin-top:8px;font-size:.95rem}.exam-date-input{color:#f1f5f9;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;margin-top:12px;padding:8px 12px;font-size:.85rem}.exam-prep-readiness{justify-content:center;display:flex}.readiness-circle{background:#1e293bcc;border:8px solid #22c55e;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:160px;height:160px;display:flex}.readiness-score{color:#f1f5f9;font-size:2.5rem;font-weight:800}.readiness-label{color:#94a3b8;text-transform:uppercase;font-size:.85rem}.exam-prep-quick-stats{flex-direction:column;gap:12px;display:flex}.quick-stat{background:#ffffff0d;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex}.quick-stat-icon{font-size:1.25rem}.quick-stat-value{color:#f1f5f9;font-size:1.25rem;font-weight:700}.quick-stat-label{color:#64748b;margin-left:auto;font-size:.8rem}.exam-prep-tabs{background:#1e293b66;border-radius:14px;gap:8px;width:fit-content;margin-bottom:24px;padding:6px;display:flex}.exam-prep-tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:12px 20px;font-size:.9rem;font-weight:500;transition:all .2s}.exam-prep-tab:hover{color:#f1f5f9}.exam-prep-tab.active{color:#a5b4fc;background:#6366f133}.exam-prep-content{min-height:400px}.exam-prep-section{background:#1e293b99;border:1px solid #ffffff14;border-radius:16px;margin-bottom:24px;padding:24px}.exam-prep-section h2{color:#f1f5f9;margin:0 0 20px;font-size:1.15rem;font-weight:600}.confidence-chart{flex-direction:column;gap:16px;display:flex}.confidence-bar-container{flex-direction:column;gap:6px;display:flex}.confidence-bar-label{color:#f1f5f9;justify-content:space-between;font-size:.9rem;display:flex}.confidence-score{color:#94a3b8}.confidence-bar{background:#ffffff1a;border-radius:5px;height:10px;overflow:hidden}.confidence-bar-fill{border-radius:5px;height:100%;transition:width .5s}.recommendations-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.recommendation-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;gap:14px;padding:20px;display:flex}.recommendation-card.urgent{background:#ef44441a;border-color:#ef44444d}.recommendation-icon{flex-shrink:0;font-size:1.5rem}.recommendation-content h3{color:#f1f5f9;margin:0 0 6px;font-size:1rem;font-weight:600}.recommendation-content p{color:#94a3b8;margin:0 0 12px;font-size:.85rem;line-height:1.5}.recommendation-link{color:#a5b4fc;font-size:.85rem;text-decoration:none}.recommendation-link:hover{text-decoration:underline}.subjects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.subject-confidence-card{background:#1e293b99;border:1px solid #ffffff14;border-radius:16px;overflow:hidden}.subject-card-header{align-items:center;gap:12px;padding:20px;display:flex}.subject-card-emoji{font-size:1.5rem}.subject-card-header h3{color:#f1f5f9;margin:0;font-size:1.1rem;font-weight:600}.subject-card-body{flex-direction:column;align-items:center;gap:16px;padding:20px;display:flex}.subject-score-ring{width:100px;height:100px;position:relative}.subject-score-ring svg{transform:rotate(-90deg)}.score-text{color:#f1f5f9;font-size:1.25rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.subject-card-stats{text-align:center;gap:20px;display:flex}.subject-stat{flex-direction:column;gap:4px;display:flex}.subject-stat .stat-label{color:#64748b;text-transform:uppercase;font-size:.7rem}.subject-stat .stat-value{color:#f1f5f9;font-size:.95rem;font-weight:600}.subject-stat .stat-value.trend.up{color:#22c55e}.subject-stat .stat-value.trend.down{color:#ef4444}.subject-card-actions{border-top:1px solid #ffffff14;display:flex}.subject-action-btn{color:#94a3b8;text-align:center;background:0 0;border:none;flex:1;padding:14px;font-size:.85rem;text-decoration:none;transition:all .2s}.subject-action-btn:hover{color:#f1f5f9;background:#ffffff0d}.subject-action-btn.study{border-right:1px solid #ffffff14}.weak-areas-header{margin-bottom:20px}.weak-areas-header h2{color:#f1f5f9;margin:0 0 6px;font-size:1.25rem;font-weight:600}.weak-areas-header p{color:#94a3b8;margin:0}.weak-areas-list{flex-direction:column;gap:14px;display:flex}.weak-area-card{background:#1e293b99;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:16px;padding:20px;display:flex}.weak-area-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.weak-area-content{flex:1}.weak-area-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.weak-area-header h3{color:#f1f5f9;margin:0;font-size:1rem;font-weight:600}.weak-area-subject{color:#a5b4fc;background:#6366f133;border-radius:10px;padding:2px 8px;font-size:.75rem}.weak-area-stats{gap:24px;margin-bottom:10px;display:flex}.weak-area-stat{flex-direction:column;gap:2px;display:flex}.weak-stat-label{color:#64748b;text-transform:uppercase;font-size:.7rem}.weak-stat-value{color:#f1f5f9;font-size:.95rem;font-weight:600}.weak-stat-value.critical{color:#ef4444}.weak-stat-value.warning{color:#eab308}.weak-area-progress{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.weak-area-progress-fill{border-radius:3px;height:100%}.weak-area-action{color:#a5b4fc;background:#6366f133;border-radius:10px;padding:10px 20px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s}.weak-area-action:hover{background:#6366f14d}.weak-areas-empty{text-align:center;color:#64748b;padding:60px}.weak-areas-empty span{margin-bottom:12px;font-size:3rem;display:block}.weak-areas-empty h3{color:#f1f5f9;margin:0 0 6px}.schedule-header{margin-bottom:24px}.schedule-header h2{color:#f1f5f9;margin:0 0 6px;font-size:1.25rem;font-weight:600}.schedule-header p{color:#94a3b8;margin:0}.schedule-phases{flex-direction:column;gap:16px;margin-bottom:28px;display:flex}.schedule-phase{background:#1e293b99;border:1px solid #ffffff14;border-radius:16px;padding:24px}.phase-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.phase-number{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;display:flex}.phase-info h3{color:#f1f5f9;margin:0 0 2px;font-size:1.1rem;font-weight:600}.phase-info p{color:#94a3b8;margin:0;font-size:.85rem}.phase-duration{color:#a5b4fc;background:#6366f133;border-radius:20px;margin-left:auto;padding:6px 14px;font-size:.85rem}.phase-tasks{margin:0;padding-left:52px;list-style:none}.phase-tasks li{color:#cbd5e1;padding:8px 0;font-size:.95rem;position:relative}.phase-tasks li:before{content:"•";color:#6366f1;position:absolute;left:-16px}.schedule-cta{text-align:center}.schedule-btn{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;padding:14px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s;display:inline-block}.schedule-btn:hover{transform:translateY(-2px)}@media (max-width:1024px){.exam-prep-header{grid-template-columns:1fr;gap:20px}.exam-prep-quick-stats{flex-flow:wrap}.recommendations-grid{grid-template-columns:1fr}}@media (max-width:768px){.exam-prep-main{padding:16px}.exam-prep-tabs{width:100%;overflow-x:auto}.countdown-number{font-size:3rem}.readiness-circle{border-width:6px;width:120px;height:120px}.readiness-score{font-size:1.75rem}.weak-area-card{flex-direction:column;align-items:flex-start}.weak-area-action{text-align:center;width:100%}.practice-landing-header{text-align:center;flex-direction:column;padding:24px}.practice-landing-icon{width:64px;height:64px;font-size:2rem}.practice-landing-info h1{font-size:1.5rem}.practice-overall-stats{margin-top:16px;margin-left:0}.practice-landing-actions,.practice-subjects-grid{grid-template-columns:1fr}}.mock-test-page{color:#f1f5f9;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#0f172a 100%);min-height:100vh}.mock-test-page.test-active{background:#0f172a}.mock-test-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;display:flex}.mock-test-loading-spinner{border:4px solid #6366f133;border-top-color:#6366f1;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.mock-test-nav{background:#0f172ae6;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.mock-test-back-btn,.mock-test-link{color:#94a3b8;font-size:.9rem;text-decoration:none}.mock-test-title{color:#f1f5f9;font-size:1.1rem;font-weight:600}.mock-test-main{max-width:1200px;margin:0 auto;padding:24px}.mock-test-header{background:linear-gradient(135deg,#6366f133,#8b5cf626);border-radius:20px;align-items:center;gap:20px;margin-bottom:28px;padding:28px;display:flex}.mock-test-header-icon{font-size:3rem}.mock-test-header-info h1{color:#f1f5f9;margin:0 0 6px;font-size:1.75rem;font-weight:700}.mock-test-header-info p{color:#94a3b8;margin:0}.mock-test-types h2,.mock-test-subjects h2,.mock-test-recent h2,.mock-test-tips h2{color:#f1f5f9;margin:0 0 16px;font-size:1.15rem;font-weight:600}.test-types-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px;display:grid}.test-type-card{background:#1e293b99;border:1px solid #ffffff14;border-radius:16px;gap:16px;padding:24px;text-decoration:none;transition:all .2s;display:flex}.test-type-card:hover{border-color:#fff3;transform:translateY(-2px)}.test-type-card.full{background:linear-gradient(135deg,#6366f126,#8b5cf61a)}.test-type-card.subject{background:linear-gradient(135deg,#22c55e26,#10b9811a)}.test-type-card.chapter{background:linear-gradient(135deg,#eab30826,#f59e0b1a)}.test-type-card.quick{background:linear-gradient(135deg,#ec489926,#f472b61a)}.test-type-icon{font-size:2.5rem}.test-type-content h3{color:#f1f5f9;margin:0 0 6px;font-size:1.15rem;font-weight:600}.test-type-content p{color:#94a3b8;margin:0 0 12px;font-size:.9rem}.test-type-meta{color:#64748b;gap:16px;font-size:.8rem;display:flex}.subjects-test-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:32px;display:grid}.subject-test-card{background:#1e293b80;border-left:4px solid #6366f1;border-radius:12px;align-items:center;gap:14px;padding:16px 20px;text-decoration:none;transition:all .2s;display:flex}.subject-test-card:hover{background:#1e293bcc;transform:translate(4px)}.subject-test-icon{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex}.subject-test-info h3{color:#f1f5f9;margin:0 0 2px;font-size:1rem;font-weight:600}.subject-test-info p{color:#64748b;margin:0;font-size:.8rem}.subject-test-arrow{color:#64748b;margin-left:auto;font-size:1.2rem}.recent-tests-list{flex-direction:column;gap:10px;margin-bottom:32px;display:flex}.recent-test-card{background:#1e293b80;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;display:flex}.recent-test-info h4{color:#f1f5f9;margin:0 0 2px;font-size:.95rem}.recent-test-info p{color:#64748b;margin:0;font-size:.8rem}.recent-test-score .score{font-size:1.25rem;font-weight:700}.recent-test-score .score.good{color:#22c55e}.recent-test-score .score.medium{color:#eab308}.recent-test-score .score.low{color:#ef4444}.recent-test-review{color:#a5b4fc;background:#6366f133;border-radius:8px;margin-left:auto;padding:8px 16px;font-size:.85rem;text-decoration:none}.tips-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.tip-card{text-align:center;background:#1e293b80;border-radius:12px;padding:20px}.tip-icon{margin-bottom:10px;font-size:1.5rem;display:block}.tip-card p{color:#94a3b8;margin:0;font-size:.85rem;line-height:1.5}.test-instructions-card{background:#1e293b99;border:1px solid #ffffff1a;border-radius:20px;max-width:700px;margin:0 auto;padding:40px}.test-instructions-header{align-items:center;gap:16px;margin-bottom:28px;display:flex}.test-icon{font-size:3rem}.test-instructions-header h1{color:#f1f5f9;margin:0;font-size:1.75rem;font-weight:700}.test-meta-info{background:#ffffff0d;border-radius:12px;justify-content:space-around;margin-bottom:24px;padding:20px;display:flex}.meta-item{flex-direction:column;align-items:center;gap:6px;display:flex}.meta-icon{font-size:1.5rem}.meta-label{color:#64748b;text-transform:uppercase;font-size:.75rem}.meta-value{color:#f1f5f9;font-size:1.25rem;font-weight:700}.test-instructions h2{color:#f1f5f9;margin:0 0 14px;font-size:1.1rem;font-weight:600}.test-instructions ul{margin:0 0 24px;padding-left:20px}.test-instructions li{color:#cbd5e1;padding:6px 0;font-size:.95rem}.test-legend h3{color:#f1f5f9;margin:0 0 12px;font-size:.95rem;font-weight:600}.legend-items{gap:24px;margin-bottom:28px;display:flex}.legend-item{color:#94a3b8;align-items:center;gap:8px;font-size:.85rem;display:flex}.legend-dot{border-radius:4px;width:16px;height:16px}.legend-dot.unanswered{background:#fff3;border:2px solid #ffffff4d}.legend-dot.answered{background:#22c55e}.legend-dot.review{background:#eab308}.start-test-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;width:100%;padding:16px;font-size:1.1rem;font-weight:600;transition:transform .2s}.start-test-btn:hover{transform:translateY(-2px)}.test-header{z-index:100;background:#0f172af2;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.test-subject{color:#f1f5f9;font-weight:600}.test-timer{background:#6366f133;border-radius:30px;align-items:center;gap:8px;padding:10px 20px;display:flex}.test-timer.warning{background:#eab30833}.test-timer.danger{background:#ef444433;animation:1s infinite pulse}.timer-value{color:#f1f5f9;font-family:monospace;font-size:1.25rem;font-weight:700}.submit-test-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:10px 24px;font-weight:600}.test-container{grid-template-columns:1fr 280px;gap:24px;max-width:1400px;margin:0 auto;padding:24px;display:grid}.test-question-panel{background:#1e293b99;border-radius:16px;padding:28px}.question-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.question-number{color:#94a3b8;font-size:.9rem}.question-meta{gap:12px;display:flex}.question-marks,.question-topic{color:#cbd5e1;background:#ffffff1a;border-radius:20px;padding:4px 12px;font-size:.8rem}.question-text{color:#f1f5f9;margin-bottom:28px;font-size:1.15rem;line-height:1.7}.question-options{flex-direction:column;gap:12px;margin-bottom:28px;display:flex}.question-option{cursor:pointer;text-align:left;color:#f1f5f9;background:#0f172a80;border:2px solid #ffffff1a;border-radius:12px;align-items:center;gap:14px;width:100%;padding:16px 20px;transition:all .2s;display:flex}.question-option:hover{border-color:#6366f180}.question-option.selected{background:#6366f126;border-color:#6366f1}.option-letter{background:#ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:600;display:flex}.question-option.selected .option-letter{color:#fff;background:#6366f1}.question-actions{border-top:1px solid #ffffff1a;justify-content:space-between;gap:16px;padding-top:20px;display:flex}.nav-btn{color:#f1f5f9;cursor:pointer;background:#ffffff1a;border:none;border-radius:10px;padding:12px 24px;font-weight:500}.nav-btn:hover:not(:disabled){background:#fff3}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.review-btn{color:#fbbf24;cursor:pointer;background:#eab30833;border:none;border-radius:10px;padding:12px 24px;font-weight:500}.review-btn.marked{color:#0f172a;background:#eab308}.test-palette{background:#1e293b99;border-radius:16px;height:fit-content;padding:20px;position:sticky;top:80px}.palette-header h3{color:#f1f5f9;margin:0 0 16px;font-size:1rem;font-weight:600}.palette-stats{border-bottom:1px solid #ffffff1a;flex-direction:column;gap:8px;margin-bottom:16px;padding-bottom:16px;display:flex}.palette-stat{color:#94a3b8;align-items:center;gap:8px;font-size:.85rem;display:flex}.stat-dot{border-radius:3px;width:12px;height:12px}.stat-dot.answered{background:#22c55e}.stat-dot.review{background:#eab308}.stat-dot.unanswered{background:#fff3}.palette-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px;display:grid}.palette-btn{aspect-ratio:1;color:#94a3b8;cursor:pointer;background:#ffffff0d;border:2px solid #fff3;border-radius:8px;width:100%;font-size:.85rem;font-weight:600}.palette-btn.current{color:#f1f5f9;background:#6366f133;border-color:#6366f1}.palette-btn.answered{color:#fff;background:#22c55e;border-color:#22c55e}.palette-btn.review{color:#0f172a;background:#eab308;border-color:#eab308}.palette-legend{border-top:1px solid #ffffff1a;flex-direction:column;gap:6px;padding-top:12px;display:flex}.palette-legend .legend-item{font-size:.75rem}.test-modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.test-modal{text-align:center;background:#1e293b;border-radius:20px;width:90%;max-width:420px;padding:32px}.test-modal h2{color:#f1f5f9;margin:0 0 20px;font-size:1.5rem}.submit-summary p{color:#cbd5e1;margin:0 0 8px}.submit-summary .warning{color:#eab308;font-size:.9rem}.modal-actions{gap:12px;margin-top:24px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:10px;flex:1;padding:14px;font-weight:600}.modal-btn.primary{color:#fff;background:#ef4444}.modal-btn.secondary{color:#f1f5f9;background:#ffffff1a}.test-results-card{text-align:center;background:#1e293b99;border-radius:20px;max-width:600px;margin:0 auto;padding:40px}.results-header{margin-bottom:32px}.results-score-circle{background:#1e293bcc;border:8px solid;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:140px;height:140px;margin:0 auto 20px;display:flex}.results-score-circle.good{border-color:#22c55e}.results-score-circle.medium{border-color:#eab308}.results-score-circle.low{border-color:#ef4444}.test-results-card .score-value{color:#f1f5f9;font-size:2.5rem;font-weight:800}.test-results-card .score-label{color:#94a3b8;font-size:.9rem}.results-title h1{color:#f1f5f9;margin:0 0 6px;font-size:1.5rem}.results-title p{color:#94a3b8;margin:0}.results-stats{justify-content:center;gap:32px;margin-bottom:24px;display:flex}.result-stat{flex-direction:column;align-items:center;display:flex}.result-stat .stat-value{font-size:1.75rem;font-weight:700}.result-stat.correct .stat-value{color:#22c55e}.result-stat.incorrect .stat-value{color:#ef4444}.result-stat.unanswered .stat-value{color:#94a3b8}.result-stat.time .stat-value{color:#6366f1}.result-stat .stat-label{color:#64748b;font-size:.8rem}.results-marks{margin-bottom:28px}.marks-bar{background:#ffffff1a;border-radius:6px;height:12px;margin-bottom:8px;overflow:hidden}.marks-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:6px;height:100%}.results-marks p{color:#94a3b8;margin:0}.results-actions{flex-direction:column;gap:12px;display:flex}.results-btn{text-align:center;border-radius:10px;padding:14px;font-weight:600;text-decoration:none}.results-btn.primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.results-btn.secondary{color:#f1f5f9;background:#ffffff1a}.results-btn.ghost{color:#94a3b8}.parent-page{color:#f1f5f9;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);min-height:100vh}.parent-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;display:flex}.parent-loading-spinner{border:4px solid #6366f133;border-top-color:#6366f1;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.parent-nav{background:#0f172af2;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.parent-brand{align-items:center;gap:10px;display:flex}.parent-brand .brand-icon{font-size:1.5rem}.parent-brand .brand-text{color:#f1f5f9;font-size:1.2rem;font-weight:700}.child-selector{gap:8px;display:flex}.child-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:2px solid #0000;border-radius:25px;align-items:center;gap:8px;padding:8px 16px;transition:all .2s;display:flex}.child-btn:hover{background:#ffffff1a}.child-btn.active{color:#f1f5f9;background:#6366f126;border-color:#6366f1}.child-avatar{font-size:1.25rem}.parent-logout-btn{color:#94a3b8;font-size:.9rem;text-decoration:none}.parent-main{max-width:1400px;margin:0 auto;padding:24px}.parent-child-header{background:#1e293b99;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px;display:flex}.child-info{align-items:center;gap:20px;display:flex}.child-avatar-large{font-size:4rem}.child-details h1{color:#f1f5f9;margin:0 0 4px;font-size:1.75rem;font-weight:700}.child-details p{color:#94a3b8;margin:0}.child-quick-stats{gap:24px;display:flex}.parent-child-header .quick-stat{background:#ffffff0d;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:16px 24px;display:flex}.parent-child-header .stat-icon{font-size:1.5rem}.parent-child-header .stat-value{color:#f1f5f9;font-size:1.5rem;font-weight:700}.parent-child-header .stat-label{color:#64748b;font-size:.75rem}.parent-content{grid-template-columns:1fr 400px;gap:24px;display:grid}.parent-left,.parent-right{flex-direction:column;gap:20px;display:flex}.parent-card{background:#1e293b99;border:1px solid #ffffff14;border-radius:16px;padding:24px}.parent-card.warning{border-color:#eab3084d}.card-header{margin-bottom:16px}.card-header h2{color:#f1f5f9;margin:0;font-size:1.1rem;font-weight:600}.study-time-stats{justify-content:space-around;margin-bottom:20px;display:flex}.time-stat{text-align:center}.time-value{color:#f1f5f9;font-size:1.5rem;font-weight:700;display:block}.time-label{color:#64748b;font-size:.8rem}.weekly-chart{border-top:1px solid #ffffff1a;padding-top:16px}.chart-bars{justify-content:space-between;align-items:flex-end;height:120px;display:flex}.chart-bar-container{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.chart-bar{background:linear-gradient(#6366f1,#8b5cf6);border-radius:4px 4px 0 0;width:24px;transition:height .3s}.chart-label{color:#64748b;font-size:.7rem}.subject-performance-list{flex-direction:column;gap:16px;display:flex}.subject-perf-item{background:#ffffff08;border-radius:12px;padding:16px}.subject-perf-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.subject-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}.subject-perf-header .subject-info{flex:1}.subject-perf-header h4{color:#f1f5f9;margin:0 0 2px;font-size:1rem;font-weight:600}.subject-last-studied{color:#64748b;font-size:.75rem}.subject-score-container{align-items:center;gap:8px;display:flex}.subject-score{font-size:1.25rem;font-weight:700}.subject-score.good{color:#22c55e}.subject-score.medium{color:#eab308}.subject-score.low{color:#ef4444}.subject-trend{font-size:1rem}.subject-trend.up{color:#22c55e}.subject-trend.down{color:#ef4444}.subject-trend.stable{color:#94a3b8}.subject-perf-bar{background:#ffffff1a;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.subject-perf-fill{border-radius:3px;height:100%}.subject-perf-meta{color:#64748b;font-size:.75rem}.activity-list{flex-direction:column;gap:12px;display:flex}.activity-item{background:#ffffff08;border-radius:10px;gap:12px;padding:12px;display:flex}.activity-icon{font-size:1.25rem}.activity-content p{color:#f1f5f9;margin:0 0 4px;font-size:.9rem}.activity-meta{color:#64748b;font-size:.75rem}.parent-card .weak-areas-list{flex-direction:column;gap:10px;display:flex}.weak-area-item{background:#ffffff08;border-radius:10px;justify-content:space-between;align-items:center;padding:12px;display:flex}.weak-area-info{flex-direction:column;gap:2px;display:flex}.weak-subject{color:#f1f5f9;font-size:.9rem}.weak-topic{color:#64748b;font-size:.8rem}.weak-accuracy{font-size:1rem;font-weight:700}.weak-accuracy.critical{color:#ef4444}.weak-accuracy.warning{color:#eab308}.weak-areas-tip{color:#fbbf24;background:#eab3081a;border-radius:8px;margin-top:16px;padding:12px;font-size:.85rem}.exams-list{flex-direction:column;gap:10px;display:flex}.exam-item{background:#ffffff08;border-radius:10px;justify-content:space-between;align-items:center;padding:14px;display:flex}.exam-info h4{color:#f1f5f9;margin:0 0 2px;font-size:.95rem}.exam-subject{color:#64748b;font-size:.8rem}.days-left{color:#a5b4fc;background:#6366f133;border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:600}.days-left.urgent{color:#fca5a5;background:#ef444433}.parent-actions{flex-direction:column;gap:8px;display:flex}.parent-action-btn{color:#f1f5f9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:12px;font-size:.9rem;transition:background .2s}.parent-action-btn:hover{background:#ffffff1a}.revision-page{color:#f1f5f9;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#0f172a 100%);min-height:100vh}.revision-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;display:flex}.revision-loading-spinner{border:4px solid #6366f133;border-top-color:#6366f1;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.revision-nav{background:#0f172ae6;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.revision-back-btn,.revision-link{color:#94a3b8;font-size:.9rem;text-decoration:none}.revision-title{color:#f1f5f9;font-size:1.1rem;font-weight:600}.revision-main{max-width:1200px;margin:0 auto;padding:24px}.revision-header{margin-bottom:24px}.revision-greeting h1{color:#f1f5f9;margin:0 0 6px;font-size:1.75rem;font-weight:700}.revision-greeting p{color:#94a3b8;margin:0 0 20px}.revision-stats-row{gap:16px;display:flex}.revision-stat-card{background:#1e293b99;border-radius:14px;align-items:center;gap:12px;padding:16px 24px;display:flex}.revision-stat-card .stat-icon{font-size:1.5rem}.revision-stat-card .stat-value{color:#f1f5f9;font-size:1.5rem;font-weight:700}.revision-stat-card .stat-label{color:#64748b;font-size:.8rem}.revision-tabs{background:#1e293b66;border-radius:14px;gap:8px;width:fit-content;margin-bottom:24px;padding:6px;display:flex}.revision-tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:12px 20px;font-size:.9rem;font-weight:500}.revision-tab.active{color:#a5b4fc;background:#6366f133}.revision-content{min-height:400px}.due-header h2{color:#f1f5f9;margin:0 0 6px;font-size:1.25rem;font-weight:600}.due-header p{color:#94a3b8;margin:0 0 20px}.due-topics-list{flex-direction:column;gap:12px;display:flex}.due-topic-card{background:#1e293b99;border-radius:14px;align-items:center;gap:16px;padding:20px;display:flex;position:relative;overflow:hidden}.topic-priority-indicator{width:4px;position:absolute;top:0;bottom:0;left:0}.due-topic-card .topic-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-left:8px;font-size:1.5rem;display:flex}.due-topic-card .topic-content{flex:1}.due-topic-card .topic-header{align-items:center;gap:12px;margin-bottom:6px;display:flex}.due-topic-card .topic-header h3{color:#f1f5f9;margin:0;font-size:1.05rem;font-weight:600}.due-topic-card .topic-subject{color:#a5b4fc;background:#6366f133;border-radius:10px;padding:2px 10px;font-size:.75rem}.due-topic-card .topic-meta{color:#64748b;gap:8px;margin-bottom:10px;font-size:.8rem;display:flex}.topic-due.urgent{color:#ef4444;font-weight:600}.topic-confidence{align-items:center;gap:10px;display:flex}.confidence-label{color:#64748b;font-size:.75rem}.topic-confidence .confidence-bar{background:#ffffff1a;border-radius:3px;flex:1;max-width:150px;height:6px;overflow:hidden}.topic-confidence .confidence-fill{border-radius:3px;height:100%}.confidence-value{color:#f1f5f9;font-size:.85rem;font-weight:600}.topic-review-btn{color:#a5b4fc;background:#6366f133;border-radius:10px;padding:10px 20px;font-size:.9rem;font-weight:500;text-decoration:none}.topic-review-btn:hover{background:#6366f14d}.revision-flashcards-section{max-width:600px;margin:0 auto}.flashcard-progress{color:#94a3b8;align-items:center;gap:12px;margin-bottom:24px;font-size:.9rem;display:flex}.flashcard-progress-bar{background:#ffffff1a;border-radius:3px;flex:1;height:6px;overflow:hidden}.flashcard-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;height:100%}.flashcard{perspective:1000px;height:350px;margin-bottom:20px}.flashcard-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{backface-visibility:hidden;background:#1e293bcc;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;width:100%;height:100%;padding:32px;display:flex;position:absolute}.flashcard-back{transform:rotateY(180deg)}.flashcard-subject{color:#94a3b8;margin-bottom:24px;font-size:.85rem}.flashcard-question,.flashcard-answer{color:#f1f5f9;text-align:center;flex:1;justify-content:center;align-items:center;font-size:1.25rem;line-height:1.6;display:flex}.flashcard-reveal-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;width:100%;padding:14px;font-size:1rem;font-weight:600}.flashcard-rating{margin-top:auto}.flashcard-rating p{text-align:center;color:#94a3b8;margin:0 0 12px;font-size:.9rem}.rating-buttons{gap:10px;display:flex}.rating-btn{cursor:pointer;border:none;border-radius:10px;flex:1;padding:12px;font-size:.9rem;font-weight:600}.rating-btn.hard{color:#fca5a5;background:#ef444433}.rating-btn.medium{color:#fbbf24;background:#eab30833}.rating-btn.easy{color:#86efac;background:#22c55e33}.flashcard-nav{justify-content:space-between;display:flex}.flashcard-nav-btn{color:#f1f5f9;cursor:pointer;background:#ffffff1a;border:none;border-radius:10px;padding:12px 24px}.flashcard-nav-btn:disabled{opacity:.5;cursor:not-allowed}.formulas-header h2{color:#f1f5f9;margin:0 0 6px;font-size:1.25rem}.formulas-header p{color:#94a3b8;margin:0 0 20px}.formulas-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.formula-subject-card{background:#1e293b99;border-radius:14px;overflow:hidden}.formula-subject-header{align-items:center;gap:12px;padding:16px;display:flex}.formula-subject-icon{font-size:1.5rem}.formula-subject-header h3{color:#f1f5f9;margin:0;font-size:1.05rem;font-weight:600}.formula-list{padding:0 16px}.formula-item{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.formula-name{color:#94a3b8;font-size:.85rem}.formula-code{color:#f1f5f9;background:#ffffff1a;border-radius:6px;padding:4px 10px;font-family:monospace;font-size:.9rem}.view-all-formulas{text-align:center;color:#a5b4fc;border-top:1px solid #ffffff0f;padding:14px 16px;font-size:.9rem;text-decoration:none;display:block}.revision-info-card{background:#1e293b66;border:1px solid #ffffff14;border-radius:16px;margin-top:32px;padding:24px}.revision-info-card h3{color:#f1f5f9;margin:0 0 12px;font-size:1.1rem}.revision-info-card p{color:#94a3b8;margin:0 0 16px;line-height:1.6}.revision-schedule{gap:24px;display:flex}.schedule-item{color:#cbd5e1;align-items:center;gap:8px;font-size:.9rem;display:flex}.schedule-icon{font-size:1rem}@media (max-width:1024px){.parent-content,.test-container{grid-template-columns:1fr}.test-palette{border-radius:20px 20px 0 0;max-height:50vh;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}}@media (max-width:768px){.test-types-grid{grid-template-columns:1fr}.tips-grid{grid-template-columns:repeat(2,1fr)}.parent-child-header{text-align:center;flex-direction:column}.child-info{flex-direction:column}.child-quick-stats{flex-wrap:wrap;justify-content:center}.revision-stats-row{flex-wrap:wrap}.revision-schedule{flex-direction:column;gap:12px}}.groups-page{color:#e2e8f0;background:linear-gradient(135deg,#0f0f1a 0%,#1a1a2e 50%,#16213e 100%);min-height:100vh}.groups-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.groups-loading-spinner{border:4px solid #6366f133;border-top-color:#6366f1;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.groups-nav{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f1af2;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.groups-nav-left,.groups-nav-right{align-items:center;gap:12px;display:flex}.groups-back-btn{color:#94a3b8;border-radius:8px;padding:8px 16px;font-size:14px;text-decoration:none;transition:all .2s}.groups-back-btn:hover{color:#fff;background:#ffffff1a}.groups-nav-center{align-items:center;display:flex}.groups-title{color:#fff;font-size:20px;font-weight:700}.groups-action-btn{cursor:pointer;color:#e2e8f0;background:0 0;border:1px solid #fff3;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.groups-action-btn:hover{background:#ffffff1a}.groups-action-btn.primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none}.groups-action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.groups-container{grid-template-columns:320px 1fr;min-height:calc(100vh - 65px);display:grid}.groups-sidebar{background:#141423f2;border-right:1px solid #ffffff1a;flex-direction:column;display:flex}.groups-tabs{border-bottom:1px solid #ffffff1a;display:flex}.groups-tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:16px;font-size:14px;font-weight:600;transition:all .2s}.groups-tab:hover{color:#e2e8f0;background:#ffffff0d}.groups-tab.active{color:#6366f1;border-bottom-color:#6366f1}.groups-list{flex:1;padding:12px;overflow-y:auto}.groups-empty{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.groups-empty span{margin-bottom:16px;font-size:48px}.group-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;margin-bottom:4px;padding:12px;transition:all .2s;display:flex}.group-item:hover{background:#ffffff0d}.group-item.active{background:#6366f126;border:1px solid #6366f14d}.group-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.group-info{flex:1;min-width:0}.group-name-row{align-items:center;gap:6px;display:flex}.group-name-row h4{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:600;overflow:hidden}.private-badge{font-size:12px}.group-meta{color:#64748b;margin-top:2px;font-size:12px}.group-description{color:#94a3b8;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0;font-size:12px;display:-webkit-box;overflow:hidden}.unread-badge{color:#fff;background:#ef4444;border-radius:12px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:700}.discover-group-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:8px;padding:16px;display:flex}.join-group-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:8px;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.join-group-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.groups-main{background:#0f0f1a80;flex-direction:column;display:flex}.chat-header{background:#141423f2;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.chat-group-info h2{color:#fff;margin:0;font-size:18px;font-weight:700}.chat-group-info p{color:#64748b;margin:4px 0 0;font-size:13px}.chat-actions{gap:8px;display:flex}.chat-action-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:8px 12px;font-size:13px;transition:all .2s}.chat-action-btn:hover{color:#e2e8f0;background:#ffffff1a}.chat-messages{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.chat-message{align-items:flex-start;gap:12px;max-width:70%;display:flex}.chat-message.me{flex-direction:row-reverse;margin-left:auto}.message-avatar{background:#6366f133;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.message-content{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:16px;padding:12px 16px}.chat-message.me .message-content{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none}.message-user{color:#6366f1;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.chat-message.me .message-user{display:none}.message-text{color:#e2e8f0;margin:0;font-size:14px;line-height:1.5}.message-time{color:#64748b;margin-top:4px;font-size:11px;display:block}.chat-message.me .message-time{color:#ffffffb3;text-align:right}.chat-input-container{background:#141423f2;border-top:1px solid #ffffff1a;gap:12px;padding:16px 24px;display:flex}.chat-input-container input{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex:1;padding:12px 16px;font-size:14px}.chat-input-container input:focus{border-color:#6366f1;outline:none}.chat-input-container input::placeholder{color:#64748b}.send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.send-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.no-group-selected{text-align:center;color:#64748b;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.no-group-selected span{margin-bottom:16px;font-size:64px}.no-group-selected h3{color:#94a3b8;margin:0 0 8px;font-size:20px}.no-group-selected p{margin:0;font-size:14px}.groups-modal-overlay{z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.groups-modal{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:480px;box-shadow:0 25px 50px #00000080}.groups-modal.small{max-width:400px}.modal-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{color:#fff;margin:0;font-size:18px;font-weight:700}.modal-close{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:none;border-radius:8px;width:32px;height:32px;font-size:20px;transition:all .2s}.modal-close:hover{color:#fff;background:#ffffff1a}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{color:#94a3b8;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#6366f10d;border-color:#6366f1;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#64748b}.form-group select{cursor:pointer}.form-group select option{color:#e2e8f0;background:#1a1a2e}.form-group textarea{resize:vertical;min-height:80px}.form-group.checkbox{align-items:center;display:flex}.form-group.checkbox label{cursor:pointer;align-items:center;gap:10px;margin-bottom:0;display:flex}.form-group.checkbox input[type=checkbox]{accent-color:#6366f1;width:18px;height:18px}.join-hint{color:#64748b;margin-top:12px;font-size:13px}.modal-footer{border-top:1px solid #ffffff1a;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.modal-btn{cursor:pointer;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.modal-btn.secondary{color:#94a3b8;background:#ffffff0d;border:1px solid #ffffff1a}.modal-btn.secondary:hover{color:#e2e8f0;background:#ffffff1a}.modal-btn.primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none}.modal-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.doubts-page{color:#e2e8f0;background:linear-gradient(135deg,#0f0f1a 0%,#1a1a2e 50%,#16213e 100%);min-height:100vh}.doubts-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.doubts-loading-spinner{border:4px solid #6366f133;border-top-color:#6366f1;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.doubts-nav{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f1af2;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.doubts-nav-left,.doubts-nav-right{align-items:center;gap:12px;display:flex}.doubts-back-btn{color:#94a3b8;border-radius:8px;padding:8px 16px;font-size:14px;text-decoration:none;transition:all .2s}.doubts-back-btn:hover{color:#fff;background:#ffffff1a}.doubts-nav-center{align-items:center;display:flex}.doubts-title{color:#fff;font-size:20px;font-weight:700}.ask-doubt-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.ask-doubt-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.doubts-container{grid-template-columns:400px 1fr;min-height:calc(100vh - 65px);display:grid}.doubts-sidebar{background:#141423f2;border-right:1px solid #ffffff1a;flex-direction:column;display:flex}.doubts-search{border-bottom:1px solid #ffffff0d;padding:16px}.doubts-search input{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;width:100%;padding:12px 16px;font-size:14px}.doubts-search input:focus{border-color:#6366f1;outline:none}.doubts-search input::placeholder{color:#64748b}.doubts-filters{border-bottom:1px solid #ffffff0d;gap:8px;padding:12px 16px;display:flex}.doubts-filters select{color:#e2e8f0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:8px 12px;font-size:13px}.doubts-filters select:focus{border-color:#6366f1;outline:none}.doubts-filters select option{color:#e2e8f0;background:#1a1a2e}.doubts-list{flex:1;padding:8px;overflow-y:auto}.doubt-item{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;width:100%;margin-bottom:4px;padding:16px;transition:all .2s;display:flex}.doubt-item:hover{background:#ffffff08}.doubt-item.active{background:#6366f11a;border-color:#6366f14d}.doubt-item.solved{border-left:3px solid #22c55e}.doubt-item-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.doubt-subject-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.solved-badge{color:#22c55e;background:#22c55e33;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.solved-badge.large{padding:6px 14px;font-size:14px}.doubt-item-title{color:#e2e8f0;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:15px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.doubt-item-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.no-doubts{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.no-doubts span{margin-bottom:16px;font-size:48px}.doubts-main{background:#0f0f1a80;overflow-y:auto}.doubt-detail{max-width:900px;margin:0 auto;padding:32px}.doubt-detail-header{border-bottom:1px solid #ffffff1a;gap:20px;margin-bottom:32px;padding-bottom:24px;display:flex}.doubt-votes{flex-direction:column;align-items:center;gap:8px;padding-top:40px;display:flex}.vote-btn{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;width:48px;height:48px;font-size:20px;transition:all .2s}.vote-btn:hover{background:#6366f133;border-color:#6366f1}.vote-btn.small{width:36px;height:36px;font-size:16px}.vote-count{color:#e2e8f0;font-size:18px;font-weight:700}.doubt-content{flex:1}.doubt-meta-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.doubt-title{color:#fff;margin:0 0 16px;font-size:24px;font-weight:700;line-height:1.3}.doubt-author-info{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.author-avatar{font-size:24px}.author-name{color:#e2e8f0;font-weight:600}.author-grade{color:#a5b4fc;background:#6366f133;border-radius:20px;padding:4px 10px;font-size:12px}.doubt-time,.doubt-views{color:#64748b;font-size:13px}.doubt-description{color:#cbd5e1;background:#ffffff05;border-radius:12px;margin-bottom:16px;padding:20px;line-height:1.7}.doubt-description p{margin:0 0 12px}.doubt-description p:last-child{margin-bottom:0}.doubt-tags{flex-wrap:wrap;gap:8px;display:flex}.tag{color:#a5b4fc;background:#6366f11a;border-radius:20px;padding:6px 12px;font-size:13px}.answers-section{margin-top:32px}.answers-section h2{color:#fff;border-bottom:1px solid #ffffff1a;margin:0 0 24px;padding-bottom:16px;font-size:20px;font-weight:700}.answer-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;gap:16px;margin-bottom:16px;padding:24px;display:flex}.answer-card.accepted{background:#22c55e0d;border-color:#22c55e4d}.answer-votes{flex-direction:column;align-items:center;gap:6px;display:flex}.accepted-icon{color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.answer-content{flex:1}.answer-author{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.verified-badge{color:#a5b4fc;background:#6366f133;border-radius:12px;padding:3px 8px;font-size:11px;font-weight:600}.answer-time{color:#64748b;font-size:12px}.answer-text{color:#cbd5e1;line-height:1.7}.answer-text p{margin:0 0 12px}.answer-text p:last-child{margin-bottom:0}.answer-text strong{color:#e2e8f0}.answer-text code{background:#6366f126;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:14px}.answer-text ul,.answer-text ol{margin:12px 0;padding-left:24px}.answer-text li{margin-bottom:6px}.write-answer{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;margin-top:32px;padding:24px}.write-answer h3{color:#e2e8f0;margin:0 0 16px;font-size:16px;font-weight:700}.write-answer textarea{color:#e2e8f0;resize:vertical;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;width:100%;min-height:120px;margin-bottom:16px;padding:16px;font-size:14px;line-height:1.6}.write-answer textarea:focus{border-color:#6366f1;outline:none}.write-answer textarea::placeholder{color:#64748b}.submit-answer-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.submit-answer-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.no-doubt-selected{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 65px);display:flex}.no-doubt-selected span{margin-bottom:16px;font-size:64px}.no-doubt-selected h3{color:#94a3b8;margin:0 0 8px;font-size:20px}.no-doubt-selected p{margin:0;font-size:14px}.doubts-modal-overlay{z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.doubts-modal{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:560px;box-shadow:0 25px 50px #00000080}.notification-pill.groups{background:linear-gradient(135deg,#6366f126 0%,#8b5cf626 100%);border:1px solid #6366f14d}.notification-pill.doubts{background:linear-gradient(135deg,#ec489926 0%,#a855f726 100%);border:1px solid #ec48994d}@media (max-width:900px){.groups-container{grid-template-columns:1fr}.groups-sidebar{border-bottom:1px solid #ffffff1a;border-right:none;max-height:40vh}.doubts-container{grid-template-columns:1fr}.doubts-sidebar{border-bottom:1px solid #ffffff1a;border-right:none;max-height:40vh}}@media (max-width:600px){.groups-nav,.doubts-nav{flex-wrap:wrap;gap:12px}.groups-nav-center,.doubts-nav-center{order:-1;justify-content:center;width:100%}.chat-header{flex-direction:column;align-items:flex-start;gap:12px}.chat-actions{flex-wrap:wrap;width:100%}.doubt-detail{padding:20px}.doubt-detail-header{flex-direction:column}.doubt-votes{border-bottom:1px solid #ffffff1a;flex-direction:row;margin-bottom:16px;padding-top:0;padding-bottom:16px}.doubt-title{font-size:20px}.answer-card{flex-direction:column}.answer-votes{border-bottom:1px solid #ffffff0d;flex-direction:row;margin-bottom:12px;padding-bottom:12px}}