:root{--color-primary-blue:#667eea;--color-primary-purple:#764ba2;--color-accent-blue:#60a5fa;--color-accent-purple:#a78bfa;--color-success:#4ade80;--color-warning:#f59e0b;--color-error:#e06c75;--color-info:#60a5fa;--text-primary:#f5f5f5;--text-secondary:#d0d0d0;--text-tertiary:#b8b8b8;--text-muted:silver;--text-placeholder:#a0a0a0;--font-display-xl:66px;--font-display-lg:50px;--font-display-md:34px;--font-heading-lg:26px;--font-heading-md:22px;--font-heading-sm:20px;--font-body-lg:18px;--font-body-md:16px;--font-body-sm:15px;--font-caption-lg:15px;--font-caption-md:14px;--font-caption-sm:14px;--font-mono:"SF Mono","Fira Code","Consolas",monospace;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-xxl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-body-lg);background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);overflow-x:hidden}#main{min-height:100vh}a{color:inherit;text-decoration:none}.chat-area{gap:var(--spacing-lg);flex-direction:column;flex:1;padding:30px;display:flex;overflow-y:auto}.message{border-radius:var(--radius-xl);max-width:75%;padding:14px 20px;line-height:1.6;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{background:linear-gradient(135deg,var(--color-primary-blue)0%,var(--color-primary-purple)100%);color:#fff;border-bottom-right-radius:var(--radius-sm);align-self:flex-end;box-shadow:0 4px 15px rgba(102,126,234,.3)}.message.system{border-bottom-left-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-heading-sm);color:#00d4ff;text-shadow:0 0 20px rgba(0,212,255,.3);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);align-self:flex-start}.message.error{color:#fff;border-bottom-left-radius:var(--radius-sm);background:linear-gradient(135deg,#ff6b6b 0%,#c92a2a 100%);align-self:flex-start;font-style:italic;box-shadow:0 4px 15px rgba(255,107,107,.3)}.input-area{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.4);border-top:1px solid rgba(255,255,255,.1);padding:20px 30px}.input-row{gap:var(--spacing-md);align-items:center;display:flex}.input-row input{border-radius:var(--radius-lg);font-size:var(--font-body-lg);color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);outline:none;flex:1;padding:14px 20px;transition:all .2s}.input-row input::placeholder{color:var(--text-placeholder)}.input-row input:focus{border-color:var(--color-primary-blue);box-shadow:0 0 0 3px rgba(102,126,234,.2)}.input-row button{background:linear-gradient(135deg,var(--color-primary-blue)0%,var(--color-primary-purple)100%);border-radius:var(--radius-lg);font-size:var(--font-body-lg);color:#fff;cursor:pointer;border:none;padding:14px 28px;font-weight:600;transition:all .2s;box-shadow:0 4px 15px rgba(102,126,234,.3)}.input-row button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.input-row button:active{transform:translateY(0)}.reveal-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.06)}.reveal-buttons{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.reveal-btn{border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-body-sm);cursor:pointer;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);align-items:center;gap:6px;padding:10px 16px;font-weight:500;transition:all .2s;display:inline-flex}.reveal-btn:hover{color:var(--text-primary);background:rgba(255,255,255,.1)}.reveal-btn.active{color:var(--text-primary);background:linear-gradient(135deg,rgba(96,165,250,.2),rgba(167,139,250,.2));border-color:rgba(167,139,250,.4)}.revealed-content{padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-top:var(--spacing-md);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);animation:.2s fadeIn}.revealed-label{font-size:var(--font-caption-sm);text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-bottom:var(--spacing-sm);font-weight:600}.revealed-logic{font-family:var(--font-mono);font-size:var(--font-heading-sm);color:var(--color-accent-blue);padding:var(--spacing-md);border-radius:var(--radius-md);margin:var(--spacing-md)0;background:rgba(96,165,250,.08)}.socratic-hint-box{margin-top:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid rgba(167,139,250,.2);border-left:4px solid var(--color-accent-purple);background:linear-gradient(135deg,rgba(167,139,250,.08),rgba(96,165,250,.08))}.hint-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:var(--font-caption-md);color:var(--color-accent-purple);font-weight:600;display:flex}.hint-text{color:var(--text-secondary);line-height:1.6}.multiple-choice-options{gap:var(--spacing-sm);margin:var(--spacing-lg)0;flex-direction:column;display:flex}.multiple-choice-options .reveal-btn{text-align:left;width:100%;padding:var(--spacing-md)var(--spacing-lg);font-family:var(--font-mono)}.multiple-choice-options .reveal-btn.correct{border-color:var(--color-success);background:rgba(74,222,128,.15)}.multiple-choice-options .reveal-btn.incorrect{border-color:var(--color-error);background:rgba(248,113,113,.15)}.exercise-progress{align-items:center;gap:var(--spacing-sm);font-size:var(--font-caption-md);color:var(--text-tertiary);margin-bottom:var(--spacing-md);display:flex}.progress-bar{background:rgba(255,255,255,.1);border-radius:2px;flex:1;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--color-accent-blue),var(--color-accent-purple));border-radius:2px;height:100%;transition:width .3s}.practice-score{color:var(--color-success);font-weight:600}.exercise-mode-badge{border-radius:var(--radius-full);font-size:var(--font-caption-sm);text-transform:uppercase;letter-spacing:.5px;margin-right:var(--spacing-md);align-items:center;gap:4px;padding:4px 10px;font-weight:600;display:inline-flex}.exercise-mode-badge.test{color:#fbbf24;background:rgba(251,191,36,.15)}.exercise-mode-badge.practice{color:var(--color-success);background:rgba(74,222,128,.15)}.main-nav{z-index:50;-webkit-backdrop-filter:blur(18px);background:linear-gradient(rgba(7,10,18,.72),rgba(7,10,18,.44));border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0}.main-nav-inner{padding:var(--spacing-lg)var(--spacing-xl);justify-content:space-between;align-items:center;gap:var(--spacing-lg);max-width:1280px;margin:0 auto;display:flex}.main-nav-brand{align-items:center;gap:var(--spacing-md);color:var(--text-primary);z-index:1001;text-decoration:none;display:flex}.main-nav-logo{border-radius:var(--radius-lg);flex-shrink:0;width:64px;height:64px;overflow:hidden}.main-nav-logo svg{filter:invert();width:100%;height:100%}.main-nav-brand-text{flex-direction:column;line-height:1.05;display:flex}.main-nav-brand-name{letter-spacing:-.5px;font-weight:800;font-size:var(--font-body-md)}.main-nav-brand-subtitle{font-size:var(--font-caption-sm);color:var(--text-tertiary)}.main-nav-links{gap:var(--spacing-xs);align-items:center;display:flex}.main-nav-link{font-size:var(--font-body-md);color:var(--text-secondary);border-radius:var(--radius-md);padding:10px 14px;font-weight:500;text-decoration:none;transition:color .18s;position:relative}.main-nav-link:hover{color:var(--text-primary);background:rgba(255,255,255,.04)}.main-nav-link:after{content:"";background:linear-gradient(90deg,var(--color-accent-blue),var(--color-accent-purple));opacity:0;border-radius:2px;height:2px;transition:opacity .18s,transform .18s;position:absolute;bottom:2px;left:14px;right:14px;transform:scaleX(0)}.main-nav-link.active{color:var(--text-primary)}.main-nav-link.active:after{opacity:1;transform:scaleX(1)}.main-nav-cta{align-items:center;gap:10px;display:flex}.main-nav-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:10px var(--spacing-lg);border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-body-md);color:var(--text-primary);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);text-decoration:none;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.main-nav-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);transform:translateY(-1px)}.main-nav-btn.primary{color:#09090b;background:linear-gradient(135deg,rgba(0,212,255,.95),rgba(129,140,248,.95));border-color:rgba(255,255,255,.2);box-shadow:0 12px 30px rgba(0,212,255,.18)}.main-nav-btn.primary:hover{background:linear-gradient(135deg,#00d4ff,#818cf8)}.main-nav-btn.ghost{background:rgba(255,255,255,.03)}.main-nav-btn-icon{background:rgba(255,255,255,.03);padding:10px}.main-nav-btn-icon svg{fill:currentColor;width:20px;height:20px}.mobile-menu-btn{width:44px;height:44px;color:var(--text-primary);cursor:pointer;z-index:1001;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.2);border-radius:5px;justify-content:center;align-items:center;display:none}.mobile-menu-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3)}.mobile-drawer-overlay{z-index:999;opacity:0;pointer-events:none;background:rgba(0,0,0,.6);transition:opacity .3s;display:none;position:fixed;inset:0}.mobile-drawer-overlay.open{opacity:1;pointer-events:auto}.mobile-drawer{-webkit-backdrop-filter:blur(20px);z-index:1000;background:rgba(12,16,24,.98);border-left:1px solid rgba(255,255,255,.08);width:320px;max-width:85vw;height:100vh;transition:transform .3s;display:none;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-header{padding:16px var(--spacing-lg)var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.06);justify-content:space-between;align-items:center;display:flex}.mobile-drawer-title{font-weight:700;font-size:var(--font-body-lg);color:var(--text-primary)}.mobile-drawer-close{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);justify-content:center;align-items:center;display:flex}.mobile-drawer-close:hover{color:var(--text-primary);background:rgba(255,255,255,.08)}.mobile-drawer-content{padding:var(--spacing-md)}.mobile-nav-section{margin-bottom:var(--spacing-md)}.mobile-nav-header{padding:var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;justify-content:space-between;align-items:center;transition:background .15s;display:flex}.mobile-nav-header:hover{background:rgba(255,255,255,.04)}.mobile-nav-header-left{align-items:center;gap:var(--spacing-sm);display:flex}.mobile-nav-header-icon{color:var(--color-accent-blue)}.mobile-nav-header-title{font-weight:600;font-size:var(--font-body-md);color:var(--text-primary)}.mobile-nav-header-chevron{color:var(--text-tertiary);transition:transform .2s}.mobile-nav-header-chevron.expanded{transform:rotate(90deg)}.mobile-nav-tree{max-height:0;transition:max-height .3s;overflow:hidden}.mobile-nav-tree.expanded{max-height:2000px}.mobile-nav-tree-inner{padding:var(--spacing-xs)0 var(--spacing-sm)var(--spacing-xl);margin-left:var(--spacing-lg);border-left:2px solid rgba(255,255,255,.06)}.mobile-nav-item{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-body-sm);text-decoration:none;transition:all .15s;display:block}.mobile-nav-item:hover{color:var(--text-primary);background:rgba(255,255,255,.04)}.mobile-nav-item.active{color:#00d4ff;background:rgba(0,212,255,.12)}.mobile-nav-link{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;transition:all .15s;display:flex}.mobile-nav-link:hover{color:var(--text-primary);background:rgba(255,255,255,.04)}.mobile-nav-link.active{color:#00d4ff;background:rgba(0,212,255,.12)}.mobile-nav-link-icon{color:var(--color-accent-blue)}.mobile-nav-divider{height:1px;margin:var(--spacing-md)0;background:rgba(255,255,255,.06)}@media (max-width:980px){.main-nav-links,.main-nav-brand-text{display:none}.mobile-menu-btn{display:flex}.mobile-drawer,.mobile-drawer-overlay{display:block}}@media (max-width:640px){.main-nav-inner{padding:var(--spacing-md)var(--spacing-lg)}.main-nav-btn{padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-caption-md)}.main-nav-logo{width:48px;height:48px}}.site-footer{background:linear-gradient(rgba(6,8,20,0) 0%,#060814 100%);border-top:1px solid rgba(255,255,255,.06);margin-top:auto;padding:64px 24px 32px}.footer-container{max-width:1200px;margin:0 auto}.footer-grid{grid-template-columns:2fr repeat(3,1fr);gap:48px;margin-bottom:48px;display:grid}.footer-brand{flex-direction:column;gap:16px;display:flex}.footer-brand-logo{align-items:center;gap:12px;text-decoration:none;display:flex}.footer-logo-img{border-radius:8px;flex-shrink:0;width:40px;height:40px;overflow:hidden}.footer-logo-img svg{filter:invert();width:100%;height:100%}.footer-logo-text{color:var(--text-primary,#f0f0f0);letter-spacing:-.02em;font-size:18px;font-weight:700}.footer-brand-tagline{color:var(--text-tertiary,#909090);max-width:280px;font-size:14px;line-height:1.6}.footer-social-links{gap:12px;margin-top:8px;display:flex}.footer-social-link{width:36px;height:36px;color:var(--text-secondary,#b0b0b0);background:rgba(255,255,255,.05);border-radius:8px;justify-content:center;align-items:center;font-size:18px;text-decoration:none;transition:all .2s;display:flex}.footer-social-link:hover{color:var(--text-primary,#f0f0f0);background:rgba(0,212,255,.15)}.footer-section{flex-direction:column;gap:16px;display:flex}.footer-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary,#b0b0b0);margin-bottom:4px;font-size:12px;font-weight:600}.footer-section-links{flex-direction:column;gap:12px;display:flex}.footer-link{color:var(--text-tertiary,#909090);align-items:center;gap:6px;font-size:14px;text-decoration:none;transition:color .2s;display:flex}.footer-link:hover{color:var(--text-primary,#f0f0f0)}.footer-link-badge{color:var(--color-accent-blue,#60a5fa);text-transform:uppercase;background:rgba(0,212,255,.15);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);justify-content:space-between;align-items:center;padding-top:24px;display:flex}.footer-copyright{color:var(--text-tertiary,#909090);font-size:13px}.footer-bottom-links{gap:24px;display:flex}.footer-bottom-link{color:var(--text-tertiary,#909090);font-size:13px;text-decoration:none;transition:color .2s}.footer-bottom-link:hover{color:var(--text-primary,#f0f0f0)}.footer-bottom-right{align-items:center;gap:24px;display:flex}.footer-theme-section{align-items:center;gap:8px;display:flex}.footer-theme-label{color:var(--text-tertiary,#909090);font-size:12px;font-weight:500}@media (min-width:769px) and (max-width:1024px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:40px}.footer-brand{border-bottom:1px solid rgba(255,255,255,.06);flex-direction:row;grid-column:span 2;justify-content:space-between;align-items:flex-start;margin-bottom:8px;padding-bottom:24px}.footer-brand-content{flex-direction:column;gap:12px;display:flex}.footer-brand-tagline{max-width:320px}}@media (max-width:768px){.site-footer{padding:48px 16px 24px}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-brand{text-align:center;align-items:center}.footer-brand-tagline{max-width:100%}.footer-social-links{justify-content:center}.footer-section{text-align:center;align-items:center}.footer-section-links{align-items:center}.footer-bottom{text-align:center;flex-direction:column;gap:16px}.footer-bottom-links{flex-wrap:wrap;justify-content:center;gap:16px}.footer-bottom-right{flex-direction:column;gap:16px}.footer-theme-section{justify-content:center}}.icon{vertical-align:middle;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.theme-picker{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;align-items:center;gap:4px;padding:4px;display:flex}.theme-btn{cursor:pointer;width:36px;height:36px;color:var(--text-tertiary);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.theme-btn:hover{color:var(--text-primary);background:rgba(255,255,255,.08)}.theme-btn.active{background:rgba(var(--accent-primary-rgb),.2);color:var(--accent-primary)}.theme-btn.sunrise{--btn-color:coral}.theme-btn.violet{--btn-color:#e6b3ff}.theme-btn.ocean{--btn-color:#40e0d0}.theme-btn.mountain{--btn-color:#22c55e}.theme-btn.active.sunrise{color:coral;background:rgba(255,127,80,.2)}.theme-btn.active.violet{color:#e6b3ff;background:rgba(230,179,255,.2)}.theme-btn.active.ocean{color:#40e0d0;background:rgba(64,224,208,.2)}.theme-btn.active.mountain{color:#22c55e;background:rgba(34,197,94,.2)}.theme-tooltip{white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:100;background:rgba(0,0,0,.9);border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500;transition:opacity .15s,visibility .15s;position:absolute;bottom:-32px;left:50%;transform:translate(-50%)}.theme-btn:hover .theme-tooltip{opacity:1;visibility:visible}@media (max-width:768px){.theme-picker.mobile{flex-direction:column;padding:8px}.theme-picker.mobile .theme-btn{width:44px;height:44px}.theme-picker.mobile .theme-tooltip{bottom:auto;left:calc(100% + 8px);transform:none}}.file-browser{background:#12161c;border-right:1px solid rgba(255,255,255,.08);flex-direction:column;min-width:200px;max-width:280px;height:100%;display:flex;overflow:hidden}.file-browser-header{background:rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.08);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.file-browser-title{text-transform:uppercase;letter-spacing:.5px;color:rgba(255,255,255,.6);font-size:12px;font-weight:600}.file-browser-actions{gap:4px;display:flex}.file-browser-btn{color:rgba(255,255,255,.5);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:14px;transition:all .15s}.file-browser-btn:hover{color:rgba(255,255,255,.9);background:rgba(255,255,255,.08)}.file-browser-btn.coming-soon{position:relative}.coming-soon-toast{color:#fff;z-index:1000;background:linear-gradient(135deg,#00d4ff 0%,#818cf8 100%);border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;animation:2.5s ease-out forwards toast-fade;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px rgba(0,212,255,.3)}@keyframes toast-fade{0%{opacity:0;transform:translate(-50%)translateY(-10px)}10%{opacity:1;transform:translate(-50%)translateY(0)}80%{opacity:1}to{opacity:0}}.file-tree{flex:1;padding:8px 0;overflow:auto}.file-tree-node{-webkit-user-select:none;user-select:none}.file-tree-item{cursor:pointer;color:rgba(255,255,255,.8);align-items:center;gap:6px;padding:6px 14px;font-size:13px;transition:background .1s;display:flex}.file-tree-item:hover{background:rgba(255,255,255,.04)}.file-tree-item.selected{color:#00d4ff;background:rgba(0,212,255,.12)}.file-tree-item .icon{opacity:.7;flex-shrink:0;font-size:14px}.file-tree-item .name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.file-tree-item .chevron{opacity:.5;font-size:10px;transition:transform .15s}.file-tree-item .chevron.expanded{transform:rotate(90deg)}.file-tree-children{padding-left:16px}.file-tree-empty{text-align:center;color:rgba(255,255,255,.4);padding:20px;font-size:13px}.file-browser.collapsed{min-width:48px;max-width:48px}.file-browser.collapsed .file-browser-header{justify-content:center}.file-browser.collapsed .file-browser-title,.file-browser.collapsed .file-tree{display:none}@media (max-width:768px){.file-browser{z-index:100;transform:translate(-100%);-webkit-backface-visibility:hidden;min-width:280px;max-width:280px;transition:transform .2s;position:absolute;top:0;bottom:0;left:0;-webkit-transform:translate(-100%)translateZ(0)}.file-browser.open{transform:translate(0);-webkit-transform:translate(0)translateZ(0);box-shadow:4px 0 20px rgba(0,0,0,.3)}.file-tree-item{-webkit-text-fill-color:rgba(255,255,255,.9);color:rgba(255,255,255,.9)!important}.file-tree-item.selected{-webkit-text-fill-color:#00d4ff;color:#00d4ff!important}.file-tree-item .name,.file-tree-item .icon,.file-tree-item .chevron{color:inherit;-webkit-text-fill-color:inherit}}.learn-sidebar{width:280px;max-height:calc(100vh - 120px);padding:var(--spacing-sm)0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent;flex-shrink:0;position:sticky;top:90px;overflow-y:auto}.learn-sidebar::-webkit-scrollbar{width:6px}.learn-sidebar::-webkit-scrollbar-track{background:0 0}.learn-sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px}.learn-sidebar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}.learn-sidebar-era{margin-bottom:var(--spacing-xl)}.learn-sidebar-era:last-child{margin-bottom:0}.learn-sidebar-era-title{font-size:var(--font-caption-md);text-transform:uppercase;letter-spacing:.8px;color:var(--text-tertiary);padding:0 var(--spacing-lg);margin-bottom:var(--spacing-sm);align-items:center;gap:var(--spacing-sm);font-weight:700;display:flex}.learn-sidebar-era-title:before{content:"";background:linear-gradient(135deg,var(--color-accent-blue),var(--color-accent-purple));opacity:.6;border-radius:50%;width:8px;height:8px}.learn-sidebar-module{padding:10px var(--spacing-lg);margin:2px var(--spacing-sm);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-body-md);cursor:pointer;border-left:3px solid transparent;justify-content:space-between;align-items:center;font-weight:500;text-decoration:none;transition:all .18s;display:flex}.learn-sidebar-module:hover{color:var(--text-primary);background:rgba(255,255,255,.06)}.learn-sidebar-module.active{color:var(--color-accent-blue);border-left-color:var(--color-accent-blue);background:rgba(96,165,250,.15);font-weight:600}.learn-sidebar-module-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.learn-sidebar-difficulty{margin-left:var(--spacing-sm);flex-shrink:0;gap:2px;display:flex}.learn-sidebar-dot{background:rgba(255,255,255,.15);border-radius:50%;width:6px;height:6px}.learn-sidebar-dot.filled{background:linear-gradient(135deg,var(--color-accent-blue),var(--color-accent-purple))}.learn-sidebar-module.active .learn-sidebar-dot{background:rgba(96,165,250,.3)}.learn-sidebar-module.active .learn-sidebar-dot.filled{background:var(--color-accent-blue)}.learn-sidebar-count{font-size:var(--font-caption-md);color:var(--text-muted);flex-shrink:0;margin-left:6px}.learn-sidebar-module.active .learn-sidebar-count{color:rgba(96,165,250,.7)}@media (max-width:1024px){.learn-sidebar{display:none}}.combo-record{color:#fbbf24;white-space:nowrap;pointer-events:none;font-size:12px;font-weight:600;animation:1.5s ease-out forwards record-flash;position:absolute;top:-24px;left:50%;transform:translate(-50%)}@keyframes record-flash{0%{opacity:0;transform:translate(-50%)translateY(10px)scale(.8)}20%{opacity:1;transform:translate(-50%)translateY(0)scale(1.1)}40%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-10px)scale(.9)}}.combo-indicator{background:rgba(249,115,22,.15);border:1px solid rgba(249,115,22,.3);border-radius:24px;align-items:center;gap:8px;padding:8px 16px;animation:.3s ease-out combo-pulse;display:flex}@keyframes combo-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.combo-flames{gap:2px;display:flex}.flame{font-size:16px;animation:.5s ease-in-out infinite alternate flame-dance}.flame:nth-child(2){animation-delay:.1s}.flame:nth-child(3){animation-delay:.2s}@keyframes flame-dance{0%{transform:translateY(0)scale(1)}to{transform:translateY(-2px)scale(1.1)}}.combo-count{color:#f97316;font-size:20px;font-weight:700}.combo-multiplier{color:#fb923c;font-size:14px;font-weight:500}.combo-wrapper{display:inline-flex;position:relative}.mode-overlay{z-index:1000;background:rgba(0,0,0,.8);justify-content:center;align-items:center;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.mode-dialog{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid rgba(255,255,255,.1);border-radius:20px;width:90%;max-width:600px;padding:32px;animation:.3s ease-out slide-up}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mode-dialog h2{color:#e8e8e8;text-align:center;margin-bottom:8px;font-size:24px}.mode-dialog p{color:#888;text-align:center;margin-bottom:24px;font-size:14px}.mode-options{flex-direction:column;gap:12px;display:flex}.mode-option{cursor:pointer;background:rgba(255,255,255,.03);border:2px solid rgba(255,255,255,.08);border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.mode-option:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15);transform:translate(4px)}.mode-option.textbook:hover{border-color:rgba(96,165,250,.5)}.mode-option.learning:hover{border-color:rgba(74,222,128,.5)}.mode-option.testing:hover{border-color:rgba(251,146,60,.5)}.mode-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.mode-icon.textbook{background:rgba(96,165,250,.2)}.mode-icon.learning{background:rgba(74,222,128,.2)}.mode-icon.testing{background:rgba(251,146,60,.2)}.mode-info{flex:1}.mode-info h3{color:#e8e8e8;margin-bottom:4px;font-size:18px}.mode-info p{color:#888;text-align:left;margin:0;font-size:13px}.mode-arrow{color:#666;font-size:20px}.mode-cancel{color:#888;cursor:pointer;background:0 0;border:1px solid rgba(255,255,255,.1);border-radius:8px;width:100%;margin-top:16px;padding:12px;font-size:14px;transition:all .2s;display:block}.mode-cancel:hover{color:#aaa;border-color:rgba(255,255,255,.2)}.recommended-badge{color:#4ade80;text-transform:uppercase;background:rgba(74,222,128,.2);border-radius:4px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:600}.symbol-dictionary{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-top:16px;padding:16px}.symbol-dictionary.collapsed{cursor:pointer;padding:12px 16px}.symbol-dictionary.collapsed:hover{background:rgba(255,255,255,.05)}.symbol-dict-header{text-transform:uppercase;letter-spacing:.5px;color:rgba(229,231,235,.56);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}.symbol-dictionary.collapsed .symbol-dict-header{margin-bottom:0}.symbol-dict-toggle{color:rgba(229,231,235,.4);cursor:pointer;font-size:14px;transition:transform .2s}.symbol-dictionary.collapsed .symbol-dict-toggle{transform:rotate(-90deg)}.symbol-dict-content{flex-direction:column;gap:16px;display:flex}.symbol-group{margin-bottom:0}.symbol-group-title{color:#a78bfa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:600}.symbol-group-title.quantifier{color:#60a5fa}.symbol-group-title.connective{color:#f472b6}.symbol-group-title.modal{color:#c084fc}.symbol-group-title.predicate{color:#4ade80}.symbol-group-title.variable{color:#fbbf24}.symbol-group-title.constant{color:#fb923c}.symbol-entries{flex-direction:column;gap:4px;display:flex}.symbol-entry{border-radius:6px;align-items:center;gap:12px;padding:8px 10px;transition:background .15s;display:flex}.symbol-entry:hover{background:rgba(255,255,255,.05)}.symbol-glyph{color:#60a5fa;text-align:center;min-width:32px;font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-size:18px}.symbol-glyph.quantifier{color:#60a5fa}.symbol-glyph.connective{color:#f472b6}.symbol-glyph.modal{color:#c084fc}.symbol-glyph.predicate{color:#4ade80}.symbol-glyph.variable{color:#fbbf24}.symbol-glyph.constant{color:#fb923c}.symbol-desc{color:rgba(229,231,235,.72);font-size:13px}.symbol-dictionary-empty{color:rgba(229,231,235,.4);text-align:center;padding:8px;font-size:13px}.symbol-dictionary.inline{margin-top:8px;padding:12px}.symbol-dictionary.inline .symbol-dict-header{margin-bottom:8px}.symbol-dictionary.inline .symbol-entries{flex-flow:wrap;gap:8px}.symbol-dictionary.inline .symbol-entry{background:rgba(255,255,255,.03);border-radius:4px;padding:4px 8px}.symbol-dictionary.inline .symbol-glyph{min-width:20px;font-size:14px}.symbol-dictionary.inline .symbol-desc{font-size:11px}.vocab-reference-toggle{color:#fff;cursor:pointer;z-index:1000;background:#667eea;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px rgba(102,126,234,.3)}.vocab-reference-toggle:hover{transform:scale(1.05);box-shadow:0 6px 24px rgba(96,165,250,.4)}.vocab-reference-toggle.active{color:var(--text-primary);background:rgba(255,255,255,.1)}.vocab-reference-toggle.attention{animation:2s ease-in-out 3 attentionPulse}@keyframes attentionPulse{0%,to{transform:scale(1);box-shadow:0 4px 20px rgba(102,126,234,.3)}50%{transform:scale(1.15);box-shadow:0 6px 30px rgba(102,126,234,.6)}}.vocab-reference-panel{z-index:999;background:#12161c;border:1px solid rgba(255,255,255,.12);border-radius:12px;width:360px;max-height:70vh;animation:.2s slideUp;position:fixed;bottom:84px;right:24px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.vocab-panel-header{padding:var(--spacing-lg);background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.08);justify-content:space-between;align-items:center;display:flex}.vocab-panel-title{font-size:var(--font-body-lg);color:var(--text-primary);align-items:center;gap:var(--spacing-sm);font-weight:700;display:flex}.vocab-panel-close{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex}.vocab-panel-close:hover{color:var(--text-primary);background:rgba(255,255,255,.15)}.vocab-panel-content{padding:var(--spacing-lg);max-height:calc(70vh - 60px);overflow-y:auto}.vocab-section{margin-bottom:var(--spacing-xl)}.vocab-section:last-child{margin-bottom:0}.vocab-section-title{font-size:var(--font-caption-md);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-md);align-items:center;gap:var(--spacing-xs);font-weight:600;display:flex}.vocab-section-title.quantifiers{color:#60a5fa}.vocab-section-title.connectives{color:#f472b6}.vocab-section-title.predicates{color:#4ade80}.vocab-section-title.terms{color:#a78bfa}.vocab-items{gap:var(--spacing-xs);flex-direction:column;display:flex}.vocab-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);background:rgba(255,255,255,.03);transition:background .15s;display:flex}.vocab-item:hover{background:rgba(255,255,255,.06)}.vocab-symbol{font-family:var(--font-mono);font-size:var(--font-body-lg);text-align:center;min-width:36px;font-weight:600}.vocab-symbol.quantifier{color:#60a5fa}.vocab-symbol.connective{color:#f472b6}.vocab-symbol.predicate{color:#4ade80}.vocab-info{flex:1}.vocab-name{font-size:var(--font-body-sm);color:var(--text-primary);font-weight:600}.vocab-meaning{font-size:var(--font-caption-md);color:var(--text-tertiary)}.vocab-term-item{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);background:rgba(255,255,255,.03)}.vocab-term-name{color:var(--color-accent-purple);margin-bottom:var(--spacing-xs);font-weight:600}.vocab-term-def{font-size:var(--font-body-sm);color:var(--text-secondary);line-height:1.5}.vocab-search{margin-bottom:var(--spacing-lg)}.vocab-search-input{width:100%;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-body-sm);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);outline:none;transition:border-color .2s}.vocab-search-input:focus{border-color:var(--color-accent-blue)}.vocab-search-input::placeholder{color:var(--text-tertiary)}