@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-glass:#ffffffb3;--bg-glass-hover:#ffffffd9;--border-color:#e2e8f0cc;--border-glass:#fff6;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--color-math:#6366f1;--color-math-rgb:99, 102, 241;--color-science:#10b981;--color-science-rgb:16, 185, 129;--color-accent:#8b5cf6;--color-accent-rgb:139, 92, 246;--color-success:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--shadow-sm:0 2px 8px -1px #0000000d;--shadow-md:0 12px 24px -4px #00000014;--shadow-lg:0 20px 32px -8px #8b5cf61f;--glow-math:0 0 20px #6366f140;--glow-science:0 0 20px #10b98140;--font-sans:"Plus Jakarta Sans", sans-serif;--font-heading:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:all .5s cubic-bezier(.34, 1.56, .64, 1);--sidebar-width:280px}[data-theme=dark]{--bg-primary:#0b0f19;--bg-secondary:#131b2e;--bg-glass:#131b2eb3;--bg-glass-hover:#131b2ed9;--border-color:#1e293bcc;--border-glass:#ffffff0d;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--shadow-sm:0 2px 8px -1px #0000004d;--shadow-md:0 12px 24px -4px #00000080;--shadow-lg:0 20px 32px -8px #8b5cf640;--glow-math:0 0 25px #6366f166;--glow-science:0 0 25px #10b98166}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);transition:var(--transition-smooth);min-height:100vh;overflow-x:hidden}button,input,select{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app-container{min-height:100vh;display:flex;position:relative}.sidebar{width:var(--sidebar-width);background-color:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:100;transition:var(--transition-smooth);flex-direction:column;padding:24px;display:flex;position:fixed;top:0;bottom:0;left:0}.logo-container{align-items:center;gap:12px;margin-bottom:32px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--color-accent), var(--color-math));color:#fff;width:40px;height:40px;font-size:20px;font-weight:800;font-family:var(--font-heading);border-radius:12px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #8b5cf64d}.logo-text{font-family:var(--font-heading);background:linear-gradient(135deg, var(--text-primary), var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:22px;font-weight:800}.sidebar-nav{flex-direction:column;flex:1;gap:8px;padding-right:4px;display:flex;overflow-y:auto}.nav-section-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin:16px 0 8px 8px;font-size:11px;font-weight:700}.nav-item{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.nav-item:hover{background-color:var(--bg-primary);color:var(--text-primary)}.nav-item.active{background-color:var(--accent-bg,#8b5cf61a);color:var(--color-accent);border-color:var(--border-glass)}.nav-item.active-math{color:var(--color-math);background-color:#6366f11a;border-color:#6366f133}.nav-item.active-science{color:var(--color-science);background-color:#10b9811a;border-color:#10b98133}.sidebar-footer{border-top:1px solid var(--border-color);margin-top:auto;padding-top:16px}.main-content{margin-left:var(--sidebar-width);max-width:1200px;width:calc(100% - var(--sidebar-width));flex-direction:column;flex:1;gap:32px;min-height:100vh;padding:32px 48px;display:flex}.header-wrapper{justify-content:space-between;align-items:center;gap:24px;display:flex}.header-title-section h1{font-family:var(--font-heading);letter-spacing:-.75px;color:var(--text-primary);font-size:32px;font-weight:800}.header-title-section p{color:var(--text-secondary);margin-top:4px;font-size:15px}.header-controls{align-items:center;gap:16px;display:flex}.streak-indicator{color:var(--color-warning);background-color:#f59e0b1a;border:1px solid #f59e0b33;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:700;animation:2s ease-in-out infinite pulse-glow;display:flex;box-shadow:0 4px 12px #f59e0b0d}@keyframes pulse-glow{0%,to{box-shadow:0 0 4px #f59e0b1a}50%{box-shadow:0 0 16px #f59e0b4d}}.theme-toggle-btn{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;width:40px;height:40px;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;display:flex}.theme-toggle-btn:hover{background-color:var(--bg-primary);border-color:var(--text-muted);transform:scale(1.05)}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition-bounce);border-radius:24px;padding:24px;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.card:before{content:"";background:linear-gradient(90deg, transparent, var(--color-accent), transparent);opacity:0;width:100%;height:4px;transition:var(--transition-smooth);position:absolute;top:0;left:0}.card:hover:before{opacity:1}.card.math-theme:hover:before{background:linear-gradient(90deg, transparent, var(--color-math), transparent)}.card.science-theme:hover:before{background:linear-gradient(90deg, transparent, var(--color-science), transparent)}.subject-card{flex-direction:column;gap:20px;display:flex}.subject-header{justify-content:space-between;align-items:center;display:flex}.subject-info{align-items:center;gap:12px;display:flex}.subject-badge-icon{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.math-theme .subject-badge-icon{background:linear-gradient(135deg, var(--color-math), #818cf8);box-shadow:0 4px 14px #6366f14d}.science-theme .subject-badge-icon{background:linear-gradient(135deg, var(--color-science), #34d399);box-shadow:0 4px 14px #10b9814d}.subject-title{font-family:var(--font-heading);font-size:20px;font-weight:700}.subject-subtitle{color:var(--text-muted);font-size:13px}.progress-bar-container{flex-direction:column;gap:8px;display:flex}.progress-labels{justify-content:space-between;font-size:13px;font-weight:700;display:flex}.progress-track{background-color:var(--bg-primary);border-radius:4px;height:8px;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.math-theme .progress-fill{background-color:var(--color-math)}.science-theme .progress-fill{background-color:var(--color-science)}.subject-stats-row{border-top:1px solid var(--border-color);grid-template-columns:repeat(3,1fr);gap:12px;padding-top:16px;display:grid}.stat-item{text-align:center}.stat-val{font-family:var(--font-heading);color:var(--text-primary);font-size:18px;font-weight:800}.stat-label{color:var(--text-muted);text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:600}.syllabus-container{flex-direction:column;gap:24px;display:flex}.chapter-accordion{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);border-radius:20px;overflow:hidden}.chapter-accordion:hover{box-shadow:var(--shadow-md);border-color:var(--text-muted)}.chapter-trigger{text-align:left;cursor:pointer;width:100%;color:var(--text-primary);background:0 0;border:none;justify-content:space-between;align-items:center;padding:24px;display:flex}.chapter-trigger-left{align-items:center;gap:16px;display:flex}.chapter-number-pill{text-transform:uppercase;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:6px 12px;font-size:12px;font-weight:800}.math-theme .chapter-number-pill{color:var(--color-math)}.science-theme .chapter-number-pill{color:var(--color-science)}.chapter-title{font-family:var(--font-heading);font-size:18px;font-weight:700}.chapter-content-list{border-top:1px solid var(--border-color);background-color:var(--bg-primary);flex-direction:column;display:flex}.section-row{border-bottom:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);background-color:var(--bg-secondary);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.section-row:last-child{border-bottom:none}.section-row:hover{background-color:var(--bg-primary)}.section-row-left{align-items:center;gap:16px;display:flex}.section-num{color:var(--text-muted);font-size:14px;font-weight:700}.section-title{color:var(--text-primary);font-size:15px;font-weight:600}.completion-status-icon{color:var(--text-muted);transition:var(--transition-bounce);align-items:center;display:flex}.completed .completion-status-icon{color:var(--color-success)}.section-view-container{flex-direction:column;gap:24px;display:flex}.section-header-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:24px;flex-direction:column;gap:16px;padding:32px;display:flex}.section-header-top{justify-content:space-between;align-items:center;display:flex}.back-btn{border:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);transition:var(--transition-smooth);background:0 0;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.back-btn:hover{background-color:var(--bg-primary);color:var(--text-primary)}.completion-toggle-btn{cursor:pointer;transition:var(--transition-bounce);border:1px solid #0000;border-radius:20px;align-items:center;gap:8px;padding:8px 20px;font-size:13px;font-weight:700;display:flex}.completion-toggle-btn.incomplete{background-color:var(--bg-primary);border-color:var(--border-color);color:var(--text-secondary)}.completion-toggle-btn.completed{color:var(--color-success);background-color:#10b9811a;border-color:#10b9814d;box-shadow:0 4px 12px #10b9811a}.tabs-nav{border-bottom:2px solid var(--border-color);gap:8px;padding-bottom:4px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;padding:12px 24px;font-size:15px;font-weight:700;position:relative}.tab-btn:hover{color:var(--text-primary)}.tab-btn:after{content:"";height:3px;transition:var(--transition-smooth);background-color:#0000;border-radius:2px;position:absolute;bottom:-6px;left:0;right:0}.math-theme .tab-btn.active{color:var(--color-math)}.math-theme .tab-btn.active:after{background-color:var(--color-math)}.science-theme .tab-btn.active{color:var(--color-science)}.science-theme .tab-btn.active:after{background-color:var(--color-science)}.tab-content-panel{padding:8px 0}.study-grid{grid-template-columns:2fr 1fr;align-items:start;gap:24px;display:grid}@media (width<=900px){.study-grid{grid-template-columns:1fr}}.lesson-content{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:24px;padding:32px;line-height:1.6}.lesson-content h3{font-family:var(--font-heading);margin-bottom:16px;font-size:22px;font-weight:700}.lesson-content p{color:var(--text-secondary);margin-bottom:16px}.study-sidebar{flex-direction:column;gap:24px;display:flex}.callout-box{border:1px solid #0000;border-radius:20px;flex-direction:column;gap:12px;padding:20px;display:flex}.callout-box.formulas{background-color:#6366f10d;border-color:#6366f133}.callout-box.fun-fact{background-color:#f59e0b0d;border-color:#f59e0b33}.callout-title{font-family:var(--font-heading);align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.formulas .callout-title{color:var(--color-math)}.fun-fact .callout-title{color:var(--color-warning)}.callout-list{color:var(--text-secondary);flex-direction:column;gap:8px;font-size:14px;font-weight:600;list-style:none;display:flex}.formula-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);font-family:var(--font-mono);word-break:break-all;border-radius:8px;padding:8px 12px;font-size:13px}.fun-fact-text{color:var(--text-secondary);font-size:14px;line-height:1.5}.flashcards-container{flex-direction:column;align-items:center;gap:32px;padding:20px 0;display:flex}.flashcard-wrapper{perspective:1000px;cursor:pointer;width:100%;max-width:500px;height:300px}.flashcard-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;box-shadow:var(--shadow-md);border-radius:24px;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.flashcard-wrapper:hover .flashcard-inner{box-shadow:var(--shadow-lg)}.flashcard-wrapper.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-face{backface-visibility:hidden;border:1px solid var(--border-color);background-color:var(--bg-secondary);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;padding:32px;display:flex;position:absolute}.flashcard-front{background-color:var(--bg-secondary);color:var(--text-primary)}.flashcard-back{background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--color-accent);transform:rotateY(180deg)}.math-theme .flashcard-back{border-color:var(--color-math)}.science-theme .flashcard-back{border-color:var(--color-science)}.card-label{text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);font-size:11px;font-weight:800}.card-term{font-family:var(--font-heading);font-size:28px;font-weight:800}.card-definition{color:var(--text-secondary);font-size:16px;line-height:1.6}.card-hint{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.flashcard-controls{align-items:center;gap:24px;display:flex}.control-circle-btn{border:1px solid var(--border-color);background-color:var(--bg-secondary);width:48px;height:48px;color:var(--text-primary);cursor:pointer;transition:var(--transition-bounce);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;display:flex}.control-circle-btn:hover{background-color:var(--bg-primary);border-color:var(--text-muted);transform:scale(1.1)}.progress-dots{gap:8px;display:flex}.progress-dot{background-color:var(--border-color);width:8px;height:8px;transition:var(--transition-smooth);border-radius:50%}.progress-dot.active{border-radius:4px;width:24px}.math-theme .progress-dot.active{background-color:var(--color-math)}.science-theme .progress-dot.active{background-color:var(--color-science)}.quiz-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);max-width:650px;box-shadow:var(--shadow-sm);border-radius:24px;flex-direction:column;gap:24px;margin:0 auto;padding:32px;display:flex}.quiz-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.quiz-step-text{color:var(--text-muted);font-size:14px;font-weight:700}.quiz-score-pill{color:var(--color-success);background-color:#10b9811a;border-radius:12px;padding:6px 12px;font-size:12px;font-weight:700}.question-text{font-family:var(--font-heading);color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.4}.options-list{flex-direction:column;gap:12px;display:flex}.option-btn{border:1px solid var(--border-color);background-color:var(--bg-secondary);text-align:left;width:100%;color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);border-radius:16px;justify-content:space-between;align-items:center;padding:16px 20px;font-size:15px;font-weight:600;display:flex}.option-btn:hover:not(:disabled){background-color:var(--bg-primary);border-color:var(--text-muted);transform:translate(4px)}.option-btn.selected{border-color:var(--color-accent);background-color:var(--accent-bg)}.math-theme .option-btn.selected{border-color:var(--color-math);background-color:#6366f10d}.science-theme .option-btn.selected{border-color:var(--color-science);background-color:#10b9810d}.option-btn.correct{border-color:var(--color-success);color:#047857;background-color:#10b9811a}.option-btn.incorrect{border-color:var(--color-danger);color:#b91c1c;background-color:#ef44441a}.explanation-box{border-left:4px solid var(--color-accent);color:var(--text-secondary);background-color:#8b5cf60d;border-radius:0 16px 16px 0;padding:16px 20px;font-size:14px;line-height:1.5}.math-theme .explanation-box{border-left-color:var(--color-math);background-color:#6366f10d}.science-theme .explanation-box{border-left-color:var(--color-science);background-color:#10b9810d}.quiz-footer{border-top:1px solid var(--border-color);justify-content:flex-end;padding-top:16px;display:flex}.primary-action-btn{background-color:var(--color-accent);color:#fff;cursor:pointer;transition:var(--transition-bounce);border:none;border-radius:16px;padding:12px 28px;font-size:14px;font-weight:700;box-shadow:0 4px 12px #8b5cf64d}.primary-action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.math-theme .primary-action-btn{background-color:var(--color-math);box-shadow:0 4px 12px #6366f14d}.math-theme .primary-action-btn:hover{box-shadow:0 8px 20px #6366f166}.science-theme .primary-action-btn{background-color:var(--color-science);box-shadow:0 4px 12px #10b9814d}.science-theme .primary-action-btn:hover{box-shadow:0 8px 20px #10b98166}.quiz-complete-view{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:24px 0;display:flex}.success-icon-wrap{width:80px;height:80px;color:var(--color-success);background-color:#10b9811a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;font-size:40px;display:flex}.ai-widget-wrapper{z-index:1000;font-family:var(--font-sans);flex-direction:column;align-items:flex-end;gap:16px;display:flex;position:fixed;bottom:32px;right:32px}.ai-trigger-circle{background:linear-gradient(135deg, var(--color-accent), var(--color-math));color:#fff;cursor:pointer;width:60px;height:60px;transition:var(--transition-bounce);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 8px 24px #8b5cf666}.ai-trigger-circle:hover{transform:scale(1.08)rotate(5deg);box-shadow:0 12px 32px #8b5cf680}.ai-chat-window{background-color:var(--bg-secondary);border:1px solid var(--border-color);width:380px;height:520px;box-shadow:var(--shadow-lg);transition:var(--transition-bounce);transform-origin:100% 100%;border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.chat-header{background:linear-gradient(135deg, var(--bg-secondary), var(--bg-primary));border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chat-header-left{align-items:center;gap:12px;display:flex}.ai-avatar{background-color:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.chat-header-info h4{font-family:var(--font-heading);font-size:14px;font-weight:700}.chat-header-info p{color:var(--color-success);align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.chat-header-info p:before{content:"";background-color:var(--color-success);border-radius:50%;width:6px;height:6px;display:inline-block}.close-chat-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none}.close-chat-btn:hover{color:var(--text-primary)}.chat-messages-thread{background-color:var(--bg-primary);flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.chat-bubble{border-radius:16px;max-width:80%;padding:12px 16px;font-size:13px;line-height:1.5}.chat-bubble.assistant{background-color:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm);border-bottom-left-radius:4px;align-self:flex-start}.chat-bubble.user{background-color:var(--color-accent);color:#fff;border-bottom-right-radius:4px;align-self:flex-end;box-shadow:0 4px 12px #8b5cf633}.chat-input-bar{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);gap:8px;padding:16px;display:flex}.chat-input-field{border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);transition:var(--transition-smooth);border-radius:12px;outline:none;flex:1;padding:12px 16px;font-size:13px}.chat-input-field:focus{border-color:var(--color-accent);background-color:var(--bg-secondary)}.chat-send-btn{background-color:var(--color-accent);color:#fff;cursor:pointer;width:40px;height:40px;transition:var(--transition-smooth);border:none;border-radius:12px;justify-content:center;align-items:center;display:flex}.chat-send-btn:hover{background-color:#7c3aed;transform:scale(1.05)}@media (width<=768px){.sidebar{width:240px;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.main-content{width:100%;margin-left:0;padding:24px 16px}.header-wrapper{flex-direction:column;align-items:flex-start;gap:16px}.header-controls{justify-content:space-between;width:100%}.ai-chat-window{width:calc(100vw - 64px);right:-16px}}.textbook-tab-container{flex-direction:column;gap:20px;display:flex}.reader-toolbar{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.reader-progress-wrapper{max-width:400px;color:var(--text-secondary);flex:1;align-items:center;gap:12px;font-size:13px;font-weight:700;display:flex}.reader-progress-track{background-color:var(--bg-primary);border-radius:3px;flex:1;height:6px;overflow:hidden}.reader-progress-fill{background-color:var(--color-math);border-radius:3px;height:100%;transition:width .1s}.reader-font-controls{align-items:center;gap:8px;display:flex}.reader-font-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border-radius:8px;padding:6px 12px;font-weight:700}.reader-font-btn:hover{background-color:var(--bg-primary);border-color:var(--text-muted)}.reader-layout{grid-template-columns:3fr 1fr;align-items:start;gap:24px;display:grid}@media (width<=1000px){.reader-layout{grid-template-columns:1fr}}.reader-paper{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:24px;max-height:80vh;padding:40px;position:relative;overflow-y:auto}.reader-markdown-body{color:var(--text-primary);line-height:1.7}.reader-h1{font-family:var(--font-heading);border-bottom:2px solid var(--border-color);margin-top:0;margin-bottom:24px;padding-bottom:12px;font-weight:800}.reader-h2{font-family:var(--font-heading);margin-top:36px;margin-bottom:16px;font-weight:700}.reader-h3{font-family:var(--font-heading);color:var(--color-math);margin-top:24px;margin-bottom:12px;font-weight:700}.reader-p{color:var(--text-secondary);text-align:justify;margin-bottom:18px}.reader-list{color:var(--text-secondary);flex-direction:column;gap:8px;margin-bottom:18px;margin-left:24px;display:flex}.reader-table-wrapper{border:1px solid var(--border-color);border-radius:12px;margin:24px 0;overflow-x:auto}.reader-table{border-collapse:collapse;text-align:left;width:100%}.reader-table th,.reader-table td{border-bottom:1px solid var(--border-color);padding:12px 16px}.reader-table th{background-color:var(--bg-primary);font-weight:700}.reader-table tr:last-child td{border-bottom:none}.math-text{color:var(--color-math);background-color:#6366f10d;border-radius:4px;padding:0 4px;font-family:Outfit,Times New Roman,serif;font-style:italic;font-weight:600}.reader-outline-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:20px;padding:20px;position:sticky;top:24px}.outline-title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:16px;font-size:15px;font-weight:700}.outline-list{flex-direction:column;gap:12px;list-style:none;display:flex}.outline-item{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);border-radius:6px;padding:4px 8px;font-size:13px;font-weight:600}.outline-item:hover{background-color:var(--bg-primary);color:var(--text-primary)}.outline-item.active{color:var(--color-math);background-color:#6366f10d}