*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;width:100%}:root{--surface: #101419;--surface-container-lowest: #0a0e13;--surface-container-low: #181c21;--surface-container: #1e2228;--surface-container-high: #262a30;--surface-container-highest: #31353b;--surface-bright: #3a3f46;--primary: #b4c5ff;--primary-container: #2563eb;--on-primary: #0a0e13;--primary-gradient: linear-gradient(135deg, #b4c5ff, #2563eb);--secondary: #8b9dc3;--secondary-container: rgba(139, 157, 195, .4);--on-secondary: #0a0e13;--tertiary: #4edea3;--tertiary-container: #1a3d2f;--error: #ff6b6b;--error-container: #3d1a1a;--on-surface: #e0e2ea;--on-surface-variant: #a0a4b0;--on-surface-dim: #6b7080;--outline: #434655;--outline-variant: rgba(67, 70, 85, .15);--shadow-ambient: 0 20px 40px rgba(0, 0, 0, .4);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .3);--focus-ring: 0 0 0 2px var(--primary), 0 0 2px 1px rgba(180, 197, 255, .1);--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 3rem;--space-4xl: 4rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--font-primary: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--sidebar-width: 260px;--sidebar-collapsed: 0px;--primary-rgb: 180, 197, 255;--surface-rgb: 16, 20, 25}[data-theme=light]{--surface: #f7f9fc;--surface-container-lowest: #ffffff;--surface-container-low: #f0f2f5;--surface-container: #e8eaed;--surface-container-high: #dfe1e5;--surface-container-highest: #d3d6db;--surface-bright: #c8ccd2;--primary: #1a56db;--primary-container: #dbeafe;--on-primary: #ffffff;--primary-gradient: linear-gradient(135deg, #1a56db, #3b82f6);--secondary: #4b5c7a;--secondary-container: rgba(75, 92, 122, .12);--on-secondary: #ffffff;--tertiary: #059669;--tertiary-container: #d1fae5;--error: #dc2626;--error-container: #fee2e2;--on-surface: #111827;--on-surface-variant: #4b5563;--on-surface-dim: #9ca3af;--outline: #d1d5db;--outline-variant: rgba(209, 213, 219, .5);--shadow-ambient: 0 20px 40px rgba(0, 0, 0, .08);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .06);--focus-ring: 0 0 0 2px var(--primary), 0 0 2px 1px rgba(26, 86, 219, .05);--primary-rgb: 26, 86, 219;--surface-rgb: 247, 249, 252}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);background:var(--surface);color:var(--on-surface);line-height:1.6;min-height:100vh;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.display-lg{font-size:3.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.05;color:var(--on-surface)}.headline-lg{font-size:2rem;font-weight:600;letter-spacing:-.01em;line-height:1.2}.headline-md{font-size:1.75rem;font-weight:600;line-height:1.3}.headline-sm{font-size:1.25rem;font-weight:500;line-height:1.4}.body-lg{font-size:1rem;font-weight:400;line-height:1.6}.body-md{font-size:.875rem;font-weight:400;line-height:1.6}.body-sm{font-size:.8125rem;font-weight:400;line-height:1.5}.label-lg{font-family:var(--font-mono);font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.label-md{font-family:var(--font-mono);font-size:.8125rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase}.label-sm{font-family:var(--font-mono);font-size:.6875rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase}.mono{font-family:var(--font-mono)}.brand-logo{object-fit:contain;filter:drop-shadow(0 0 8px rgba(180,197,255,.2));transition:transform var(--transition-fast)}.brand-logo:hover{transform:scale(1.05);filter:drop-shadow(0 0 12px rgba(180,197,255,.4))}.logo-container{display:flex;align-items:center;gap:var(--space-md)}.logo-container.lg{flex-direction:column;gap:var(--space-xl);text-align:center}.logo-icon{background:var(--surface-container-high);padding:8px;border-radius:12px;border:1px solid var(--outline-variant);display:flex;align-items:center;justify-content:center}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--surface-container-lowest);display:flex;flex-direction:column;padding:var(--space-xl) 0;z-index:2000;transition:transform var(--transition-base);overflow-y:auto;border-right:1px solid var(--outline-variant);scrollbar-width:thin;scrollbar-color:var(--outline) transparent}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:var(--outline);border-radius:var(--radius-full)}@media (min-width: 769px){.sidebar{transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s ease,box-shadow .3s ease}.sidebar.collapsed{width:80px;overflow-x:hidden}.sidebar.collapsed+.main-content,.main-content.sidebar-collapsed{margin-left:80px!important}.sidebar.collapsed:hover+.main-content{margin-left:var(--sidebar-width)!important}.sidebar.collapsed:hover{width:260px;box-shadow:12px 0 32px #00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2500}.sidebar-brand .brand-title,.sidebar-brand .brand-subtitle,.nav-item-header span,.nav-item-header svg.chevron,.submenu,.sidebar-user-info,.nav-text{transition:opacity .2s ease,max-width .2s ease,transform .2s ease;white-space:nowrap;opacity:1;max-width:200px}.sidebar.collapsed:not(:hover) .sidebar-brand .brand-title,.sidebar.collapsed:not(:hover) .sidebar-brand .brand-subtitle,.sidebar.collapsed:not(:hover) .nav-item-header span,.sidebar.collapsed:not(:hover) .nav-item-header svg.chevron,.sidebar.collapsed:not(:hover) .submenu,.sidebar.collapsed:not(:hover) .sidebar-user-info,.sidebar.collapsed:not(:hover) .nav-text{opacity:0!important;max-width:0!important;pointer-events:none;overflow:hidden}.sidebar.collapsed:not(:hover) .sidebar-brand{padding:0;align-items:center}.sidebar.collapsed:not(:hover) .sidebar-brand .logo-container{justify-content:center;gap:0!important}.sidebar.collapsed:not(:hover) .nav-item{justify-content:center;padding:.75rem 0}.sidebar.collapsed:not(:hover) .nav-item .nav-icon{margin-right:0!important}.sidebar.collapsed:not(:hover) .sidebar-user{padding:var(--space-md) 0;align-items:center}.sidebar.collapsed:not(:hover) .sidebar-user>div,.sidebar.collapsed:not(:hover) .sidebar-user-actions{justify-content:center!important;gap:0!important}.sidebar.collapsed:not(:hover) #theme-toggle-btn,.sidebar.collapsed:not(:hover) #logout-btn{justify-content:center!important;padding:.75rem 0}}@media (max-width: 768px){.sidebar.collapsed{transform:translate(-100%)}.main-content{margin-left:0!important;width:100%!important}.main-content.sidebar-collapsed{margin-left:0!important}.dashboard-grid,.recent-chapters-grid{grid-template-columns:1fr}.stats-row{flex-direction:column}.dashboard-header{flex-direction:column;align-items:flex-start}.header-stats-hub{flex-direction:column;width:100%}.dashboard-premium-header{flex-direction:column;gap:var(--space-xl)}.header-welcome{width:100%}}.sidebar-brand{padding:0 var(--space-xl);margin-bottom:var(--space-3xl);display:flex;flex-direction:column}.sidebar-brand .logo-container{display:flex;align-items:center;gap:var(--space-md)}.sidebar-brand h1{font-family:var(--font-mono);font-size:1.125rem;font-weight:700;color:var(--on-surface);letter-spacing:.1em;margin:0}.sidebar-brand .brand-subtitle{font-family:var(--font-mono);font-size:.625rem;color:var(--tertiary);text-transform:uppercase;letter-spacing:.2em;margin-top:.5rem;margin-left:3.25rem;opacity:.8}.sidebar-nav{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-xs)}.nav-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl);color:var(--on-surface-variant);text-decoration:none;font-size:.875rem;font-weight:400;transition:all var(--transition-fast);cursor:pointer;border:none;background:none;width:100%;text-align:left}.nav-item:hover{color:var(--on-surface);background:var(--surface-container-high)}.nav-item.active{color:var(--primary);background:var(--surface-container-high);font-weight:500}.nav-item .nav-icon{width:18px;height:18px;opacity:.7}.nav-item.active .nav-icon{opacity:1}.nav-item .chevron.open{transform:rotate(180deg)}.nav-section-title{font-family:var(--font-mono);font-size:.6875rem;color:var(--on-surface-dim);text-transform:uppercase;letter-spacing:.15em;padding:var(--space-lg) var(--space-xl) var(--space-sm)}.nav-submenu{display:flex;flex-direction:column;gap:2px;margin-top:var(--space-xs);margin-bottom:var(--space-lg);border-left:1px solid var(--outline-variant);margin-left:calc(var(--space-xl) + 8px);padding-left:0}.nav-submenu .nav-item{font-size:.75rem;padding:var(--space-sm) var(--space-lg);border-radius:0 var(--radius-md) var(--radius-md) 0}.sidebar-user{padding:var(--space-lg) var(--space-xl);display:flex;align-items:center;gap:var(--space-md);margin-top:auto}.sidebar-user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--primary-container);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:var(--on-surface);overflow:hidden}.sidebar-user-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-user-info .user-name{font-size:.875rem;font-weight:500;color:var(--on-surface)}.sidebar-user-info .user-rank{font-family:var(--font-mono);font-size:.6875rem;color:var(--primary);text-transform:uppercase;letter-spacing:.05em}.app-layout{display:flex;min-height:100vh;width:100%}.main-content{flex:1;margin-left:var(--sidebar-width);min-width:0;position:relative;background:var(--surface);transition:margin-left var(--transition-base);display:flex;flex-direction:column;height:100vh}.main-content .main-content{margin-left:0!important;width:100%!important;height:auto!important}.main-content.chat-mode-active{background:var(--surface)}.dashboard-header{margin-bottom:var(--space-4xl);display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-2xl)}.header-main .status-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:var(--surface-container-high);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.625rem;color:var(--tertiary);letter-spacing:.1em;margin-bottom:var(--space-lg)}.status-dot{width:6px;height:6px;background:var(--tertiary);border-radius:50%;box-shadow:0 0 8px var(--tertiary)}.stats-row{display:flex;gap:var(--space-xl)}.stat-pill{padding:var(--space-md) var(--space-xl);background:var(--surface-container-low);border-radius:var(--radius-lg);border:1px solid var(--outline-variant);min-width:160px}.stat-label{font-family:var(--font-mono);font-size:.625rem;color:var(--on-surface-dim);letter-spacing:.05em;margin-bottom:4px}.stat-value{font-size:1.25rem;font-weight:700;color:var(--on-surface)}.stat-value .unit{font-size:.75rem;color:var(--on-surface-dim);margin-left:4px}.stat-value.active{color:var(--tertiary)}.stat-value.primary{color:var(--primary)}.dashboard-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:var(--space-3xl);align-items:start}.section-label{font-family:var(--font-mono);font-size:.75rem;color:var(--on-surface-dim);letter-spacing:.15em;margin-bottom:var(--space-xl)}.recent-chapters-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.chapter-card{background:var(--surface-container-low);border-radius:var(--radius-xl);padding:var(--space-xl);border:1px solid var(--outline-variant);transition:all var(--transition-base);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-md)}.chapter-card:hover{background:var(--surface-container-high);border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 24px #0003}.chapter-card .card-header{display:flex;justify-content:space-between;align-items:center}.chapter-num{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--primary)}.chapter-tag{font-size:.625rem;color:var(--on-surface-dim);background:var(--surface-container-highest);padding:2px 6px;border-radius:4px}.chapter-name{font-size:1.125rem;font-weight:600;color:var(--on-surface)}.chapter-desc{font-size:.8125rem;color:var(--on-surface-variant);line-height:1.5}.card-footer{margin-top:auto;display:flex;align-items:center;gap:8px;color:var(--primary);font-family:var(--font-mono);font-size:.6875rem;font-weight:600;opacity:0;transform:translate(-10px);transition:all var(--transition-base)}.chapter-card:hover .card-footer{opacity:1;transform:translate(0)}.ai-hud{background:linear-gradient(180deg,var(--secondary-container),transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--outline-variant);border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-xl)}.hud-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.pulse-indicator{width:8px;height:8px;background:var(--tertiary);border-radius:50%;animation:hudPulse 2s infinite}@keyframes hudPulse{0%{box-shadow:0 0 #4edea366}70%{box-shadow:0 0 0 10px #4edea300}to{box-shadow:0 0 #4edea300}}.hud-body{font-size:.875rem;color:var(--on-surface-variant);line-height:1.6}.problem-card{border-left:4px solid var(--primary);margin-bottom:var(--space-xl)}.problem-text{font-size:.9375rem;color:var(--on-surface);line-height:1.6;margin-bottom:var(--space-xl)}.performance-matrix{margin-bottom:var(--space-xl)}.matrix-label{font-family:var(--font-mono);font-size:.6875rem;color:var(--on-surface-dim);letter-spacing:.1em;margin-bottom:var(--space-md)}.matrix-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--outline-variant);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);overflow:hidden}.matrix-stat,.matrix-wide{background:var(--surface-container-lowest);padding:var(--space-lg)}.matrix-stat .value{font-size:1.5rem;font-weight:700;margin-top:4px}.matrix-stat .value.success{color:var(--tertiary)}.matrix-wide{grid-column:span 2}.weakness-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:var(--space-md)}.weak-tag{background:#ff6b6b1a;color:#ff6b6b;border:1px solid rgba(255,107,107,.2);padding:4px 10px;border-radius:4px;font-family:var(--font-mono);font-size:.625rem;text-transform:uppercase}.all-clear{color:var(--tertiary);font-family:var(--font-mono);font-size:.6875rem;font-weight:600}.dashboard-actions{display:flex;gap:var(--space-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border:none;border-radius:var(--radius-md);font-family:var(--font-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;line-height:1}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-primary{background:var(--primary-gradient);color:var(--on-primary)}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background:#3a3f461a;color:var(--on-surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background:#3a3f4640}.btn-ghost{background:none;color:var(--primary);font-family:var(--font-mono);font-size:.8125rem;padding:var(--space-sm) var(--space-md)}.btn-ghost:hover{background:#b4c5ff14}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--on-surface-variant);cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover{background:var(--surface-container-high);color:var(--on-surface)}.input-group{display:flex;flex-direction:column;gap:var(--space-xs)}.input-label{font-family:var(--font-mono);font-size:.6875rem;color:var(--on-surface-dim);text-transform:uppercase;letter-spacing:.1em}.input-field{background:var(--surface-container-lowest);border:none;border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);color:var(--on-surface);font-family:var(--font-primary);font-size:.875rem;transition:background var(--transition-fast);width:100%}.input-field:focus{outline:none;background:var(--surface-container-high);box-shadow:var(--focus-ring)}.input-field::placeholder{color:var(--on-surface-dim)}.input-textarea{resize:vertical;min-height:100px;font-family:var(--font-primary)}.card{background:var(--surface-container-low);border-radius:var(--radius-lg);padding:var(--space-xl);transition:background var(--transition-fast)}.card-elevated{background:var(--surface-container-high);box-shadow:var(--shadow-sm)}.card-recessed{background:var(--surface-container-lowest)}.formula-blade{background:var(--surface-container-low);border-radius:var(--radius-md);padding:var(--space-lg) var(--space-xl);padding-left:calc(var(--space-xl) + 4px);position:relative;margin-bottom:var(--space-md)}.formula-blade:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--tertiary);border-radius:var(--radius-full)}.formula-blade .formula-chapter{font-family:var(--font-mono);font-size:.6875rem;color:var(--tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-xs)}.formula-blade .formula-title{font-size:1rem;font-weight:600;color:var(--on-surface);margin-bottom:var(--space-sm)}.formula-blade .formula-content{font-family:var(--font-mono);font-size:.875rem;color:var(--on-surface-variant);line-height:1.8}.ai-panel{background:var(--secondary-container);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--outline-variant)}.ai-panel-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.ai-indicator{width:8px;height:8px;background:var(--tertiary);border-radius:var(--radius-full);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.chat-layout{display:flex;height:100vh;background:var(--surface);overflow:hidden;border-top:1px solid var(--outline-variant)}.chat-container.full-screen-chat{display:flex;flex-direction:column;height:100%;width:100%}.chat-sidebar{background:var(--surface-container-low);border-left:1px solid var(--outline-variant);display:flex;flex-direction:column;height:100%;padding:0}.chat-sidebar .sidebar-header{padding:var(--space-xl);border-bottom:1px solid var(--outline-variant)}.chat-sidebar .sidebar-list{flex:1;min-width:0;overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.chat-sidebar .sidebar-item{padding:var(--space-md);border-radius:var(--radius-md);font-size:.8125rem;color:var(--on-surface-variant);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-sidebar .sidebar-item:hover{background:var(--surface-container-high);color:var(--on-surface)}.chat-sidebar .sidebar-item.active{background:var(--surface-container-highest);color:var(--primary);font-weight:500}.chat-sidebar .sidebar-placeholder{padding:var(--space-md);font-size:.75rem;color:var(--on-surface-dim);font-style:italic;opacity:.5}.chat-sidebar .sidebar-footer{padding:var(--space-lg);border-top:1px solid var(--outline-variant);background:var(--surface-container-low)}.chat-main{display:flex;flex-direction:column;position:relative;background:var(--surface)}.chat-container{display:flex;flex-direction:column;height:100%;position:relative;background:var(--surface);flex:1;min-width:0}.scroll-bottom-btn{position:absolute;bottom:120px;right:2rem;width:48px;height:48px;border-radius:50%;background:#101419d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #00000080,inset 0 0 12px #ffffff05;color:var(--on-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:101;opacity:0;pointer-events:none;transform:translateY(10px) scale(.9);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.scroll-bottom-btn.visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.scroll-progress-ring{position:absolute;top:0;left:0;transform:rotate(-90deg)}.scroll-progress-bg{stroke:#ffffff08;stroke-width:2.5}.scroll-progress-indicator{stroke:var(--primary);stroke-width:2.5;transition:stroke-dashoffset .1s}.scroll-arrow-icon{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;color:var(--on-surface-variant);transition:color .2s}.scroll-bottom-btn:hover .scroll-arrow-icon{color:var(--primary)}.premium-chat .chat-toolbar{position:relative;z-index:10;background:var(--surface);border-top:1px solid var(--outline-variant);margin-top:auto;padding-bottom:var(--space-md)}.toggle-view-btn{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:var(--surface-container-highest);border:1px solid var(--outline);border-radius:var(--radius-md);color:var(--on-surface);cursor:pointer;transition:all var(--transition-base);margin-left:auto;margin-right:1.5rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.toggle-view-btn:hover{background:var(--surface-bright);border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #b4c5ff26}.toggle-view-btn .sigma-icon{font-family:var(--font-mono);font-weight:700;color:var(--primary);font-size:1rem}.toggle-view-btn .label-xs{font-size:.65rem;font-weight:700;letter-spacing:.05em;opacity:.7}.toggle-view-btn.alt{background:#b4c5ff14;border-color:#b4c5ff33}.toggle-view-btn.alt:hover{background:#b4c5ff26}.chat-toolbar-inner{max-width:800px;margin:0 auto;width:100%}.chat-input-container{display:flex;flex-direction:column;gap:var(--space-sm)}.chat-input-bar{background:var(--surface-container-high);border:1px solid var(--outline-variant);border-radius:32px;padding:8px 8px 8px 16px;display:flex;align-items:center;gap:var(--space-sm);transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0003}.chat-input-bar:focus-within{border-color:var(--primary);background:var(--surface-container-highest);box-shadow:0 8px 30px #0000004d,0 0 0 3px #b4c5ff1a;transform:translateY(-1px)}.chat-input-bar input{flex:1;min-width:0;background:transparent;border:none;color:var(--on-surface);font-size:1rem;padding:10px 4px;outline:none;font-family:var(--font-primary)}.chat-input-bar input::placeholder{color:var(--on-surface-variant);opacity:.6}.chat-input-left-actions,.chat-input-right-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.btn-icon-pill{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:transparent;color:var(--on-surface-variant);cursor:pointer;transition:all .2s;opacity:.7}.btn-icon-pill:hover{background:#ffffff0d;color:var(--primary);opacity:1}.chat-send-btn-modern{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:var(--primary);color:var(--on-primary);cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #b4c5ff4d}.chat-send-btn-modern:hover{background:var(--primary-fixed);transform:scale(1.05);box-shadow:0 6px 16px #b4c5ff66}.chat-send-btn-modern:active{transform:scale(.95)}.chat-send-btn-modern svg{transform:rotate(0)}.math-helpers-bar{display:flex;justify-content:center;overflow-x:auto;scrollbar-width:none;padding:4px 0;opacity:.6;transition:opacity .3s}.math-helpers-bar:hover{opacity:1}.math-helpers-row{display:flex;gap:8px}.math-helper-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:var(--on-surface-dim);padding:4px 12px;border-radius:12px;font-family:var(--font-mono);font-size:.75rem;cursor:pointer;transition:all .2s;white-space:nowrap}.math-helper-btn:hover{background:#b4c5ff1a;color:var(--primary);border-color:var(--primary-container)}.chat-messages{flex:1;min-width:0;overflow-y:auto;padding:var(--space-2xl) var(--space-2xl) 64px;display:flex;flex-direction:column;gap:var(--space-2xl);width:100%;box-sizing:border-box}.calc-modal-mount{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2000;pointer-events:none}.calc-modal-mount>*{pointer-events:auto;animation:calcPop .3s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-lg),0 20px 50px #00000080;border:1px solid var(--outline-variant)}.calc-groups{display:flex;flex-direction:column;gap:8px;margin-bottom:var(--space-lg)}.calc-group{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);overflow:hidden}.calc-group summary{padding:var(--space-sm) var(--space-md);font-size:.75rem;font-weight:600;color:var(--primary);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;background:#b4c5ff0d}.calc-group summary::-webkit-details-marker{display:none}.calc-group summary:after{content:"+";font-family:var(--font-mono);font-size:1rem}.calc-group[open] summary:after{content:"−"}.calc-group-content{padding:var(--space-sm);display:grid;grid-template-columns:repeat(4,1fr);gap:6px;max-height:250px;overflow-y:auto;animation:calcGroupIn .2s ease}.calc-group-content .calc-btn{height:38px!important;font-size:.725rem!important;border-radius:8px!important}@keyframes calcGroupIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.calc-row-main{grid-column:span 4;display:grid;grid-template-columns:repeat(4,1fr)!important;gap:8px;margin-bottom:var(--space-md)}.chat-welcome-area{text-align:center;padding:10rem 2rem 6rem;width:100%}.welcome-label{color:var(--on-surface-dim);margin-bottom:.75rem;letter-spacing:.2em}.welcome-headline{color:var(--on-surface-variant);font-weight:400;margin-bottom:2.5rem}.welcome-subtext{color:var(--on-surface-dim);margin-top:4rem;max-width:320px;margin-left:auto;margin-right:auto;opacity:.7}.chat-msg{max-width:85%;padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-lg);animation:fadeIn .4s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.msg-body{min-height:1.5em;transition:all var(--transition-base)}.msg-text,.step-item,.formula-chip,.msg-question-minimal{animation:slideUp .3s ease-out;animation-fill-mode:both}@keyframes slideUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-msg.user{background:var(--surface-container-high);align-self:flex-end;border-bottom-right-radius:var(--radius-sm)}.chat-msg.assistant{background:var(--surface-container-low);align-self:flex-start;border-bottom-left-radius:var(--radius-sm)}.chat-msg .msg-label{font-family:var(--font-mono);font-size:.6875rem;color:var(--on-surface-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm)}.chat-msg.assistant .msg-label{color:var(--tertiary)}.chat-msg .msg-content{font-size:.9375rem;line-height:1.7;color:var(--on-surface)}.chat-msg .msg-steps{margin-top:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.chat-msg .step{padding:var(--space-md) var(--space-lg);background:var(--surface-container-lowest);border-radius:var(--radius-md);font-size:.875rem;line-height:1.6}.chat-msg .step-number{font-family:var(--font-mono);font-size:.75rem;color:var(--primary);font-weight:600;margin-bottom:var(--space-xs)}.chat-msg .msg-question{margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);background:#4edea314;border-radius:var(--radius-md);color:var(--tertiary);font-weight:500;font-size:.9375rem}.premium-chat .send-btn{background:var(--primary-gradient);color:var(--on-primary);border:none;border-radius:var(--radius-md);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.premium-chat .send-btn:hover{opacity:.9;transform:scale(1.05)}.quick-questions{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;max-width:850px;margin:0 auto}.chip-action.quick-q-btn{background:var(--surface-container-high);border:1px solid var(--outline-variant);color:var(--on-surface-variant);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;gap:var(--space-sm);box-shadow:0 4px 12px #0000001a;white-space:nowrap}.chip-action.quick-q-btn:before{content:"✦";font-size:.875rem;color:var(--primary);opacity:.6;transition:transform .4s ease}.chip-action.quick-q-btn:hover{background:var(--primary-container);color:var(--on-primary-container);border-color:var(--primary);transform:translateY(-6px);box-shadow:0 12px 24px #00000040,0 0 15px #b4c5ff66}.chip-action.quick-q-btn:hover:before{transform:rotate(180deg) scale(1.2);color:var(--on-primary-container)}.msg-header-minimal{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);opacity:.6}.ai-sparkle-small{color:var(--primary)}.ai-name{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em}.msg-steps-clean{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl);border-left:2px solid var(--outline-variant);padding-left:var(--space-xl)}.step-item{display:flex;gap:var(--space-md);align-items:flex-start}.step-bullet{font-family:var(--font-mono);font-size:.75rem;color:var(--primary);opacity:.5;width:20px;flex-shrink:0;padding-top:2px}.step-content{font-size:.9375rem;line-height:1.7}.formula-chip-container{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin:var(--space-lg) 0}.formula-chip{background:var(--surface-container-high);border:1px solid var(--outline-variant);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.875rem;color:var(--on-surface)}.msg-question-minimal{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:#b4c5ff0d;border-radius:var(--radius-lg);margin-top:var(--space-xl);border:1px solid rgba(180,197,255,.1)}.question-icon{color:var(--primary);flex-shrink:0;padding-top:2px}.question-text{font-size:1rem;font-weight:500;color:var(--on-surface);line-height:1.5}.formulas-used{margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);background:#78c8960f;border-radius:var(--radius-lg);border:1px solid rgba(120,200,150,.12)}.formulas-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-dim);margin-bottom:var(--space-sm)}.formula-item{font-family:var(--font-mono);font-size:.95rem;padding:var(--space-xs) 0;color:var(--on-surface);line-height:1.6}.msg-hint{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:#ffc8320f;border-radius:var(--radius-md);border-left:3px solid rgba(255,200,50,.3);font-size:.9rem;color:var(--on-surface-dim);display:flex;align-items:flex-start;gap:var(--space-sm)}.hint-icon{flex-shrink:0}.steps-container{margin-top:var(--space-md)}.msg-footer{margin-top:var(--space-xl);display:flex;justify-content:flex-end}.logic-dropdown-minimal{font-size:.6875rem;color:var(--on-surface-dim)}.logic-dropdown-minimal summary{list-style:none;cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid transparent;transition:all var(--transition-fast)}.logic-dropdown-minimal summary:hover{background:var(--surface-container-high);border-color:var(--outline-variant)}.logic-dropdown-minimal[open] summary{background:var(--surface-container-high);margin-bottom:var(--space-sm)}.chip-action.quick-q-btn:active{transform:translateY(0) scale(.96)}.chat-input-actions{display:flex;gap:var(--space-xs);padding-left:var(--space-xs)}.gemini-style{background:none!important;max-width:100%!important;padding:0!important}.gemini-style .msg-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.ai-sparkle{color:var(--primary);filter:drop-shadow(0 0 4px rgba(180,197,255,.4));animation:sparkleRotate 4s linear infinite}@keyframes sparkleRotate{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.8}}.logic-dropdown{background:var(--surface-container-low);border-radius:var(--radius-md);padding:0;font-size:.75rem;color:var(--on-surface-dim);border:1px solid var(--outline-variant);cursor:pointer;overflow:hidden;transition:all var(--transition-base)}.logic-dropdown:hover{border-color:var(--primary);background:var(--surface-container-high)}.logic-dropdown summary{list-style:none;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-xs) var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.logic-dropdown summary:before{content:"→";transition:transform var(--transition-base)}.logic-dropdown[open] summary:before{transform:rotate(90deg)}.logic-content{padding:var(--space-md);border-top:1px solid var(--outline-variant);line-height:1.6;border-left:2px solid var(--primary);margin:0;background:#b4c5ff05;color:var(--on-surface-dim);font-size:.8125rem}.logic-content strong{color:var(--on-surface-variant)}.msg-body{padding-left:34px}.msg-text{font-size:1.125rem;line-height:1.8;color:var(--on-surface);margin-bottom:var(--space-xl)}.msg-text strong,.step-txt strong{color:var(--primary);font-weight:600}.mono-inline{font-family:var(--font-mono);background:var(--surface-container-high);padding:.1em .3em;border-radius:var(--radius-sm);font-size:.9em;color:var(--secondary)}.katex-display{margin:1.5em 0!important;padding:1.25rem;background:var(--surface-container-lowest);border-radius:var(--radius-lg);border:1px solid var(--outline-variant);overflow-x:auto;overflow-y:hidden}.katex{font-size:1.25em!important;font-weight:500!important}.pdf-download-btn{font-size:10px;background:#b4c5ff1f;border:1px solid rgba(180,197,255,.25);color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;transition:all var(--transition-fast) ease;cursor:pointer;font-weight:600;letter-spacing:.02em}.pdf-download-btn:hover{background:#b4c5ff40;border-color:#b4c5ff66;transform:translateY(-1px)}[data-theme=light] .pdf-download-btn{background:#1a56db14;border-color:#1a56db33;color:#1a56db}[data-theme=light] .pdf-download-btn:hover{background:#1a56db29;border-color:#1a56db59}.msg-steps-modern{display:grid;gap:var(--space-md);margin-bottom:var(--space-xl)}.step-card{display:flex;gap:var(--space-lg);background:var(--surface-container-lowest);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--outline-variant);transition:transform .2s ease}.step-card:hover{transform:translate(4px);border-color:var(--primary)}.step-num{font-family:var(--font-mono);font-weight:700;color:var(--primary);opacity:.5;font-size:1.25rem}.step-txt{font-size:.9375rem;line-height:1.7}.formula-box{background:linear-gradient(135deg,#1a44d1,#0d287f);border:1px solid rgba(255,255,255,.1);padding:var(--space-2xl);border-radius:var(--radius-lg);margin:var(--space-xl) 0;box-shadow:0 8px 32px #0d287f4d;text-align:center}.formula-label{font-family:var(--font-mono);font-size:.75rem;color:#fff9;margin-bottom:var(--space-md);font-weight:700;letter-spacing:.2em;text-transform:uppercase}.formula-display{font-family:var(--font-mono);font-size:1.25rem;color:var(--on-primary-container);text-align:center}.msg-question-prompt{display:flex;align-items:center;gap:var(--space-lg);background:#4edea314;padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-xl);margin-top:var(--space-2xl);border:1px solid rgba(78,222,163,.2)}.prompt-icon{width:32px;height:32px;background:var(--tertiary);color:var(--on-tertiary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700}.prompt-text{font-size:.9375rem;color:var(--on-surface);font-weight:500}.history-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:flex-end;justify-content:center;padding-bottom:140px;opacity:0;pointer-events:none;transition:opacity .2s ease}.history-overlay.visible{opacity:1;pointer-events:all}.history-palette{width:90%;max-width:650px;background:var(--surface-container-high);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl),0 10px 40px #00000080;border:1px solid var(--outline-variant);overflow:hidden;transform:translateY(20px);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.history-overlay.visible .history-palette{transform:translateY(0)}.palette-header{padding:var(--space-md);border-bottom:1px solid var(--outline-variant)}.palette-search{width:100%;background:transparent;border:none;color:var(--on-surface);font-size:1rem;padding:var(--space-sm);outline:none}.palette-body{max-height:50vh;overflow-y:auto;padding:var(--space-sm)}.palette-group{margin-bottom:var(--space-md)}.palette-label{padding:var(--space-sm) var(--space-md);font-size:.6875rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.1em}.palette-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;color:var(--on-surface-variant)}.palette-item:hover{background:var(--surface-container-highest);color:var(--on-surface)}.palette-item.active{background:var(--primary-container);color:var(--on-primary-container)}.item-icon{opacity:.5}.item-title{flex:1;min-width:0;font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-meta{font-size:.75rem;opacity:.5;margin-right:var(--space-sm)}.delete-conv-btn{padding:var(--space-xs);border-radius:var(--radius-sm);color:var(--error);opacity:0;transition:opacity .2s ease;background:transparent;border:none;cursor:pointer}.palette-item:hover .delete-conv-btn{opacity:.6}.delete-conv-btn:hover{opacity:1!important;background:#ff8a801a}.palette-footer{padding:var(--space-sm) var(--space-md);background:var(--surface-container-low);border-top:1px solid var(--outline-variant)}.palette-hint{font-size:.6875rem;color:var(--on-surface-dim);text-align:center;opacity:.6}.palette-empty{padding:var(--space-2xl);text-align:center;color:var(--on-surface-dim);font-style:italic;font-size:.875rem}.calculator{background:var(--surface-container-low);border-radius:var(--radius-xl);padding:var(--space-xl);max-width:360px}.calc-display{background:var(--surface-container-lowest);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-lg);text-align:right;min-height:100px;display:flex;flex-direction:column;justify-content:flex-end}.calc-display .calc-previous{font-family:var(--font-mono);font-size:.8125rem;color:var(--on-surface-dim);margin-bottom:var(--space-xs)}.calc-display .calc-current{font-family:var(--font-mono);font-size:1.75rem;font-weight:500;color:var(--on-surface);word-break:break-all}.calc-display .calc-result{font-family:var(--font-mono);font-size:1.25rem;color:var(--tertiary);margin-top:var(--space-xs)}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.calc-btn{height:52px;border:none;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.calc-btn.function{background:var(--surface-container-high);color:var(--on-surface-variant)}.calc-btn.number{background:var(--surface-container);color:var(--on-surface)}.calc-btn.operator{background:var(--primary-container);color:var(--primary)}.calc-btn.action{background:var(--tertiary-container);color:var(--tertiary)}.calc-btn.equals{background:var(--primary-gradient);color:var(--on-primary);grid-column:span 1}.calc-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.calc-btn:active{transform:translateY(0);filter:brightness(.95)}.quiz-card{background:var(--surface-container-low);border-radius:var(--radius-xl);padding:var(--space-3xl);max-width:600px}.quiz-header{margin-bottom:var(--space-2xl)}.quiz-chapter{font-family:var(--font-mono);font-size:.75rem;color:var(--primary);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-sm)}.quiz-title{font-size:1.5rem;font-weight:700;color:var(--on-surface);line-height:1.3}.quiz-problem{background:var(--surface-container-lowest);border-radius:var(--radius-lg);padding:var(--space-2xl);margin-bottom:var(--space-2xl);position:relative}.quiz-problem .problem-label{font-family:var(--font-mono);font-size:.6875rem;color:var(--on-surface-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-lg)}.quiz-problem .problem-sigma{position:absolute;top:var(--space-lg);right:var(--space-xl);font-size:2rem;color:var(--on-surface-dim);opacity:.3}.quiz-problem .problem-text{font-size:1.125rem;line-height:1.6;color:var(--on-surface);margin-bottom:var(--space-lg)}.quiz-problem .problem-formula{background:var(--surface-container);border-radius:var(--radius-md);padding:var(--space-lg) var(--space-xl);font-family:var(--font-mono);font-size:1.25rem;color:var(--on-surface);text-align:center}.quiz-meta{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.quiz-meta-item{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.quiz-meta-item.hint{color:var(--tertiary);cursor:pointer}.quiz-meta-item.difficulty{color:var(--on-surface-dim)}.quiz-meta-item.xp{color:var(--primary)}.quiz-options-label{font-family:var(--font-mono);font-size:.6875rem;color:var(--on-surface-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-md)}.quiz-options{display:flex;flex-direction:column;gap:var(--space-sm)}.quiz-option{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);background:var(--surface-container);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.quiz-option:hover{background:var(--surface-container-high)}.quiz-option.selected{background:var(--surface-container-high);border-color:var(--primary)}.quiz-option.correct{border-color:var(--tertiary);background:#4edea314}.quiz-option.incorrect{border-color:var(--error);background:#ff6b6b14}.quiz-option .option-text{font-family:var(--font-mono);font-size:.875rem;color:var(--on-surface)}.quiz-option .option-radio{width:20px;height:20px;border-radius:var(--radius-full);border:2px solid var(--on-surface-dim);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.quiz-option.selected .option-radio{border-color:var(--primary);background:var(--primary)}.quiz-option.selected .option-radio:after{content:"";width:8px;height:8px;border-radius:var(--radius-full);background:var(--on-primary)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3xl)}.page-header-left{display:flex;align-items:center;gap:var(--space-lg)}.page-header .status-bar{font-family:var(--font-mono);font-size:.6875rem;color:var(--on-surface-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100vw;background:radial-gradient(circle at top right,rgba(180,197,255,.05),transparent),radial-gradient(circle at bottom left,rgba(78,222,163,.05),transparent),var(--surface)}.login-card{background:var(--surface-container-low);border-radius:var(--radius-xl);padding:var(--space-4xl);max-width:420px;width:90%;text-align:center;border:1px solid var(--outline-variant);box-shadow:0 24px 64px #0006}.login-card .login-brand{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--on-surface);margin-bottom:var(--space-sm)}.login-card .login-subtitle{font-family:var(--font-mono);font-size:.75rem;color:var(--tertiary);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-3xl)}.login-card .login-desc{color:var(--on-surface-variant);font-size:.9375rem;line-height:1.6;margin-bottom:var(--space-3xl)}.google-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-md);width:100%;padding:var(--space-lg) var(--space-xl);background:var(--surface-container-highest);border:none;border-radius:var(--radius-md);color:var(--on-surface);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.google-btn:hover{background:var(--surface-bright);transform:translateY(-1px)}.google-btn svg{width:20px;height:20px}.loading-dots{display:flex;gap:var(--space-xs);align-items:center}.loading-dots span{width:5px;height:5px;border-radius:var(--radius-full);background:var(--primary);box-shadow:0 0 8px var(--primary);animation:dotPulse 1.4s infinite}.ai-thinking-state{display:flex;align-items:center;gap:var(--space-md);opacity:.8}.thinking-text{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-dim);animation:textPulse 2s ease-in-out infinite}@keyframes textPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes dotPulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1.1);opacity:1}}.skeleton{background:linear-gradient(90deg,var(--surface-container-low) 25%,var(--surface-container) 50%,var(--surface-container-low) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-container-highest);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--on-surface-dim)}.md-content h1{font-size:1.5rem;font-weight:700;margin:var(--space-xl) 0 var(--space-lg);color:var(--on-surface)}.md-content h2{font-size:1.25rem;font-weight:600;margin:var(--space-xl) 0 var(--space-md);color:var(--on-surface)}.md-content h3{font-size:1.0625rem;font-weight:600;margin:var(--space-lg) 0 var(--space-sm);color:var(--on-surface)}.md-content p{margin-bottom:var(--space-md);color:var(--on-surface-variant);line-height:1.8}.md-content ul,.md-content ol{padding-left:var(--space-xl);margin-bottom:var(--space-md);color:var(--on-surface-variant)}.md-content li{margin-bottom:var(--space-xs);line-height:1.7}.md-content code{font-family:var(--font-mono);background:var(--surface-container);padding:2px 6px;border-radius:var(--radius-sm);font-size:.875rem}.md-content table{width:100%;border-collapse:collapse;margin:var(--space-lg) 0;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.md-content table th,.md-content table td{padding:var(--space-md);border:1px solid var(--outline-variant);text-align:left;min-width:120px}.md-content th,.md-content td{padding:var(--space-sm) var(--space-md);text-align:left}.md-content th{font-family:var(--font-mono);font-size:.75rem;color:var(--on-surface-dim);text-transform:uppercase;letter-spacing:.05em;background:var(--surface-container)}.md-content td{color:var(--on-surface-variant);font-size:.875rem;border-bottom:1px solid var(--outline-variant)}.md-content hr{border:none;height:1px;background:var(--outline-variant);margin:var(--space-xl) 0}.md-content strong{color:var(--on-surface);font-weight:600}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.main-content.chat-mode-active{padding:var(--space-xl) var(--space-xl) 180px!important;width:auto!important;max-width:none!important;display:block}.main-content{margin-left:0;max-width:100%;padding:var(--space-lg);padding-bottom:80px}.bottom-nav{display:flex}.display-lg{font-size:2rem}.quiz-card{padding:var(--space-xl)}.chat-msg{max-width:95%}}@media (max-width: 480px){.display-lg{font-size:1.75rem}.calculator{max-width:100%}}.quiz-card{background:var(--surface-container-highest);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl);padding:1.25rem 1.5rem;box-shadow:0 12px 48px #0003;margin-top:1rem}.quiz-header{margin-bottom:1rem;border-bottom:1px solid var(--outline-variant);padding-bottom:.5rem}.quiz-chapter{font-family:var(--font-mono);font-size:.75rem;color:var(--primary);text-transform:uppercase;letter-spacing:.2em;font-weight:700;margin-bottom:var(--space-sm)}.quiz-title{font-size:1.35rem;font-weight:800;color:var(--on-surface);line-height:1.2}.quiz-problem{background:#0003;padding:1rem 1.25rem;border-radius:var(--radius-xl);margin-bottom:1rem;position:relative;overflow:hidden}.problem-label{font-family:var(--font-mono);font-size:.6875rem;color:var(--on-surface-dim);margin-bottom:.5rem;text-transform:uppercase}.problem-text{font-size:1.15rem;color:var(--on-surface);line-height:1.5;position:relative;z-index:2}.problem-sigma{position:absolute;right:-20px;bottom:-40px;font-size:10rem;font-weight:900;color:#ffffff05;transform:rotate(-15deg);pointer-events:none}.quiz-options-label{font-size:.75rem;font-weight:700;color:var(--on-surface-dim);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.1em}.quiz-options{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.quiz-option{background:var(--surface-container-low);border:1px solid var(--outline-variant);padding:.75rem 1.25rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1)}@media (min-width: 769px){.quiz-problem{max-height:200px;overflow-y:auto}}.quiz-option:hover:not(.submitted){background:var(--surface-container-high);border-color:var(--primary);transform:translate(8px)}.quiz-option.selected{background:#1a44d11a;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.quiz-option.correct{background:#4caf501a;border-color:#4caf50;color:#81c784}.quiz-option.incorrect{background:#f443361a;border-color:#f44336;color:#e57373}.option-radio{width:20px;height:20px;border:2px solid var(--outline);border-radius:50%;position:relative}.quiz-option.selected .option-radio{border-color:var(--primary)}.quiz-option.selected .option-radio:after{content:"";position:absolute;top:4px;left:4px;width:8px;height:8px;background:var(--primary);border-radius:50%}.quiz-meta{display:flex;gap:var(--space-md);margin-bottom:1rem}.quiz-meta-item{background:var(--surface-container-low);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--on-surface-dim);border:1px solid var(--outline-variant)}.quiz-meta-item.xp{color:gold;border-color:#ffd70033}.quiz-meta-item.difficulty{color:var(--secondary)}.quiz-meta-item.hint{cursor:pointer;background:var(--secondary-container);color:var(--on-secondary-container);border:none}.quiz-meta-item.hint:hover{opacity:.8}.quiz-page{max-width:960px;margin:0 auto}.quiz-stats-bar{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#8b5cf614,#3b82f60f);border:1px solid rgba(139,92,246,.15);border-radius:16px;padding:1.25rem 1.5rem;margin-bottom:2rem;flex-wrap:wrap}.quiz-stat{display:flex;align-items:center;gap:.625rem;flex:1;min-width:0;min-width:100px}.quiz-stat-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#ffffff0a}.quiz-stat-icon svg{display:block}.quiz-stat-info{display:flex;flex-direction:column}.quiz-stat-value{font-size:1.375rem;font-weight:700;color:var(--on-surface);line-height:1.2}.quiz-stat-label{font-size:.625rem;font-weight:600;letter-spacing:.12em;color:var(--on-surface-dim);margin-top:2px}.quiz-stat-divider{width:1px;height:36px;background:#ffffff14}.quiz-difficulty-selector{display:flex;gap:.625rem}.quiz-diff-btn{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:12px;border:1.5px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--on-surface-variant);font-size:.875rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:all .2s ease}.quiz-diff-btn:hover{background:#ffffff0f;border-color:#fff3}.quiz-diff-btn.active{background:#ffffff14;border-color:var(--diff-color);box-shadow:0 0 15px rgba(var(--diff-color-rgb),.2);transform:translateY(-1px)}.quiz-diff-btn.active .diff-dot{box-shadow:0 0 8px var(--diff-color)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quiz-stats-bar{animation:fadeInUp .4s ease-out forwards}.quiz-difficulty-selector{animation:fadeInUp .5s ease-out forwards}.quiz-chapter-card{animation:fadeInUp .6s ease-out forwards}.quiz-chapter-card:nth-child(n){animation-delay:calc(.1s * var(--i, 1))}.diff-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.quiz-chapter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.quiz-chapter-card{display:flex;flex-direction:column;padding:1.125rem 1.25rem;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:#ffffff06;cursor:pointer;transition:all .2s ease;text-align:left;min-height:110px}.quiz-chapter-card:hover{background:#8b5cf60f;border-color:#8b5cf640;transform:translateY(-2px);box-shadow:0 4px 20px #0003}.qcc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.625rem}.qcc-number{font-size:.6875rem;font-weight:700;letter-spacing:.1em;color:var(--primary);background:#8b5cf61f;padding:3px 8px;border-radius:6px}.qcc-accuracy{font-size:.75rem;font-weight:700;letter-spacing:.02em}.qcc-name{font-size:.9375rem;font-weight:600;color:var(--on-surface);line-height:1.35;flex:1;min-width:0;margin-bottom:.5rem}.qcc-action{display:flex;align-items:center;gap:4px;flex-shrink:0;font-size:.6875rem;font-weight:600;letter-spacing:.08em;color:var(--on-surface-dim);margin-top:auto;transition:color .15s}.quiz-chapter-card:hover .qcc-action{color:var(--primary)}@media (max-width: 600px){.quiz-stats-bar{gap:.75rem;padding:1rem}.quiz-stat-divider{display:none}.quiz-stat{min-width:70px}.quiz-chapter-grid{grid-template-columns:1fr 1fr;gap:.5rem}.quiz-chapter-card{padding:.875rem;min-height:95px}.quiz-difficulty-selector{gap:.375rem}.quiz-diff-btn{padding:.625rem .75rem;font-size:.8125rem}}.loading-fact-box{display:flex;gap:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem 1.25rem;margin:1.5rem 0;animation:fadeInUp .4s ease-out forwards}.fact-icon{font-size:1.5rem;flex-shrink:0}.loading-progress-container{width:100%;height:4px;background:#ffffff0d;border-radius:2px;margin-bottom:2rem;overflow:hidden;position:relative}.loading-progress-bar{position:absolute;top:0;left:0;height:100%;width:30%;background:var(--primary-gradient);border-radius:2px;animation:progressMove 1.5s infinite ease-in-out;box-shadow:0 0 10px #b4c5ff4d}@keyframes progressMove{0%{left:-30%}50%{width:40%}to{left:100%}}.skeleton-group{animation:fadeInUp .5s ease-out forwards}.chat-error-alert{padding:1.5rem 2rem;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.error-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#ffebee99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,205,210,.8);border-radius:1rem;color:#b71c1c}.error-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffcdd2;border-radius:50%;flex-shrink:0}.error-content{flex-grow:1}.error-title{font-weight:600;font-size:.9rem;margin-bottom:.125rem}.error-text{font-size:.8rem;opacity:.8}.btn-retry{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#b71c1c;color:#fff;border:none;border-radius:.75rem;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #b71c1c33}.btn-retry:hover{background:#d32f2f;transform:translateY(-1px);box-shadow:0 6px 16px #b71c1c4d}.btn-retry:active{transform:translateY(0)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-error-alert{margin-top:1.5rem;padding:1.25rem;background:var(--error-container);border:1px solid var(--error);border-radius:12px;text-align:center;animation:slideUp .3s ease}@keyframes pulseRed{0%{color:var(--error);transform:scale(1)}50%{color:red;transform:scale(1.2);filter:drop-shadow(0 0 5px rgba(255,0,0,.5))}to{color:var(--error);transform:scale(1)}}.btn-icon.recording svg{animation:pulseRed 1.2s infinite ease-in-out}.msg-timestamp{font-size:.7rem;color:var(--on-surface-dim);opacity:.6}.chat-toolbar{position:sticky;bottom:0;width:100%;background:#101419f2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-top:1px solid var(--outline);z-index:1100;padding:var(--space-md) var(--space-xl) var(--space-xl)}.chat-toolbar-inner{width:100%;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-sm)}.chat-input-area{display:flex;align-items:center;background:var(--surface-container-high);border-radius:var(--radius-lg);padding:6px 16px;border:1px solid var(--outline-variant);transition:all .2s ease;width:100%;box-sizing:border-box}.chat-input-area:focus-within{border-color:var(--primary);box-shadow:0 0 24px #b4c5ff26;background:var(--surface-container-highest)}.chat-input-area input{flex:1;min-width:0;background:none;border:none;color:var(--on-surface);padding:12px 16px;font-size:1.1rem;outline:none}.chat-input-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.chat-input-area input{flex:1;min-width:0;background:none!important;border:none!important;color:var(--on-surface);padding:12px 16px;font-size:1rem;outline:none!important;box-shadow:none!important}.send-btn{background:var(--primary-gradient);color:var(--on-primary);border:none;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.sidebar-collapsed+.main-content .chat-toolbar,.main-content.sidebar-collapsed .chat-toolbar{left:0}.chat-messages{padding-bottom:180px!important;max-width:1000px;margin:0 auto;width:100%}.math-helpers-bar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-xl);width:100%;box-sizing:border-box}.math-helpers-row{display:flex;gap:8px;justify-content:flex-start;flex-wrap:wrap}.math-helpers-bar::-webkit-scrollbar{display:none}.toggle-view-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--surface-container-high);border:1px solid var(--outline-variant);border-radius:8px;color:var(--on-surface-variant);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.toggle-view-btn:hover{background:var(--surface-container-highest);color:var(--primary);border-color:var(--primary)}.toggle-view-btn .sigma-icon{font-family:var(--font-mono);font-weight:700;color:var(--primary)}.math-helper-btn{flex-shrink:0;min-width:40px;height:36px;background:#1e272e;border:1px solid rgba(255,255,255,.05);border-radius:10px;color:#a4b0be;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.math-helper-btn:hover{background:#2f3542;color:#fff;border-color:var(--primary);transform:translateY(-1px)}.math-helper-btn:active{transform:translateY(0)}.chat-math-preview-wrapper{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-xl);width:100%;box-sizing:border-box;background:#0a0c1066;border-top:1px solid var(--outline-variant);min-height:56px;animation:slideDown .3s ease}.chat-math-preview{flex:1;min-width:0;display:flex;justify-content:center;align-items:center;color:var(--primary);font-size:1.25rem;overflow-x:auto}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes floatArrow{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1)}}.scroll-bottom-btn{position:fixed;right:32px;bottom:130px;left:auto!important;transform:translateY(30px) scale(.9);width:48px;height:48px;padding:0!important;background:#181c21d9!important;color:var(--primary)!important;border:1.5px solid rgba(180,197,255,.25)!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer;z-index:2500;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 32px #0006,0 0 15px #b4c5ff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.scroll-bottom-btn.visible{opacity:1;visibility:visible;transform:translateY(0) scale(1);animation:floatArrow 3s ease-in-out infinite}.scroll-bottom-btn:hover{background:var(--primary)!important;color:var(--on-primary)!important;border-color:var(--primary)!important;transform:translateY(-4px) scale(1.05);box-shadow:0 12px 36px #b4c5ff66,0 0 20px #b4c5ff4d}.scroll-bottom-btn span{display:none!important}.scroll-progress-ring{position:absolute;top:-1.5px;left:-1.5px;width:48px;height:48px;transform:rotate(-90deg);pointer-events:none;z-index:1}.scroll-progress-bg{stroke:#b4c5ff1a!important}.scroll-progress-indicator{stroke:var(--primary)!important;stroke-width:2px!important;transition:stroke-dashoffset .1s ease,stroke var(--transition-base)}.scroll-arrow-icon{position:absolute;display:flex;align-items:center;justify-content:center;z-index:2;color:var(--primary);transition:transform .3s cubic-bezier(.34,1.56,.64,1),color var(--transition-base)}.scroll-arrow-icon svg{width:14px!important;height:14px!important}.scroll-bottom-btn:hover .scroll-arrow-icon{color:var(--on-primary)!important;transform:translateY(2px)}.scroll-bottom-btn:hover .scroll-progress-ring{opacity:0;transition:opacity .2s ease}.premium-header{position:relative;background:var(--surface-container-low)!important;border-bottom:1px solid var(--outline-variant)!important;padding:1.25rem 2rem!important;box-shadow:0 4px 25px #00000040!important;overflow:hidden}.premium-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2563eb,#8b5cf6,#ec4899 66%,#4edea3);z-index:10;box-shadow:0 1px 15px #8b5cf680}.premium-header .header-content{display:flex;align-items:center;gap:1.5rem;text-align:left}.premium-header .back-link{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;color:var(--on-surface-variant);cursor:pointer;font-family:var(--font-mono);font-size:.8rem;font-weight:600;text-transform:uppercase;transition:all var(--transition-fast)}.premium-header .back-link:hover{color:var(--primary);transform:translate(-2px)}.premium-header .header-title-group{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.premium-header .header-title-group .label-sm{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;color:var(--primary);margin-bottom:.25rem}.premium-header .header-title-group .headline-lg{font-size:1.75rem;font-weight:700;color:var(--on-surface);margin:0}.premium-header .pill-tabs-wrapper{display:flex;align-items:center}.premium-header .pill-tabs{display:flex;background:#ffffff08;padding:4px;border-radius:30px;border:1px solid rgba(255,255,255,.05)}.premium-header .pill-tab{background:transparent;border:none;color:var(--on-surface-variant);padding:8px 18px;border-radius:20px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.premium-header .pill-tab:hover{color:var(--on-surface);background:#ffffff0d}.premium-header .pill-tab.active{background:var(--primary);color:var(--on-primary);font-weight:600;box-shadow:0 4px 12px #b4c5ff40}.premium-header .quiz-tab{background:linear-gradient(135deg,#4edea326,#4edea30d);color:var(--tertiary);border:1px solid rgba(78,222,163,.2)}.premium-header .quiz-tab:hover{background:var(--tertiary)!important;color:var(--on-primary)!important;border-color:var(--tertiary)!important;box-shadow:0 4px 12px #4edea340}.calc-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent;pointer-events:none;display:flex;align-items:center;justify-content:flex-end;padding-right:80px;z-index:2000}@media (max-width: 600px){.calc-overlay{justify-content:center;padding-right:0}}.calc-modal{width:380px;background:#11141a;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:1.25rem;box-shadow:0 30px 60px #0009;pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none}.calc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.calc-brand{display:flex;align-items:center;gap:.5rem;font-weight:700;color:#fff;letter-spacing:.02em}.calc-logo{color:var(--primary);font-size:1.2rem}.calc-close{background:none;border:none;color:#6b7080;font-size:1.5rem;cursor:pointer}.calc-display{background:#090b0f;border-radius:16px;padding:1.25rem;margin-bottom:1.5rem;text-align:right;min-height:100px;display:flex;flex-direction:column;justify-content:center}.calc-expression{color:#fff;font-size:1.2rem;font-weight:600;font-family:var(--font-mono);margin-bottom:.5rem;word-break:break-all;opacity:.95}.calc-result{color:#1dd1a1;font-size:2.2rem;font-weight:700;font-family:var(--font-mono);word-break:break-all}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.625rem}.calc-row-main{grid-column:span 4;display:grid;grid-template-columns:repeat(4,1fr);gap:.625rem}.calc-btn{height:48px;border-radius:12px;border:none;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.calc-btn:hover{filter:brightness(1.2)}.calc-btn:active{transform:scale(.95)}.chapter-content-area.chat-mode{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0;overflow:hidden}.chapter-content-area.chat-mode .chat-container{height:100%!important}.btn-danger{background:#ff4757;color:#fff}.btn-gray{background:#2f3542;color:#a4b0be}.btn-dark{background:#1e272e;color:#747d8c;font-size:.75rem}.btn-num{background:#2f3542;color:#fff;font-size:1.1rem}.btn-op{background:#54a0ff;color:#fff;font-size:1.25rem}.btn-action{background:#1dd1a1;color:#fff;font-size:1.5rem}.calc-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.calc-main-pad{grid-column:span 4;display:flex;gap:.625rem;margin-top:.5rem}.calc-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem;flex:3}.calc-operators{display:flex;flex-direction:column;gap:.625rem;flex:1;min-width:0}.animate-pop{animation:calcPop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes calcPop{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);margin-bottom:var(--space-2xl)}.mobile-header{display:none;position:sticky;top:0;width:100%;height:56px;background:#101419cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);align-items:center;justify-content:space-between;padding:0 var(--space-lg);z-index:1500}.sidebar-close-btn{display:none;position:absolute;top:1rem;right:1rem;background:var(--surface-container-highest);border:1px solid rgba(255,255,255,.1);color:var(--on-surface);width:40px;height:40px;border-radius:12px;align-items:center;justify-content:center;cursor:pointer;z-index:100}@media (max-width: 1024px){:root{--sidebar-width: 240px}.stats-grid{grid-template-columns:repeat(2,1fr)}}.mobile-hide{display:flex}.bottom-nav{display:none!important}@media (max-width: 768px){:root{--sidebar-width: 280px}.mobile-hide{display:none!important}.sidebar{transform:translate(-100%);box-shadow:20px 0 60px #00000080;transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:3000}.sidebar.open{transform:translate(0)}.sidebar-close-btn{display:flex}.main-content{margin-left:0!important;height:auto;min-height:100vh;padding-bottom:100px}.mobile-header{display:flex}.bottom-nav{display:grid!important;grid-template-columns:repeat(5,1fr);position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);width:calc(100% - 2.5rem);max-width:440px;height:72px;background:#101318d9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;z-index:2500;box-shadow:0 12px 40px #0009,0 0 20px #b4c5ff0d;padding:0 .5rem}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:none;border:none;color:var(--on-surface-dim);font-size:.55rem;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;outline:none}.bottom-nav-item svg{width:24px;height:24px;opacity:.5;transition:all .3s ease}.bottom-nav-item span{transition:transform .3s ease,opacity .3s ease}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item.active svg{opacity:1;transform:translateY(-4px);filter:drop-shadow(0 0 8px hsla(227,100%,85%,.4))}.bottom-nav-item.active span{transform:translateY(-2px);opacity:1}.bottom-nav-item.active:after{content:"";position:absolute;bottom:12px;width:16px;height:3px;background:var(--primary);border-radius:99px;box-shadow:0 0 12px var(--primary);animation:indicatorGlow 2s infinite alternate}@keyframes indicatorGlow{0%{opacity:.6;box-shadow:0 0 8px var(--primary)}to{opacity:1;box-shadow:0 0 16px var(--primary)}}.stats-grid{grid-template-columns:1fr;gap:var(--space-md)}.display-lg{font-size:2.25rem}.headline-lg{font-size:1.75rem}.headline-md{font-size:1.5rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:var(--space-xl);margin-bottom:var(--space-2xl)}.stats-row{width:100%;overflow-x:auto;padding-bottom:var(--space-md);scrollbar-width:none}.dashboard-grid{grid-template-columns:1fr;gap:var(--space-2xl)}.recent-chapters-grid{grid-template-columns:1fr}.chat-container{height:auto!important;min-height:calc(100vh - 200px)}.chat-messages{padding:var(--space-lg) var(--space-lg) 20px}.chat-msg{max-width:94%;padding:var(--space-md) var(--space-lg)}.chat-toolbar{margin-top:0!important;padding:0 var(--space-md) var(--space-lg);background:transparent;border:none;position:sticky;bottom:80px}.chat-toolbar-inner{max-width:800px;margin:0 auto}.chat-input-bar{padding:6px 6px 6px 12px;border-radius:24px}.chat-input-bar input{font-size:.9375rem}.page-header{padding:var(--space-xl) var(--space-lg);border-bottom:1px solid rgba(255,255,255,.03)}.chapter-content-area{padding:0 var(--space-lg)}.card{padding:var(--space-lg)}.scroll-bottom-btn{position:absolute;bottom:120px;right:2rem;width:48px;height:48px;border-radius:50%;background:#101419d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #00000080,inset 0 0 12px #ffffff05;color:var(--on-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:101;opacity:0;pointer-events:none;transform:translateY(10px) scale(.9);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.scroll-bottom-btn.visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.scroll-progress-ring{position:absolute;top:0;left:0;transform:rotate(-90deg)}.scroll-progress-bg{stroke:#ffffff08;stroke-width:2.5}.scroll-progress-indicator{stroke:var(--primary);stroke-width:2.5;transition:stroke-dashoffset .1s}.scroll-arrow-icon{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;color:var(--on-surface-variant);transition:color .2s}.scroll-bottom-btn:hover .scroll-arrow-icon{color:var(--primary)}}.premium-header{padding:var(--space-xl) var(--space-lg) var(--space-md);background:#101419b3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.05);position:sticky;top:0;z-index:1000}.header-content{margin-bottom:var(--space-md)}.back-link{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--primary);font-family:var(--font-mono);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;margin-bottom:var(--space-sm);padding:0}.glow-text{color:var(--on-surface);text-shadow:0 0 20px rgba(180,197,255,.2)}.pill-tabs-wrapper{overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--space-lg));padding:0 var(--space-lg)}.pill-tabs-wrapper::-webkit-scrollbar{display:none}.pill-tabs{display:inline-flex;gap:6px;background:#ffffff08;padding:4px;border-radius:14px;border:1px solid rgba(255,255,255,.05)}.pill-tab{padding:8px 14px;border-radius:10px;border:none;background:none;color:var(--on-surface-dim);font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.pill-tab.active{background:var(--primary);color:var(--on-primary);box-shadow:0 4px 12px #b4c5ff33}.quiz-tab{color:var(--tertiary)}@keyframes slideRight{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes chatFadeIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-msg{animation:chatFadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.sidebar.open .nav-item{animation:slideRight .3s ease forwards}.workspace-page-shell{padding:var(--space-2xl) var(--space-3xl);max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box;min-height:100vh;position:relative;overflow-x:hidden}.dashboard-wrapper{padding:var(--space-4xl) var(--space-4xl);max-width:100%;margin:0;width:100%;box-sizing:border-box;min-height:100vh;position:relative;overflow-x:hidden}.workspace-focus-shell,.quiz-arena-wrapper{padding:1.5rem 2rem;max-width:100%;margin:0;width:100%;box-sizing:border-box;min-height:100vh;position:relative;overflow-x:hidden}.quiz-two-column-layout{display:flex!important;flex-direction:column!important;gap:1.5rem!important;padding:1.25rem!important}.quiz-left-panel,.quiz-right-panel{width:100%!important;max-width:100%!important}.dashboard-premium-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--space-4xl)}.header-tag{font-family:var(--font-mono);font-size:.7rem;color:var(--primary);letter-spacing:.2em;margin-bottom:var(--space-sm)}.header-stats-hub{display:flex;gap:var(--space-xl)}.hub-pill{background:var(--surface-container-high);border:1px solid rgba(255,255,255,.05);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-lg);min-width:180px;position:relative;overflow:hidden}.hub-label{display:block;font-family:var(--font-mono);font-size:.65rem;color:var(--on-surface-dim);margin-bottom:4px}.hub-value{font-size:1.5rem;font-weight:700;color:var(--on-surface)}.hub-value small{font-size:.75rem;opacity:.5}.hub-progress-track{height:2px;background:#ffffff0d;margin-top:var(--space-md);border-radius:1px}.hub-progress-bar{height:100%;background:var(--primary);box-shadow:0 0 8px var(--primary)}.dashboard-grid{display:grid;grid-template-columns:1fr 360px;gap:var(--space-4xl)}.section-header{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.header-line{flex:1;min-width:0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.1),transparent)}.premium-chapters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-xl)}.premium-chapter-card{position:relative;background:var(--surface-container-low);border:1px solid rgba(255,255,255,.03);border-radius:var(--radius-xl);padding:var(--space-2xl);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;animation:chatFadeIn .5s ease-out forwards}.premium-chapter-card:hover{transform:translateY(-8px) scale(1.02);background:var(--surface-container);border-color:#b4c5ff33;box-shadow:0 20px 40px #0000004d}.card-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(180,197,255,.05),transparent 70%);opacity:0;transition:opacity .3s ease}.premium-chapter-card:hover .card-glow{opacity:1}.chapter-code{font-family:var(--font-mono);font-size:.75rem;color:var(--primary);opacity:.6}.chapter-name{font-size:1.5rem;font-weight:600;margin:var(--space-md) 0 var(--space-sm);color:var(--on-surface)}.chapter-tags{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl)}.chapter-tags span{font-size:.7rem;padding:2px 8px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:4px;color:var(--on-surface-dim)}.btn-launch{display:flex;align-items:center;gap:var(--space-sm);background:none;border:none;color:var(--on-surface-dim);font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.1em;padding:0;cursor:pointer;transition:color .2s ease}.premium-chapter-card:hover .btn-launch{color:var(--primary)}.dashboard-hud-sidebar{display:flex;flex-direction:column;gap:var(--space-xl)}.hud-panel{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--space-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.panel-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.pulse-dot{width:6px;height:6px;background:var(--tertiary);border-radius:50%;box-shadow:0 0 10px var(--tertiary);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}.insight-text{font-size:.85rem;line-height:1.6;color:var(--on-surface-variant);margin-bottom:var(--space-lg)}.insight-text .highlight{color:var(--primary)}.insight-graph{display:flex;align-items:flex-end;gap:4px;flex-shrink:0;height:40px}.graph-bar{flex:1;min-width:0;background:#b4c5ff26;border-radius:2px;transition:height .5s ease}.graph-bar:hover{background:var(--primary)}.challenge-card{background:linear-gradient(135deg,rgba(37,99,235,.1),transparent);padding:var(--space-lg);border-radius:var(--radius-md);border:1px solid rgba(37,99,235,.2)}.challenge-tag{font-family:var(--font-mono);font-size:.6rem;color:var(--primary);margin-bottom:var(--space-xs)}.challenge-text{font-size:.85rem;line-height:1.5;margin-bottom:var(--space-lg)}.btn-challenge{width:100%;background:var(--primary);color:var(--on-primary);border:none;padding:var(--space-md);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.7rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-challenge:hover{transform:translateY(-2px);box-shadow:0 8px 16px #b4c5ff33}.matrix-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.matrix-item{display:flex;flex-direction:column}.m-label{font-family:var(--font-mono);font-size:.6rem;color:var(--on-surface-dim);margin-bottom:2px}.m-value{font-size:1.25rem;font-weight:700}.quick-nav-pills{display:flex;gap:var(--space-md)}.nav-pill{flex:1;min-width:0;background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:var(--on-surface-variant);padding:var(--space-md);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.65rem;font-weight:600;cursor:pointer;transition:all .2s ease}.nav-pill:hover{background:#ffffff14;color:var(--on-surface);border-color:#ffffff1a}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}.dashboard-hud-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}}@media (max-width: 768px){.workspace-page-shell,.dashboard-wrapper{padding:var(--space-xl) var(--space-lg)}.dashboard-premium-header{flex-direction:column;align-items:flex-start;gap:var(--space-xl)}.dashboard-hud-sidebar{grid-template-columns:1fr}.premium-chapters-grid{grid-template-columns:1fr;gap:var(--space-lg)}.premium-chapter-card,.arena-chapter-card{padding:var(--space-xl) var(--space-lg)!important}.premium-chapter-card .chapter-name,.arena-chapter-name{font-size:1.25rem!important}.dashboard-hud-sidebar{gap:var(--space-lg)}.hud-panel{padding:var(--space-lg)}}@media (min-width: 1600px){.workspace-page-shell:before,.workspace-page-shell:after,.dashboard-wrapper:before,.dashboard-wrapper:after{content:"";position:fixed;top:50%;width:2px;height:40vh;background:linear-gradient(to bottom,transparent,var(--primary),transparent);opacity:.3;transform:translateY(-50%);pointer-events:none}.workspace-page-shell:before,.dashboard-wrapper:before{left:var(--space-xl)}.workspace-page-shell:after,.dashboard-wrapper:after{right:var(--space-xl)}}.quiz-arena-wrapper{background:radial-gradient(circle at 50% 0%,rgba(180,197,255,.08),transparent 70%),linear-gradient(rgba(180,197,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(180,197,255,.02) 1px,transparent 1px);background-size:100% 100%,60px 60px,60px 60px}.quiz-arena-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--space-4xl)}.arena-title-group .label-sm{color:var(--primary);letter-spacing:.3em;margin-bottom:var(--space-sm)}.arena-stats-grid{display:grid;grid-template-columns:repeat(4,180px);gap:var(--space-lg)}.arena-stat-card{background:var(--surface-container-high);border:1px solid rgba(255,255,255,.05);padding:var(--space-xl);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:4px;flex-shrink:0;transition:transform .3s ease}.arena-stat-card:hover{transform:translateY(-5px);border-color:#b4c5ff33}.arena-stat-label{font-family:var(--font-mono);font-size:.65rem;color:var(--on-surface-dim)}.arena-stat-value{font-size:1.5rem;font-weight:700;color:var(--on-surface)}.arena-main-grid{display:grid;grid-template-columns:1fr 320px;gap:var(--space-4xl)}.arena-section-title{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.arena-chapters-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-xl)}.arena-chapter-card{background:var(--surface-container-low);border:1px solid rgba(255,255,255,.03);border-radius:var(--radius-xl);padding:var(--space-2xl);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.arena-chapter-card:hover{background:var(--surface-container);border-color:var(--primary);box-shadow:0 15px 30px #0000004d}.mastery-indicator{position:absolute;top:0;left:0;height:3px;background:var(--tertiary);box-shadow:0 0 10px var(--tertiary)}.arena-chapter-num{font-family:var(--font-mono);font-size:.75rem;color:var(--primary);opacity:.5;margin-bottom:var(--space-sm);display:block}.arena-chapter-name{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-xl)}.arena-chapter-footer{display:flex;justify-content:space-between;align-items:center}.accuracy-badge{font-size:.75rem;font-weight:600;padding:4px 10px;background:#4edea31a;border:1px solid rgba(78,222,163,.2);border-radius:99px;color:var(--tertiary)}.play-action{color:var(--on-surface-dim);transition:color .2s}.arena-chapter-card:hover .play-action{color:var(--primary)}.active-quiz-container{max-width:900px;margin:0 auto;padding-bottom:100px}.quiz-hud-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3xl);padding:var(--space-lg) var(--space-2xl);background:var(--surface-container-high);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.05)}.hud-item{display:flex;flex-direction:column}.hud-label{font-family:var(--font-mono);font-size:.6rem;color:var(--on-surface-dim)}.hud-value{font-size:1.1rem;font-weight:700}@media (max-width: 1100px){.arena-stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.arena-stat-card{padding:var(--space-lg)}.arena-stat-value{font-size:1.1rem}.arena-main-grid{grid-template-columns:1fr}}.warning-text{color:var(--error);font-weight:700;text-shadow:0 0 8px rgba(255,107,107,.4)}.entropy-panel{border-color:#ff6b6b26!important;background:linear-gradient(135deg,rgba(255,107,107,.03),transparent)!important}.weakness-list{display:flex;flex-direction:column;gap:var(--space-lg)}.weakness-item{cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-md);transition:background .2s}.weakness-item:hover{background:#ffffff08}.w-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.w-name{font-size:.85rem;font-weight:600;color:var(--on-surface)}.w-status{font-family:var(--font-mono);font-size:.6rem;color:var(--error);opacity:.7}.w-progress{height:4px;background:#ffffff0d;border-radius:2px;overflow:hidden}.w-bar{height:100%;background:var(--error);box-shadow:0 0 8px var(--error);animation:growWidth 1.5s ease-out forwards}@keyframes growWidth{0%{width:0}}.path-stats{display:flex;justify-content:space-between;gap:var(--space-xl)}.path-stat-item{display:flex;flex-direction:column}.p-label{font-family:var(--font-mono);font-size:.6rem;color:var(--on-surface-dim);margin-bottom:2px}.p-value{font-size:1.25rem;font-weight:700}.difficulty-indicator{width:8px;height:8px;border-radius:50%}.difficulty-indicator.easy{background:#4ade80;box-shadow:0 0 8px #4ade80}.difficulty-indicator.medium{background:#facc15;box-shadow:0 0 8px #facc15}.difficulty-indicator.hard{background:#f87171;box-shadow:0 0 8px #f87171}.next-card{padding:var(--space-lg);background:#b4c5ff0d;border-radius:var(--radius-md);border:1px solid rgba(180,197,255,.1);transition:all .2s}.next-card:hover{background:#b4c5ff1a;border-color:var(--primary)}@media (max-width: 768px){.formula-blade{padding:var(--space-lg)!important}.formula-title{font-size:1rem!important}.formula-content{font-size:.65rem!important}}@media (max-width: 768px){.dashboard-premium-header{flex-direction:column;align-items:stretch;gap:var(--space-xl);margin-bottom:var(--space-xl);padding-top:var(--space-xl)}.header-welcome{text-align:center}.header-welcome .display-lg{font-size:2.25rem!important;line-height:1.1}.header-stats-hub{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);width:100%;margin-top:var(--space-md)}.path-stats,.matrix-stats{gap:var(--space-lg);justify-content:flex-start}.path-stat-item,.matrix-item{min-width:100px}.hub-pill{min-width:0!important;padding:var(--space-md) var(--space-lg)!important;display:flex;flex-direction:column;justify-content:center}.hub-value{font-size:.9rem!important;line-height:1.2;white-space:normal!important;word-break:break-word;margin-top:2px}.hub-label{font-size:.55rem!important;margin-bottom:0!important}.hub-rank-icon{display:none}.hud-panel{padding:var(--space-lg)!important}.panel-header{margin-bottom:var(--space-sm)!important}.insight-text,.challenge-text{font-size:.75rem!important;margin-bottom:var(--space-md)!important}.btn-challenge{padding:var(--space-sm)!important;font-size:.65rem!important}.quiz-card{padding:var(--space-lg)!important;border-radius:var(--radius-lg)!important;width:100%!important;max-width:100%!important}.quiz-title{font-size:1.15rem!important}.quiz-problem{padding:var(--space-lg)!important;margin-bottom:var(--space-lg)!important}.quiz-problem .problem-text{font-size:1rem!important}.quiz-problem .problem-formula{font-size:1.1rem!important;padding:var(--space-md)!important}.quiz-option{padding:var(--space-md) var(--space-lg)!important}.quiz-option .option-text{font-size:.8rem!important}.quiz-meta{gap:var(--space-md)!important;margin-bottom:var(--space-lg)!important;flex-wrap:wrap}.chat-messages{padding:var(--space-md) var(--space-md) 160px!important;gap:var(--space-lg)!important}.chat-msg{max-width:95%!important;padding:var(--space-md)!important}.msg-text{font-size:1rem!important;line-height:1.6!important}.chat-toolbar{bottom:70px!important;padding:0 var(--space-md) var(--space-sm)!important}.chat-toolbar-inner{border-radius:20px!important;padding:6px!important}.math-helper-btn{min-width:34px!important;height:30px!important;font-size:.75rem!important}.dashboard-grid{grid-template-columns:1fr!important;gap:var(--space-xl)!important}.dashboard-hud-sidebar{order:-1}.workspace-page-shell,.dashboard-wrapper{padding:var(--space-lg) var(--space-md) 100px!important}.premium-chapters-grid{grid-template-columns:1fr!important;gap:var(--space-md)!important}.quiz-arena-header{flex-direction:column!important;align-items:stretch!important;gap:var(--space-xl)!important;margin-bottom:var(--space-2xl)!important}.arena-stats-grid{grid-template-columns:1fr 1fr!important;gap:var(--space-sm)!important;width:100%!important}.arena-stat-card{padding:var(--space-lg)!important;min-height:0!important}.arena-stat-value{font-size:1.1rem!important}.arena-main-grid{grid-template-columns:1fr!important;gap:var(--space-2xl)!important}.arena-chapters-container{grid-template-columns:1fr!important;gap:var(--space-md)!important}.arena-chapter-card{padding:var(--space-xl)!important;width:100%!important;box-sizing:border-box!important}.active-quiz-container{max-width:100%!important;padding:0!important}.quiz-hud-bar{padding:var(--space-md)!important;margin-bottom:var(--space-xl)!important;border-radius:var(--radius-lg)!important}.history-list,.recent-activity-list{display:flex!important;flex-direction:column!important;gap:var(--space-sm)!important;width:100%!important}.history-item,.activity-item{width:100%!important;padding:var(--space-lg)!important;flex-direction:column!important;align-items:flex-start!important;gap:var(--space-xs)!important;box-sizing:border-box!important}.activity-text{width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:.9rem!important;line-height:1.5!important}.activity-meta{font-size:.7rem!important;opacity:.5!important}}.btn:active{transform:scale(.98)}::selection{background:var(--primary);color:var(--on-primary)}.history-section-title{color:var(--on-surface-dim);margin-bottom:1rem}.history-chapter-list{display:flex;flex-direction:column;gap:.5rem;max-width:700px;margin-bottom:2rem}.history-chapter-card{padding:1rem;display:flex;align-items:center;justify-content:space-between}.history-activity-list{display:flex;flex-direction:column;gap:.25rem;max-width:700px}.activity-item{padding:.75rem 1rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between}.activity-main{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.activity-text{font-size:.9rem;color:var(--on-surface);line-height:1.4}.onboarding-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-2xl);background:var(--surface)}.onboarding-card{background:var(--surface-container-low);border-radius:var(--radius-xl);padding:var(--space-3xl);max-width:480px;width:100%;border:1px solid var(--outline-variant)}.onboarding-icon{margin-bottom:var(--space-lg)}.onboarding-form{display:flex;flex-direction:column;gap:var(--space-md)}.onboarding-error{color:var(--error);font-size:.8125rem;padding:var(--space-sm) var(--space-md);background:var(--error-container);border-radius:var(--radius-sm)}.institution-preview{display:flex;align-items:center;padding:var(--space-lg);background:var(--surface-container-high);border-radius:var(--radius-md);margin-top:var(--space-sm);animation:fadeSlideIn .2s ease}.pending-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-md);padding:var(--space-2xl) 0}.pending-icon{animation:pendingPulse 3s ease infinite}@keyframes pendingPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.teacher-dashboard{padding:var(--space-2xl) var(--space-3xl);max-width:1200px}.teacher-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2xl);flex-wrap:wrap;gap:var(--space-lg)}.teacher-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.stat-card{background:var(--surface-container-low);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--outline-variant);transition:border-color var(--transition-fast)}.stat-card:hover{border-color:#b4c5ff33}.stat-card .stat-value{font-size:2rem;font-weight:700;color:var(--on-surface);font-family:var(--font-mono)}.stat-card .stat-label{font-family:var(--font-mono);font-size:.625rem;color:var(--on-surface-dim);letter-spacing:.1em;margin-top:var(--space-xs)}.classrooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.classroom-card{background:var(--surface-container-low);border-radius:var(--radius-xl);padding:var(--space-xl);border:1px solid var(--outline-variant);transition:all var(--transition-base);cursor:default}.classroom-card:hover{border-color:var(--primary);box-shadow:0 8px 24px #0003}.classroom-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.classroom-card-stats{display:flex;gap:var(--space-xl)}.stat-value-sm{font-family:var(--font-mono);font-size:1.125rem;font-weight:700;color:var(--on-surface);display:block}.stat-label-sm{font-family:var(--font-mono);font-size:.5625rem;color:var(--on-surface-dim);letter-spacing:.1em;text-transform:uppercase}.btn-sm{padding:var(--space-sm) var(--space-md);font-size:.75rem}.classroom-view{padding:var(--space-2xl) var(--space-3xl);max-width:1200px}.classroom-analytics-header{margin-bottom:var(--space-2xl)}.analytics-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.analytics-section{margin-bottom:var(--space-2xl)}.topic-heatmap{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.heatmap-cell{background:var(--surface-container-low);border-radius:var(--radius-md);padding:var(--space-lg);border-left:3px solid hsl(var(--hue),60%,50%);transition:transform var(--transition-fast)}.heatmap-cell:hover{transform:translateY(-2px)}.heatmap-label{font-size:.8125rem;font-weight:500;color:var(--on-surface);margin-bottom:var(--space-xs)}.heatmap-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:hsl(var(--hue),60%,65%)}.heatmap-meta{font-family:var(--font-mono);font-size:.5625rem;color:var(--on-surface-dim);letter-spacing:.05em;margin-top:var(--space-xs)}.student-table{margin-top:var(--space-lg)}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 2fr;gap:var(--space-md);padding:var(--space-md) var(--space-lg);font-family:var(--font-mono);font-size:.625rem;color:var(--on-surface-dim);letter-spacing:.1em;text-transform:uppercase}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 2fr;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);transition:background var(--transition-fast);align-items:center}.table-row:hover{background:var(--surface-container-low)}.student-name{font-weight:500;color:var(--on-surface);font-size:.875rem}.weak-topics{color:var(--on-surface-dim);font-size:.6875rem}.approval-queue{padding:var(--space-2xl) var(--space-3xl);max-width:900px}.approval-header{margin-bottom:var(--space-2xl)}.approval-list{display:flex;flex-direction:column;gap:var(--space-md)}.approval-card{background:var(--surface-container-low);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;justify-content:space-between;align-items:center;border:1px solid var(--outline-variant);flex-wrap:wrap;gap:var(--space-lg);animation:fadeSlideIn .3s ease}.approval-user{display:flex;align-items:center;gap:var(--space-md)}.approval-avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover}.approval-avatar-placeholder{width:40px;height:40px;border-radius:var(--radius-full);background:var(--surface-container-highest)}.approval-actions{display:flex;align-items:center;gap:var(--space-sm)}.approval-classroom-select{background:var(--surface-container-lowest);color:var(--on-surface);border:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.75rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-2xl)}.modal-card{background:var(--surface-container-low);border-radius:var(--radius-xl);padding:var(--space-2xl);max-width:480px;width:100%;border:1px solid var(--outline-variant);box-shadow:var(--shadow-ambient)}.loading-state{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-3xl);color:var(--on-surface-dim);font-family:var(--font-mono);font-size:.8125rem}.empty-state{display:flex;align-items:center;justify-content:center;padding:var(--space-3xl);text-align:center}.error-state{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.teacher-dashboard,.classroom-view,.approval-queue{padding:var(--space-lg)}.teacher-header{flex-direction:column}.classrooms-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1.5fr 1fr 1fr}.table-header span:nth-child(4),.table-header span:nth-child(5),.table-row span:nth-child(4),.table-row .weak-topics{display:none}.approval-card{flex-direction:column;align-items:flex-start}.topic-heatmap{grid-template-columns:1fr}}.onboarding-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--surface);padding:var(--space-xl)}.onboarding-card{width:100%;max-width:580px;background:var(--surface-container);padding:var(--space-2xl);border-radius:var(--radius-2xl);border:1px solid var(--outline-variant);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.onboarding-header{text-align:center;margin-bottom:var(--space-2xl)}.onboarding-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary-container),var(--surface-container-highest));border-radius:24px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);box-shadow:0 8px 16px #0003}.onboarding-icon svg{filter:drop-shadow(0 0 4px var(--primary))}.role-selection{display:flex;flex-direction:column;gap:var(--space-lg);margin-top:var(--space-xl)}.role-btn{display:flex;align-items:center;gap:var(--space-xl);padding:var(--space-xl);background:var(--surface-container-high);border:1px solid var(--outline-variant);border-radius:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;width:100%;position:relative;overflow:hidden}.role-btn:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transform:translate(-100%);transition:transform .6s}.role-btn:hover:after{transform:translate(100%)}.role-btn:hover{background:var(--surface-container-highest);border-color:var(--primary);transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px #0000004d}.role-icon{font-size:2rem}.role-name{font-weight:600;color:var(--on-surface);font-size:1.125rem}.role-desc{font-size:.8125rem;color:var(--on-surface-variant);margin-top:2px}.search-step{margin-top:var(--space-xl)}.search-results{background:var(--surface-container-high);border-radius:var(--radius-md);margin-top:var(--space-sm);max-height:240px;overflow-y:auto;border:1px solid var(--outline-variant)}.search-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--outline-variant);cursor:pointer;transition:background var(--transition-fast)}.search-item:last-child{border-bottom:none}.search-item:hover{background:var(--surface-container-highest)}.inst-name{font-weight:500;color:var(--on-surface)}.inst-meta{font-size:.75rem;color:var(--on-surface-dim);font-family:var(--font-mono)}.details-form{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-xl)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.status-indicator{display:flex;align-items:center;gap:var(--space-sm);background:var(--surface-container-high);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);margin-top:var(--space-lg)}.status-dot{width:8px;height:8px;background:var(--tertiary);border-radius:50%;box-shadow:0 0 8px var(--tertiary)}@media (max-width: 600px){.form-row{grid-template-columns:1fr}.onboarding-card{padding:var(--space-xl)}}.analytics-page{animation:fadeInUp .4s ease}.analytics-tab{padding:var(--space-md) var(--space-xl);background:none;border:none;border-bottom:2px solid transparent;color:var(--on-surface-dim);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast)}.analytics-tab:hover{color:var(--on-surface)}.analytics-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.glass-panel{background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition-base)}.glass-panel:hover{border-color:var(--outline);box-shadow:var(--shadow-sm)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .glass-panel{background:#fffc;border-color:#00000014}[data-theme=light] .glass-panel:hover{background:#fffffff2;border-color:#0000001f}[data-theme=light] .glow-text{text-shadow:none}[data-theme=light] .login-card{background:#ffffffe6;border-color:#00000014}@media (max-width: 768px){.analytics-page{padding:var(--space-xl) var(--space-lg)!important}.analytics-page [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}}[data-theme=light] .sidebar{background:#fff;border-right-color:#00000014}[data-theme=light] .nav-item:hover{background:#f0f2f5}[data-theme=light] .nav-item.active{background:#eef2ff}[data-theme=light] .logo-icon{background:#f0f2f5;border-color:#0000000f}[data-theme=light] .chat-container,[data-theme=light] .chat-messages{background:var(--surface)}[data-theme=light] .chat-toolbar{background:var(--surface-container-lowest);border-top-color:#00000014}[data-theme=light] .chat-input-bar{background:#f0f2f5;border-color:#0000001a}[data-theme=light] .msg-ai{background:#f0f4ff;border-color:#1a56db1a}[data-theme=light] .msg-user{background:#1a56db;color:#fff}[data-theme=light] .quiz-card{box-shadow:0 12px 48px #0000000d;border:1px solid rgba(0,0,0,.08)}[data-theme=light] .quiz-problem{background:#f1f5f9;border:1px solid #e2e8f0}[data-theme=light] .quiz-problem .problem-label,[data-theme=light] .problem-label{color:#475569;font-weight:600}[data-theme=light] .quiz-problem .problem-text,[data-theme=light] .problem-text{color:#0f172a}[data-theme=light] .quiz-problem .problem-sigma{color:#475569}[data-theme=light] .quiz-options-label{color:#475569;font-weight:600}[data-theme=light] .quiz-meta-item{background:#f8fafc;color:#334155;border:1px solid #cbd5e1}[data-theme=light] .quiz-meta-item.difficulty{color:#0f172a}[data-theme=light] .quiz-meta-item.xp{background:#fef3c7;color:#b45309;border-color:#fcd34d}[data-theme=light] .quiz-meta-item.hint{background:#e0e7ff;color:#4f46e5;border:1px solid #c7d2fe}[data-theme=light] .quiz-meta-item.hint:hover{background:#c7d2fe;color:#4f46e5}[data-theme=light] .quiz-timer-widget{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}[data-theme=light] .quiz-session-stats{color:#475569;opacity:.9}[data-theme=light] .quiz-skip-btn{background:#f8fafc;border:1px dashed #cbd5e1;color:#475569}[data-theme=light] .quiz-skip-btn:hover{background:#f1f5f9;border-style:solid;border-color:#64748b;color:#0f172a}[data-theme=light] .quiz-option{background:#fff;border-color:#0000001a}[data-theme=light] .quiz-option:hover{background:#f8f9fc;border-color:var(--primary)}[data-theme=light] .quiz-option.correct{background:#ecfdf5;border-color:#059669}[data-theme=light] .quiz-option.incorrect{background:#fef2f2;border-color:#dc2626}[data-theme=light] .premium-chapter-card .card-inner{background:#fff;border-color:#0000000f}[data-theme=light] .premium-chapter-card:hover .card-inner{border-color:var(--primary);box-shadow:0 8px 24px #00000014}[data-theme=light] .hud-panel{background:#fff;border-color:#0000000f}[data-theme=light] .stat-card{background:#fff}[data-theme=light] .btn-secondary{background:#0000000a;color:var(--on-surface)}[data-theme=light] .btn-secondary:hover{background:#00000014}[data-theme=light] .btn-ghost:hover{background:#1a56db0f}[data-theme=light] .btn-icon:hover{background:#f0f2f5}[data-theme=light] .input,[data-theme=light] input[type=text],[data-theme=light] input[type=email],[data-theme=light] input[type=url],[data-theme=light] input[type=search],[data-theme=light] select,[data-theme=light] textarea{background:#fff;border-color:#0000001f;color:var(--on-surface)}[data-theme=light] .input:focus,[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1a56db1a}[data-theme=light] .badge{background:#f0f2f5;color:var(--on-surface-variant)}[data-theme=light] .mobile-header{background:#fffffff2;border-bottom-color:#0000000f}[data-theme=light] .bottom-nav{background:#fffffffa;border-top-color:#0000000f}[data-theme=light] ::-webkit-scrollbar-thumb{background:#00000026}[data-theme=light] ::-webkit-scrollbar-track{background:transparent}[data-theme=light] .history-palette{background:#fff;border-color:#0000001a}[data-theme=light] .skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%)}[data-theme=light] .table-row,[data-theme=light] tr{border-bottom-color:#0000000f!important}[data-theme=light] .graph-bar{background:var(--primary);opacity:.8}.modal-badge-unstarted{background:var(--surface-container-highest);color:var(--on-surface-variant);border:1px solid var(--outline-variant)}.modal-badge-solved{background:var(--tertiary-container);color:var(--tertiary);border:1px solid rgba(78,222,163,.3)}[data-theme=light] .modal-badge-solved{border-color:#05966933}.modal-badge-progress{background:#eab3081f;color:#fde047;border:1px solid rgba(234,179,8,.3)}[data-theme=light] .modal-badge-progress{background:#fef3c7;color:#b45309;border-color:#fcd34d}.question-option-card{padding:14px;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--outline-variant);background:var(--surface-container-low);transition:all var(--transition-fast) ease}.question-option-card:hover{background:var(--surface-container-high);border-color:var(--primary);transform:translateY(-1px)}.question-option-card.solved{border-color:#4edea34d;background:#4edea30a}[data-theme=light] .question-option-card.solved{border-color:#05966940;background:#0596690d}.question-option-card.solved:hover{background:#4edea314;border-color:var(--tertiary)}[data-theme=light] .question-option-card.solved:hover{background:#05966917;border-color:var(--tertiary)}.quiz-timer-container{display:flex;align-items:center;gap:.5rem}.quiz-timer-widget{display:flex;align-items:center;gap:.5rem;padding:.4rem .85rem;background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.2);border-radius:20px;font-family:Outfit,monospace;font-size:.85rem;font-weight:600;color:var(--primary);letter-spacing:.05em;box-shadow:0 0 10px rgba(var(--primary-rgb),.05);transition:all .3s ease}.quiz-timer-widget svg{animation:spin-slow 4s infinite linear}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quiz-session-progress{width:100%;height:4px;background:var(--surface-container-highest);border-radius:2px;margin:1rem 0;overflow:hidden}.quiz-session-progress-bar{height:100%;background:var(--primary);box-shadow:0 0 8px var(--primary);width:0%;transition:width .4s cubic-bezier(.4,0,.2,1)}.quiz-skip-btn{background:rgba(var(--primary-rgb),.05);border:1px dashed rgba(var(--primary-rgb),.3);color:var(--on-surface-variant);transition:all var(--transition-fast) ease}.quiz-skip-btn:hover{background:rgba(var(--primary-rgb),.1);border-style:solid;border-color:var(--primary);color:var(--primary)}.quiz-option.dont_know{border-color:#eab3084d;background:#eab3080a;color:#fbbf24}.quiz-summary-board{padding:var(--space-lg);background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:12px;animation:fadeIn .4s ease}.summary-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1rem 0}@media (max-width: 991px){.summary-stats-grid{grid-template-columns:repeat(2,1fr)}.summary-stats-grid .summary-stat-card:last-child{grid-column:span 2}}@media (max-width: 576px){.summary-stats-grid{grid-template-columns:1fr}.summary-stats-grid .summary-stat-card:last-child{grid-column:span 1}}.summary-stat-card{padding:.75rem 1rem;border-radius:10px;background:var(--surface-container-high);border:1px solid var(--outline-variant);text-align:center;transition:all .3s ease}.summary-stat-card:hover{transform:translateY(-2px);border-color:var(--primary)}.summary-stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;opacity:.6;margin-bottom:.25rem}.summary-stat-value{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700}.summary-questions-list{margin-top:.75rem;max-height:240px;overflow-y:auto;padding-right:.5rem}.summary-question-card{background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:8px;margin-bottom:.75rem;overflow:hidden;transition:all .2s ease}.summary-question-header{padding:1rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.summary-question-header:hover{background:var(--surface-container-high)}.summary-q-text{font-weight:500;font-size:.95rem;max-width:75%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-question-body{padding:1.25rem;border-top:1px solid var(--outline-variant);background:var(--surface-container-low)}.badge-status{padding:.25rem .6rem;font-size:.75rem;font-weight:600;border-radius:20px}.badge-status.correct{background:#4edea31f;color:var(--tertiary);border:1px solid rgba(78,222,163,.3)}.badge-status.incorrect{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.3)}.badge-status.skipped{background:#eab3081f;color:#fbbf24;border:1px solid rgba(234,179,8,.3)}.drawer-chevron{transition:transform .2s ease}.summary-question-card.active .drawer-chevron{transform:rotate(180deg)}.quiz-session-stats{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--on-surface-variant);opacity:.6;margin-bottom:1.5rem}@media (min-width: 992px){.active-quiz-container{max-width:1100px!important}.quiz-card{max-width:100%!important;width:100%!important}.quiz-two-column-layout{display:grid!important;grid-template-columns:1.15fr .85fr!important;gap:1.5rem!important;align-items:start!important;padding:1.5rem!important;background:linear-gradient(135deg,var(--surface-container-highest) 0%,rgba(20,24,30,.45) 100%)!important;box-shadow:0 24px 64px #00000073,0 0 32px #b4c5ff05!important;border:1px solid rgba(255,255,255,.06)!important}.quiz-left-panel{display:flex!important;flex-direction:column!important;gap:.75rem!important;min-width:0}.quiz-right-panel{display:flex!important;flex-direction:column!important;gap:.75rem!important;background:#ffffff05!important;border:1px solid rgba(255,255,255,.04)!important;border-radius:var(--radius-xl)!important;padding:1.25rem!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;box-shadow:inset 0 0 16px #ffffff03!important}.quiz-problem{padding:1rem 1.25rem!important;border:1px solid rgba(255,255,255,.04)!important;box-shadow:0 10px 30px #00000026!important}.quiz-timer-widget{background:#b4c5ff1f!important;border:1px solid rgba(180,197,255,.3)!important;padding:.5rem 1rem!important;border-radius:30px!important}}.quiz-option{position:relative;overflow:hidden;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.quiz-option:hover{background:#ffffff0a!important;border-color:#b4c5ff4d!important;transform:translateY(-2px) scale(1.01);box-shadow:0 8px 24px #0003,0 0 12px #b4c5ff0a}.quiz-option.selected{background:#b4c5ff14!important;border-color:var(--primary)!important;box-shadow:0 0 20px #b4c5ff26,inset 0 0 12px #b4c5ff0d!important}.quiz-option.correct{background:#4edea314!important;border-color:var(--tertiary)!important;box-shadow:0 0 20px #4edea326!important}.quiz-option.incorrect{background:#ef444414!important;border-color:var(--error)!important;box-shadow:0 0 20px #ef444426!important}@keyframes timerPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.03);opacity:.9}to{transform:scale(1);opacity:1}}.quiz-timer-widget{animation:timerPulse 2.5s infinite ease-in-out}@media (max-width: 768px){.app-layout{display:flex;flex-direction:column;margin-left:0!important;padding-left:0!important}.main-content{margin-left:0!important;padding-left:0!important;height:100dvh!important;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))!important;display:flex;flex-direction:column}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(60px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#0a0a0cf5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(224,226,234,.08);display:flex!important;justify-content:space-around;align-items:center;z-index:999}.chat-container{display:flex;flex-direction:column;height:calc(100dvh - 60px)!important;min-height:0;position:relative;overflow:hidden}.chat-messages{flex:1;min-height:0;overflow-y:auto;padding-bottom:2rem!important}.premium-chat .chat-toolbar{position:sticky;bottom:0;left:0;right:0;flex-shrink:0;padding:.75rem var(--space-md) calc(.75rem + env(safe-area-inset-bottom,0px)) var(--space-md)!important;background:#0a0a0cfa!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(224,226,234,.06);z-index:100}.chat-input-bar{min-height:48px;padding:.5rem .75rem!important}.scroll-bottom-btn{position:fixed!important;right:16px!important;bottom:calc(90px + env(safe-area-inset-bottom,0px))!important;width:44px!important;height:44px!important;z-index:99999!important;background:#141419eb!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);transition:all .3s ease!important}.scroll-bottom-btn.visible{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important}.quiz-two-column-layout{display:flex!important;flex-direction:column!important;gap:1.5rem!important;padding:1rem!important}.quiz-left-panel,.quiz-right-panel{width:100%!important;max-width:100%!important}.analytics-page{padding:1rem!important}.heatmap-grid{grid-template-columns:repeat(7,1fr)!important}}.calc-dropdown-container{grid-column:span 4;margin-bottom:12px}.calc-dropdown{position:relative;width:100%}.calc-dropdown-trigger{width:100%;height:42px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:0 16px;display:flex;justify-content:space-between;align-items:center;color:var(--primary, #60a5fa);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 0 12px #ffffff03}.calc-dropdown-trigger:hover{background:#ffffff14;border-color:var(--primary, #60a5fa);box-shadow:0 0 10px #60a5fa26}.calc-dropdown-trigger.active{background:#ffffff1a;border-color:var(--primary, #60a5fa)}.calc-dropdown-chevron{color:#6b7080;transition:transform .2s cubic-bezier(.4,0,.2,1)}.calc-dropdown-trigger.active .calc-dropdown-chevron{transform:rotate(180deg);color:var(--primary, #60a5fa)}.calc-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#11141a;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:6px;list-style:none;display:none;flex-direction:column;gap:4px;z-index:100;box-shadow:0 10px 30px #0009,inset 0 0 15px #ffffff05;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:calcDropdownIn .2s cubic-bezier(.16,1,.3,1)}.calc-dropdown-menu.open{display:flex}@keyframes calcDropdownIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.calc-dropdown-item{padding:10px 14px;border-radius:8px;font-size:.8rem;font-weight:550;color:#a4b0be;cursor:pointer;transition:all .15s ease;display:flex;align-items:center}.calc-dropdown-item:hover{background:#ffffff0a;color:#fff}.calc-dropdown-item.active{background:#60a5fa1f;color:var(--primary, #60a5fa);font-weight:600}.calc-functions-panel{grid-column:span 4;margin-bottom:12px}.calc-functions-panel .calc-group-content{padding:0;display:grid;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;max-height:none!important;overflow:visible!important;animation:calcGroupIn .25s cubic-bezier(.34,1.56,.64,1)!important}.calc-functions-panel .calc-btn{height:42px!important;font-size:.8rem!important;border-radius:10px!important;background:#ffffff08!important;border:1px solid rgba(255,255,255,.05)!important;color:#a4b0be!important}.calc-functions-panel .calc-btn:hover{background:#ffffff14!important;border-color:var(--primary, #60a5fa)!important;color:#fff!important}#main-content{min-height:0!important}.chapter-view-container{height:100%;min-height:0;display:flex;flex-direction:column}.chapter-view-container>.page-header{display:flex!important;margin-bottom:0!important;padding:8px 16px!important;min-height:48px!important;background:var(--surface-container-low);border-bottom:1px solid var(--outline-variant);border-top-left-radius:16px;border-top-right-radius:16px;align-items:center;justify-content:space-between}.chapter-view-container>.page-header .headline-lg{font-size:1.1rem!important;font-weight:700!important;margin:0!important}.chapter-view-container>.page-header .page-header-left{gap:var(--space-md)!important}.chapter-view-container>.page-header .status-bar{display:none!important}.chapter-view-container>.page-header .pill-tabs-wrapper{margin-top:0!important}.chapter-view-container .chapter-content-area{display:flex;flex-direction:column;flex:1;min-height:0;height:100%!important;box-sizing:border-box}.chapter-view-container .tab-container{min-height:0;height:100%!important;box-sizing:border-box}.chapter-view-container #study-tab-container,.chapter-view-container #constructions-tab-container,.chapter-view-container #cases-tab-container,.chapter-view-container #loader-tab-container{overflow-y:auto;padding:1.5rem 0}.chapter-view-container #chat-tab-container{display:flex;flex-direction:column;flex:1;overflow:hidden!important}.main-content.chat-mode-active{padding:0!important;overflow:hidden}.chatbot-page{position:relative;width:100%;max-width:100%;margin:0 auto;background:var(--surface);border-left:1px solid var(--outline-variant);border-right:1px solid var(--outline-variant);display:flex;flex-direction:column;flex:1;min-height:0;height:100%}.chatbot-page .chat-messages{width:100%;max-width:100%!important;margin:0 auto;padding:.75rem 1.25rem!important;gap:.75rem!important}.chatbot-page .chat-msg{padding:8px 12px!important;margin-bottom:.5rem!important;max-width:80%!important}.chatbot-page .chat-msg .msg-body{padding:8px 12px!important;border-radius:12px!important}.chatbot-page .chat-welcome-area{padding:1rem 1rem .5rem!important;display:flex;flex-direction:column;align-items:center;text-align:center}.chatbot-page .welcome-label{letter-spacing:.08em;font-size:.8rem!important}.chatbot-page .welcome-headline{margin-top:.25rem!important;margin-bottom:.75rem!important;font-size:1.25rem!important}.chatbot-page .quick-questions{margin-top:.25rem!important;margin-bottom:.75rem!important;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}.chatbot-page .quick-q-btn{padding:6px 12px!important;font-size:.8rem!important}.chatbot-page .welcome-subtext{max-width:500px;margin:.75rem auto 0!important;font-size:.75rem!important;line-height:1.4!important}.chatbot-page .chat-toolbar{position:relative!important;bottom:auto!important;z-index:20;padding:.5rem 1rem!important;background:var(--surface-container-low)}.chatbot-page .chat-toolbar-inner{max-width:100%!important}.chatbot-page .chat-input-bar{min-height:64px!important;border-radius:20px!important;padding:10px 14px!important;border:1.5px solid var(--outline-variant)!important;background:var(--surface-container-high)!important;transition:border-color .2s,box-shadow .2s;box-shadow:var(--shadow-sm)!important}.chatbot-page .chat-input-bar:focus-within{border-color:var(--primary)!important;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)!important}.chatbot-page #chat-input{font-family:var(--font-primary)!important;font-size:.95rem!important;line-height:1.4!important;color:var(--on-surface)!important;background:transparent!important;border:none!important;outline:none!important;resize:none!important;overflow-y:auto!important;height:36px;max-height:160px}.chatbot-page #chat-input::-webkit-scrollbar{width:6px}.chatbot-page #chat-input::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.chatbot-page .mode-select-pill{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;background:rgba(var(--primary-rgb),.08)!important;border:1px solid rgba(var(--primary-rgb),.15)!important;color:var(--primary)!important;font-size:.75rem!important;font-weight:600!important;cursor:pointer;font-family:var(--font-sans)!important;transition:all .2s}.chatbot-page .mode-select-pill:hover{background:rgba(var(--primary-rgb),.15)!important;border-color:rgba(var(--primary-rgb),.3)!important}.chatbot-page .mode-dropdown-menu{background:var(--surface-container-high)!important;border:1px solid var(--outline-variant)!important;border-radius:12px!important;box-shadow:var(--shadow-md)!important;min-width:220px;z-index:1000;flex-direction:column;padding:6px!important;gap:2px!important}.chatbot-page .mode-dropdown-item{text-align:left;padding:8px 12px!important;background:none!important;border:none!important;border-radius:8px!important;color:var(--on-surface)!important;font-size:.8rem!important;cursor:pointer;display:flex;flex-direction:column;gap:2px;transition:background .2s;width:100%}.chatbot-page .mode-dropdown-item:hover{background:#ffffff0d!important}.chatbot-page .mode-dropdown-item.active{background:rgba(var(--primary-rgb),.1)!important;color:var(--primary)!important}.chatbot-page .symbols-popover{background:var(--surface-container-high)!important;border:1px solid var(--outline-variant)!important;border-radius:12px!important;box-shadow:var(--shadow-md)!important;width:280px;z-index:1000;padding:12px!important}.chatbot-page .symbols-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px!important}.chatbot-page .symbols-grid .math-helper-btn{padding:6px!important;font-size:.8rem!important;border-radius:6px!important;background:var(--surface-container-low)!important;border:1px solid var(--outline-variant)!important;color:var(--on-surface)!important;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s}.chatbot-page .symbols-grid .math-helper-btn:hover{background:rgba(var(--primary-rgb),.1)!important;border-color:var(--primary)!important;color:var(--primary)!important}.history-drawer{display:flex;width:380px!important;flex-shrink:0;border-left:1px solid var(--outline-variant);background:var(--surface-container-low);flex-direction:column;transition:all .3s ease;height:100%}@media (max-width: 768px){.history-drawer{position:absolute!important;top:0;right:0;width:100%!important;height:100%;z-index:50;border-left:none;box-shadow:var(--shadow-lg)}}.chatbot-page .calc-modal-mount{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:30;overflow:hidden;pointer-events:none}.chatbot-page .calc-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:transparent;pointer-events:none;display:flex;align-items:flex-start;justify-content:flex-end;padding:1.5rem;box-sizing:border-box}.chatbot-page .calc-modal{width:270px!important;background:#11141a;border:1px solid rgba(255,255,255,.1);border-radius:16px!important;padding:.75rem!important;box-shadow:0 15px 40px #00000080;pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none;z-index:41}.chatbot-page .calc-header{margin-bottom:.75rem!important}.chatbot-page .calc-brand{font-size:.85rem!important}.chatbot-page .calc-display{padding:.75rem!important;margin-bottom:.75rem!important;min-height:70px!important}.chatbot-page .calc-expression{font-size:.95rem!important}.chatbot-page .calc-result{font-size:1.6rem!important}.chatbot-page .calc-grid,.chatbot-page .calc-row-main{gap:.4rem!important}.chatbot-page .calc-btn{height:36px!important;border-radius:8px!important;font-size:.8rem!important}.chatbot-page .calc-dropdown-container{margin-bottom:.4rem!important}.chatbot-page .calc-dropdown-trigger{padding:6px 10px!important;font-size:.75rem!important}.chatbot-page .calc-functions-panel .calc-btn{font-size:.75rem!important}.chatbot-page .scroll-bottom-btn{position:absolute;right:1.5rem;bottom:7rem}@media (max-width: 900px){.chatbot-page{border-left:0;border-right:0}.chatbot-page .chat-messages{padding:.5rem .75rem 1rem!important}.chatbot-page .chat-toolbar{padding:.5rem .75rem .75rem!important}}@media (max-width: 768px){.chatbot-page .chat-input-bar{min-height:56px!important;padding:8px 12px!important;border-radius:20px!important}.chatbot-page .calc-overlay{position:fixed!important;top:0;left:0;width:100vw!important;height:100vh!important;background:#0009!important;pointer-events:auto!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;padding:0!important;z-index:1000!important}.chatbot-page .calc-modal{width:100%!important;max-width:500px!important;border-radius:24px 24px 0 0!important;border-bottom:none!important;padding:1.25rem 1.25rem 2rem!important;margin-bottom:0!important;transform:none!important;box-shadow:0 -10px 30px #0000004d!important}}.quiz-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:quiz-spin .6s linear infinite;margin-right:8px;vertical-align:middle}@keyframes quiz-spin{to{transform:rotate(360deg)}}#route-loading-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary));z-index:99999;box-shadow:0 0 10px #b4c5ff80;transition:width .4s ease,opacity .3s ease;pointer-events:none;opacity:0}@keyframes pulse-shimmer{0%{background-position:0% 0%}to{background-position:400% 0%}}.skeleton-pulse{background:linear-gradient(-90deg,#ffffff05,#ffffff0f,#ffffff05);background-size:400% 400%;animation:pulse-shimmer 1.5s ease infinite;border-radius:6px}