@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600;700&display=swap";
:root{--color-bg-primary:#0f1117;--color-bg-secondary:#1a1d27;--color-bg-tertiary:#252836;--color-bg-elevated:#2d3142;--color-surface:#ffffff08;--color-surface-hover:#ffffff0f;--color-surface-active:#ffffff14;--color-border:#ffffff14;--color-border-strong:#ffffff26;--color-text-primary:#f8f9fa;--color-text-secondary:#a1a7b3;--color-text-muted:#6c717d;--color-accent:#6366f1;--color-accent-light:#818cf8;--color-accent-dark:#4f46e5;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--color-facility-easy:#22c55e;--color-facility-medium:#f59e0b;--color-facility-hard:#ef4444;--color-cog-conceptual:#8b5cf6;--color-cog-computational:#06b6d4;--color-cog-representation:#f97316;--color-cog-strategy:#ec4899;--color-strand-number:#6366f1;--color-strand-algebra:#8b5cf6;--color-strand-ratio:#06b6d4;--color-strand-geometry:#22c55e;--color-strand-measurement:#f59e0b;--color-strand-statistics:#ef4444;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;--shadow-glow:0 0 20px #6366f14d;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--sidebar-width:280px;--topnav-height:52px;--header-height:64px}[data-theme=light]{--color-bg-primary:#f8f9fc;--color-bg-secondary:#fff;--color-bg-tertiary:#f1f3f8;--color-bg-elevated:#fff;--color-surface:#00000008;--color-surface-hover:#0000000d;--color-surface-active:#00000014;--color-border:#0000001a;--color-border-strong:#0000002e;--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-muted:#9ca3af;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--shadow-glow:0 0 20px #6366f126}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-bg-primary);min-height:100vh}.app-layout{grid-template-columns:var(--sidebar-width)1fr;grid-template-rows:var(--topnav-height)1fr;min-height:100vh;display:grid}.app-layout.no-sidebar{grid-template-columns:1fr}.topnav{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);height:var(--topnav-height);z-index:50;grid-column:1/-1;position:sticky;top:0}.topnav-inner{height:100%;padding:0 var(--spacing-6);align-items:center;gap:var(--spacing-6);display:flex}.topnav-brand{align-items:center;gap:var(--spacing-2);color:var(--color-text-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);flex-shrink:0;text-decoration:none;display:flex}.topnav-logo-icon{font-size:1.2rem}.topnav-brand-text{white-space:nowrap}.topnav-tabs{gap:var(--spacing-1);margin-left:var(--spacing-8);display:flex}.topnav-tab{padding:var(--spacing-2)var(--spacing-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none;position:relative}.topnav-tab:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.topnav-tab.active{color:var(--color-accent);background:#6366f11a}.topnav-tab.active:after{content:"";background:var(--color-accent);border-radius:var(--radius-full);width:60%;height:2px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.topnav-right{align-items:center;gap:var(--spacing-3);margin-left:auto;display:flex}.topnav-theme-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:1rem;display:flex}.topnav-theme-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.topnav-toggle-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;padding:6px;display:none}.topnav-toggle-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.topnav-toggle-btn.controls{color:var(--color-accent-light)}.topnav-toggle-btn.menu{color:var(--color-text-secondary)}.topnav-toggle-icon{width:18px;height:18px;color:inherit;transition:all var(--transition-fast)}.mobile-drawer-overlay{z-index:90;opacity:0;transition:opacity var(--transition-normal);pointer-events:none;background:#00000080;display:none;position:fixed;inset:0}.mobile-drawer-overlay.visible{opacity:1;pointer-events:auto}.mobile-drawer{top:var(--topnav-height);background:var(--color-bg-secondary);border:1px solid var(--color-border);z-index:100;width:min(92vw,360px);transition:transform var(--transition-normal);flex-direction:column;align-items:stretch;display:none;position:fixed;bottom:0;overflow-y:auto}.mobile-menu-drawer{border-right:1px solid var(--color-border);left:0;transform:translate(-100%)}.mobile-controls-drawer{border-left:1px solid var(--color-border);right:0;transform:translate(100%)}.mobile-drawer.open{box-shadow:var(--shadow-lg);transform:translate(0)}.mobile-drawer-close{margin-left:auto;margin-right:var(--spacing-3);margin-top:var(--spacing-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;color:var(--color-text-secondary);z-index:2;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:1rem;display:flex;position:sticky;top:0}.mobile-drawer-close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.main-content{padding:var(--spacing-8);background:var(--color-bg-primary);max-height:calc(100vh - var(--topnav-height));max-height:calc(100dvh - var(--topnav-height));overflow-y:auto}.sidebar{background:var(--color-bg-secondary);border-right:1px solid var(--color-border);height:calc(100vh - var(--topnav-height));height:calc(100dvh - var(--topnav-height));top:var(--topnav-height);flex-direction:column;display:flex;position:sticky;overflow-y:auto}.sidebar-nav{padding:var(--spacing-4);flex:1;overflow-y:auto}.mobile-menu-content{padding:var(--spacing-4)}.mobile-menu-section{margin-bottom:var(--spacing-5)}.mobile-menu-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-1)var(--spacing-2);margin-bottom:var(--spacing-2)}.mobile-menu-link{padding:var(--spacing-2)var(--spacing-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid var(--color-border);background:var(--color-surface);text-decoration:none;display:block}.mobile-menu-link:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.mobile-menu-link.active{color:#fff;background:var(--color-accent);border-color:#0000}.mobile-menu-link-icon{margin-right:var(--spacing-2)}.mobile-controls-content{padding:0 var(--spacing-1)var(--spacing-4)}.mobile-controls-nav{padding-bottom:var(--spacing-1)}.mobile-controls-empty{padding:var(--spacing-4);color:var(--color-text-muted);font-size:var(--font-size-sm)}.nav-section{margin-bottom:var(--spacing-6)}.nav-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-2)var(--spacing-3);margin-bottom:var(--spacing-2)}.nav-link{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-4);color:var(--color-text-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);text-decoration:none;display:flex}.nav-link:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.nav-link.active{background:var(--color-accent);color:#fff}.nav-link-icon{opacity:.8;width:20px;height:20px}.page-header{margin-bottom:var(--spacing-8)}.page-header-row{justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);display:flex}.page-header-main{min-width:0}.page-header-actions{gap:var(--spacing-4);flex-wrap:wrap;display:flex}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.page-description{font-size:var(--font-size-base);color:var(--color-text-secondary)}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-6);transition:all var(--transition-fast)}.card:hover{border-color:var(--color-border-strong)}.card-header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.stats-grid{gap:var(--spacing-6);margin-bottom:var(--spacing-8);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.stat-card{background:linear-gradient(135deg,var(--color-bg-secondary),var(--color-bg-tertiary));border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-6);position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--stat-accent,var(--color-accent));height:3px;position:absolute;top:0;left:0;right:0}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-2);text-transform:uppercase;letter-spacing:.03em}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.stat-context{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-2)}.badge{padding:var(--spacing-1)var(--spacing-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-secondary);align-items:center;display:inline-flex}.badge-easy{color:var(--color-facility-easy);background:#22c55e26}.badge-medium{color:var(--color-facility-medium);background:#f59e0b26}.badge-hard{color:var(--color-facility-hard);background:#ef444426}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table th,.data-table td{padding:var(--spacing-3)var(--spacing-4);text-align:left;border-bottom:1px solid var(--color-border)}.data-table th{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;background:var(--color-bg-tertiary)}.data-table th:first-child{border-radius:var(--radius-md)0 0 0}.data-table th:last-child{border-radius:0 var(--radius-md)0 0}.data-table td{font-size:var(--font-size-sm);color:var(--color-text-primary)}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--color-surface-hover)}.table-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-scroll>.data-table{width:max-content;min-width:100%}.search-input{width:100%;padding:var(--spacing-3)var(--spacing-4);padding-left:var(--spacing-10);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:all var(--transition-fast)}.search-input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #6366f133}.search-input::placeholder{color:var(--color-text-muted)}.search-wrapper{position:relative}.search-icon{left:var(--spacing-4);color:var(--color-text-muted);width:16px;height:16px;position:absolute;top:50%;transform:translateY(-50%)}.toggle-group{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-1);display:inline-flex}.toggle-option{padding:var(--spacing-2)var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none}.toggle-option:hover{color:var(--color-text-primary)}.toggle-option.active{background:var(--color-accent);color:#fff}.chart-container{width:100%;height:400px;position:relative}.chart-placeholder{background:var(--color-surface);border-radius:var(--radius-md);width:100%;height:100%;color:var(--color-text-muted);font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}.heatmap-root{width:100%}.heatmap-controls{justify-content:space-between;align-items:flex-start;gap:var(--spacing-3);margin-bottom:var(--spacing-2);flex-wrap:wrap;display:flex}.heatmap-legend{gap:var(--spacing-4);font-size:var(--font-size-xs);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.heatmap-legend-item{align-items:center;gap:6px;display:inline-flex}.heatmap-legend-swatch{border-radius:3px;width:14px;height:14px;display:inline-block}.heatmap-legend-swatch.tested{background:#6366f14d}.heatmap-legend-swatch.untested{background:#ef44441f;border:1px dashed #ef444466}.heatmap-control-groups{align-items:center;gap:var(--spacing-2);flex-wrap:wrap;display:flex}.heatmap-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-3)}.heatmap-table-wrap{max-height:800px;overflow-y:auto}.heatmap-table{font-size:12px}.heatmap-table-head{z-index:10;background:var(--color-bg-secondary);position:sticky;top:0}.heatmap-col-code{width:80px;min-width:80px}.heatmap-col-topic{min-width:300px}.heatmap-col-year{text-align:center;width:60px}.heatmap-row-untested{background:#ef44440f}.heatmap-code-cell{border-left:4px solid #0000}.heatmap-code-text{font-family:monospace;font-weight:600}.heatmap-topic-cell{color:var(--color-text-secondary)}.heatmap-topic-line{align-items:center;gap:8px;display:flex}.heatmap-strand-line{color:var(--color-text-muted);margin-top:2px;font-size:10px}.heatmap-untested-pill{border-radius:var(--radius-sm);color:var(--color-danger);white-space:nowrap;background:#ef44441f;flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:600}.heatmap-year-cell{text-align:center;padding:4px;font-weight:600}.heatmap-year-cell.zero{color:var(--color-text-muted);opacity:.6;font-weight:500}.heatmap-compact-list{gap:var(--spacing-3);display:grid}.heatmap-compact-card{border:1px solid var(--color-border);background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-3)}.heatmap-compact-card.untested{background:#ef44440f;border-color:#ef444440}.heatmap-compact-header{justify-content:space-between;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);display:flex}.heatmap-compact-code{padding-left:var(--spacing-2);border-left:4px solid #0000;font-family:monospace;font-weight:600}.heatmap-compact-topic{font-size:var(--font-size-sm);color:var(--color-text-primary)}.heatmap-compact-strand{color:var(--color-text-muted);margin-top:2px;font-size:10px}.heatmap-compact-years{margin-top:var(--spacing-3);grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:6px;display:grid}.heatmap-compact-year{border:1px solid var(--color-border);border-radius:var(--radius-sm);text-align:center;background:var(--color-bg-secondary);padding:6px}.heatmap-compact-year.zero{opacity:.8}.heatmap-compact-year-label{color:var(--color-text-muted);margin-bottom:2px;font-size:10px;display:block}.heatmap-compact-year-value{font-size:var(--font-size-sm);font-weight:600;display:block}.filter-panel{padding:var(--spacing-4);border-top:1px solid var(--color-border)}.filter-panel-mobile{border-top:none}.filter-group{margin-bottom:var(--spacing-4)}.filter-header{justify-content:space-between;align-items:center;display:flex}.filter-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);margin-bottom:var(--spacing-2);display:block}.filter-reset-btn{color:var(--color-accent);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:2px 6px;font-size:11px}.filter-reset-btn:hover{background:var(--color-surface)}.filter-select{width:100%;padding:var(--spacing-2)var(--spacing-3);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer}.filter-checkbox-group{gap:var(--spacing-2);flex-direction:column;display:flex}.filter-checkbox{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;display:flex}.filter-checkbox input{accent-color:var(--color-accent)}.filter-difficulty.easy{color:var(--color-success)}.filter-difficulty.medium{color:var(--color-warning)}.filter-difficulty.hard{color:var(--color-danger)}.filter-difficulty.inactive{color:var(--color-text-muted)}.filter-active-indicator{margin-top:var(--spacing-3);padding:var(--spacing-2);background:var(--color-accent-subtle,#6366f11a);border-radius:var(--radius-sm);color:var(--color-accent);font-size:11px}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.grid-2{gap:var(--spacing-6);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--spacing-6);grid-template-columns:repeat(3,1fr);display:grid}.difficulty-quadrant-grid{gap:var(--spacing-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.paper-analysis-split{gap:var(--spacing-6);grid-template-columns:minmax(0,2fr) minmax(0,1fr);display:grid}.mt-4{margin-top:var(--spacing-4)}.mt-8{margin-top:var(--spacing-8)}.mb-4{margin-bottom:var(--spacing-4)}.mb-8{margin-bottom:var(--spacing-8)}@media (max-width:1024px){.app-layout{grid-template-columns:1fr}.topnav-tabs{display:none}.topnav-toggle-btn{display:flex}.topnav-inner{padding:0 var(--spacing-4);gap:var(--spacing-3)}.sidebar{display:none}.mobile-drawer{display:flex}.mobile-drawer-overlay{display:block}.grid-2,.grid-3,.difficulty-quadrant-grid,.paper-analysis-split{grid-template-columns:1fr}.difficulty-quadrant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.main-content{padding:var(--spacing-4)}.page-title{font-size:var(--font-size-2xl)}.page-description{font-size:var(--font-size-sm)}.page-header-row{flex-direction:column;align-items:stretch}.page-header-actions{justify-content:flex-start;width:100%}.stats-grid{gap:var(--spacing-4);grid-template-columns:repeat(2,1fr)}.stat-value{font-size:var(--font-size-2xl)}.chart-container{height:300px}.card{padding:var(--spacing-4)}.card-header{align-items:flex-start;gap:var(--spacing-2);flex-direction:column}.heatmap-controls{flex-direction:column;align-items:stretch}.heatmap-control-groups,.heatmap-control-groups .toggle-group{width:100%}.heatmap-control-groups .toggle-option{text-align:center;flex:1;min-width:0}.data-table th,.data-table td{padding:var(--spacing-2)var(--spacing-3)}.sats-question{padding:var(--spacing-4)}.sats-q-text{font-size:1.2rem}.sats-info-tags{margin-top:var(--spacing-2);position:static}.compact-question{flex-wrap:wrap}.compact-q-text{font-size:1rem}}@media (max-width:480px){.main-content{padding:var(--spacing-3)}.page-header{margin-bottom:var(--spacing-4)}.page-title{font-size:var(--font-size-xl)}.stats-grid{grid-template-columns:1fr}.stat-card{padding:var(--spacing-4)}.stat-value{font-size:var(--font-size-xl)}.chart-container{height:250px}.card{padding:var(--spacing-3)}.topnav-brand-text{font-size:var(--font-size-base)}.difficulty-quadrant-grid{grid-template-columns:1fr}.toggle-group{flex-wrap:wrap}.toggle-option{text-align:center;flex:1;min-width:0}}:root{--color-text:var(--color-text-primary);--color-background:var(--color-bg-primary);--color-card:var(--color-bg-secondary);--color-accent-hover:var(--color-accent-dark)}.arith-sidebar{padding:var(--spacing-4)}.arith-sidebar-section{margin-bottom:var(--spacing-4)}.arith-sidebar-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;margin-bottom:0;display:block}.arith-sidebar-sublabel{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-3);margin-bottom:var(--spacing-1);display:block}.arith-section-toggle{align-items:center;gap:var(--spacing-2);cursor:pointer;width:100%;color:inherit;margin-bottom:var(--spacing-1);background:0 0;border:none;padding:0;display:flex}.arith-section-body{padding-left:var(--spacing-1)}.freq-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.freq-dot.freq-always{background:#a855f7}.freq-dot.freq-often{background:#22c55e}.freq-dot.freq-sometimes{background:#f59e0b}.freq-legend{gap:var(--spacing-3);margin-top:var(--spacing-2);color:var(--color-text-muted);font-size:10px;display:flex}.freq-legend-item{align-items:center;gap:4px;display:flex}.arith-generate-btn{width:100%;padding:var(--spacing-3)var(--spacing-4);background:var(--color-accent);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--spacing-2);border:none;display:flex}.arith-generate-btn:hover{background:var(--color-accent-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.arith-pill-group{gap:var(--spacing-1);flex-wrap:wrap;display:flex}.arith-pill-group.full-width{grid-template-columns:1fr 1fr;display:grid}.arith-pill{padding:var(--spacing-1)var(--spacing-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-align:center}.arith-pill:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.arith-pill.active{color:var(--color-accent-light);border-color:var(--color-accent);background:#6366f126}.arith-toggle-list{gap:var(--spacing-2);flex-direction:column;display:flex}.arith-toggle-item{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;display:flex}.arith-toggle-item input{accent-color:var(--color-accent)}.arith-print-btn{width:100%;padding:var(--spacing-2)var(--spacing-4);background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.arith-print-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.arith-sidebar-divider{background:var(--color-border);height:1px;margin:var(--spacing-4)0}.arith-types-header{justify-content:space-between;align-items:center;display:flex}.arith-types-count{font-size:var(--font-size-xs);color:var(--color-accent)}.arith-types-actions{gap:var(--spacing-2);margin-bottom:var(--spacing-3);align-items:center;display:flex}.arith-link-btn{color:var(--color-accent);font-size:var(--font-size-xs);cursor:pointer;background:0 0;border:none;padding:0}.arith-link-btn:hover{text-decoration:underline}.arith-types-sep{color:var(--color-text-muted);font-size:var(--font-size-xs)}.arith-categories{gap:var(--spacing-2);flex-direction:column;display:flex}.arith-category{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.arith-category-header{width:100%;padding:var(--spacing-2)var(--spacing-3);background:var(--color-surface);transition:background var(--transition-fast);border:none;justify-content:space-between;align-items:center;display:flex}.arith-category-header:hover{background:var(--color-surface-hover)}.arith-category-toggle{align-items:center;gap:var(--spacing-2);cursor:pointer;color:inherit;background:0 0;border:none;padding:0;display:flex}.arith-chevron{color:var(--color-text-muted);transition:transform var(--transition-fast);font-size:10px;display:inline-block}.arith-chevron.expanded{transform:rotate(90deg)}.arith-category-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.arith-category-right{align-items:center;gap:var(--spacing-2);display:flex}.arith-category-badge{border-radius:var(--radius-full);background:var(--color-surface-hover);color:var(--color-text-muted);padding:1px 6px;font-size:10px}.arith-category-badge.all{color:var(--color-success);background:#22c55e26}.arith-category-check{cursor:pointer;width:14px;height:14px;accent-color:var(--color-accent)}.arith-category-types{padding:var(--spacing-1)var(--spacing-3)var(--spacing-2);flex-direction:column;display:flex}.arith-type-row{justify-content:space-between;align-items:center;padding:3px 0;display:flex;position:relative}.arith-type-label{align-items:center;gap:var(--spacing-2);cursor:pointer;flex:1;min-width:0;display:flex}.arith-type-label input{accent-color:var(--color-accent);flex-shrink:0}.arith-type-label span{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.arith-type-label span.selected{color:var(--color-text-secondary)}.arith-type-actions{align-items:center;gap:var(--spacing-1);flex-shrink:0;display:flex}.arith-type-facility{font-size:10px;font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);padding:0 4px}.arith-type-facility.easy{color:var(--color-success)}.arith-type-facility.medium{color:var(--color-warning)}.arith-type-facility.hard{color:var(--color-danger)}.arith-boost-btn{cursor:pointer;opacity:.3;transition:all var(--transition-fast);background:0 0;border:none;padding:0 2px;font-size:11px}.arith-boost-btn:hover{opacity:.7}.arith-boost-btn.active{opacity:1;filter:drop-shadow(0 0 4px #f59e0b80)}.arith-tooltip{z-index:200;background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--spacing-4);width:260px;box-shadow:var(--shadow-lg);pointer-events:none;position:fixed}.arith-tooltip-row.muted{color:var(--color-text-muted);font-style:italic;font-size:var(--font-size-xs)}.arith-type-facility.none{color:var(--color-text-muted);opacity:.4}.arith-tooltip-code{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-accent);margin-bottom:var(--spacing-1)}.arith-tooltip-desc{font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-normal)}.arith-tooltip-divider{background:var(--color-border);height:1px;margin:var(--spacing-3)0}.arith-tooltip-row{font-size:var(--font-size-xs);justify-content:space-between;align-items:center;padding:2px 0;display:flex}.arith-tooltip-row span:first-child{color:var(--color-text-muted)}.arith-tooltip-row span:last-child{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.compact-question{align-items:baseline;gap:var(--spacing-3);padding:var(--spacing-3)0;border-bottom:1px solid var(--color-border);display:flex}.compact-question:last-child{border-bottom:none}.compact-q-text{color:var(--color-text-primary);font-size:1.2rem}.compact-q-number{font-size:var(--font-size-sm);color:var(--color-text-muted);background:var(--color-surface);border-radius:var(--radius-sm);text-align:center;flex-shrink:0;min-width:2rem;padding:4px 8px;font-weight:700}.compact-answer-inline{color:#ef4444;white-space:nowrap;font-size:1.2rem;font-weight:700}.compact-info-tags{flex-wrap:wrap;gap:4px;margin-top:0;display:flex}.compact-tag{border-radius:var(--radius-sm);padding:1px 6px;font-size:10px;font-weight:500}.compact-tag.tag-year{color:var(--color-accent);background:#6366f126}.compact-tag.tag-freq-always{color:#a855f7;background:#a855f726}.compact-tag.tag-freq-often{color:var(--color-success);background:#22c55e26}.compact-tag.tag-freq-sometimes{color:var(--color-warning);background:#f59e0b26}.compact-tag.tag-code{background:var(--color-surface);color:var(--color-text-muted)}.compact-marks{font-size:var(--font-size-xs);color:var(--color-text-muted);flex-shrink:0}.sats-paper{color:#1a1a1a;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#fff;overflow:hidden}.sats-question{padding:var(--spacing-6)var(--spacing-8);border-bottom:1px solid #e5e7eb;position:relative}.sats-question:last-child{border-bottom:none}.sats-q-number{top:var(--spacing-6);left:var(--spacing-4);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#374151;position:absolute}.sats-q-body{margin-left:var(--spacing-10)}.sats-q-text{color:#111827;margin-bottom:var(--spacing-4);font-family:Lexend,Inter,sans-serif;font-size:1.5rem}.sats-q-text sup{vertical-align:super;font-size:.75em;line-height:0}.sats-info-tags{top:var(--spacing-4);right:var(--spacing-4);gap:4px;display:flex;position:absolute}.tag-facility-easy{color:#16a34a!important;background:#22c55e26!important}.tag-facility-medium{color:#d97706!important;background:#f59e0b26!important}.tag-facility-hard{color:#dc2626!important;background:#ef444426!important}.sats-working-grid{background-color:#fff;background-image:linear-gradient(#d1d5db 1px,#0000 1px),linear-gradient(90deg,#d1d5db 1px,#0000 1px);background-size:37.8px 37.8px;border:1px solid #9ca3af;border-radius:4px;width:100%;height:200px;position:relative}.sats-answer-box{min-width:100px;height:44px;font-family:Lexend,Inter,sans-serif;font-weight:var(--font-weight-bold);color:#dc2626;background:#eff6ffcc;border:2px solid #2563eb;border-radius:2px;justify-content:center;align-items:center;padding:0 12px;font-size:1.1rem;display:flex;position:absolute;bottom:8px;right:8px}.sats-marks{text-align:right;padding:var(--spacing-2)var(--spacing-8);font-size:var(--font-size-sm);color:#6b7280;border-top:1px dashed #e5e7eb}.sats-question .frac-line{background-color:#111827}.sats-question .frac-stack{color:#111827}.sats-question .missing-box{background:#f9fafb;border-color:#6b7280}.question-font{font-family:Lexend,Inter,sans-serif}.working-grid{background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:20px 20px}[data-theme=light] .working-grid{background-image:linear-gradient(#00000012 1px,#0000 1px),linear-gradient(90deg,#00000012 1px,#0000 1px)}.sats-input-box{border:2px solid var(--color-accent);background-color:var(--color-bg-tertiary);color:#ef4444;border-radius:2px;justify-content:center;align-items:center;min-width:6rem;height:2.5rem;padding:0 .5rem;font-family:Lexend,sans-serif;font-size:1.1rem;font-weight:700;display:flex}.missing-box{border:2px solid var(--color-text-muted);background:var(--color-surface);vertical-align:middle;border-radius:2px;width:2rem;height:2rem;display:inline-block}.frac-stack{vertical-align:middle;flex-direction:column;align-items:center;margin:0 .15em;line-height:1.2;display:inline-flex}.frac-line{background-color:currentColor;width:100%;height:2px;margin:2px 0}.mixed-wrapper{align-items:center;gap:3px;display:inline-flex}.whole-num{font-size:1.1em;line-height:1}.question-card{break-inside:avoid;page-break-inside:avoid}.reasoning-q-text{font-family:Lexend,Inter,sans-serif;line-height:1.6}.reasoning-answer{font-size:var(--font-size-sm);color:#ef4444}.reasoning-seed-tag{cursor:pointer;letter-spacing:.02em;transition:all var(--transition-fast);font-family:SF Mono,Fira Code,monospace;font-size:9px!important}.reasoning-seed-tag:hover{color:var(--color-accent)!important;background:#6366f133!important}.reasoning-kernel-values{margin:var(--spacing-2)0;padding:var(--spacing-2);border-radius:var(--radius-sm);background:#00000008;flex-wrap:wrap;gap:4px;display:flex}[data-theme=dark] .reasoning-kernel-values{background:#ffffff08}.reasoning-context-list{gap:var(--spacing-1);flex-direction:column;display:flex}.reasoning-context-list label{font-size:var(--font-size-xs)}.about-page{max-width:900px;padding:var(--spacing-6)var(--spacing-4);margin:0 auto}.about-hero{text-align:center;padding:var(--spacing-12)var(--spacing-4)var(--spacing-8);margin-bottom:var(--spacing-8);border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border);position:relative;overflow:hidden}.about-hero-content{z-index:1;position:relative}.about-hero-glow{pointer-events:none;background:radial-gradient(#6366f126 0%,#a855f714 40%,#0000 70%);width:500px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme=light] .about-hero-glow{background:radial-gradient(#6366f11a 0%,#a855f70d 40%,#0000 70%)}.about-title{letter-spacing:.02em;color:var(--color-text-primary);margin-bottom:var(--spacing-3);font-size:3.5rem;line-height:1.1}.about-subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);max-width:500px;line-height:var(--line-height-relaxed);margin:0 auto}.about-section{margin-bottom:var(--spacing-10)}.about-section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);position:relative}.about-section-title:after{content:"";background:linear-gradient(90deg,var(--color-accent),#a855f7);border-radius:2px;width:60px;height:3px;position:absolute;bottom:0;left:0}.about-section-text{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4);max-width:700px}.about-section-text strong{color:var(--color-text-primary)}.about-section-text em{color:var(--color-accent-light)}.about-section-text code{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-accent);padding:2px 6px;font-family:SF Mono,Fira Code,monospace;font-size:.85em}.about-features{gap:var(--spacing-4);margin-top:var(--spacing-6);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:640px){.about-features{grid-template-columns:1fr}}.about-feature-card{padding:var(--spacing-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.about-feature-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 8px 24px #6366f11a}.about-feature-icon{margin-bottom:var(--spacing-3);font-size:2rem;display:block}.about-feature-card h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.about-feature-card p{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.about-architecture{gap:var(--spacing-4);margin-top:var(--spacing-6);flex-direction:column;display:flex}.about-arch-layer{gap:var(--spacing-4);padding:var(--spacing-4)var(--spacing-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast);align-items:flex-start;display:flex}.about-arch-layer:hover{border-color:var(--color-accent)}.about-arch-number{background:linear-gradient(135deg,var(--color-accent),#a855f7);color:#fff;width:36px;min-width:36px;height:36px;font-weight:var(--font-weight-bold);font-size:var(--font-size-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.about-arch-layer h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.about-arch-layer p{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.about-vision-grid{gap:var(--spacing-4);margin-top:var(--spacing-6);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:640px){.about-vision-grid{grid-template-columns:1fr}}.about-vision-card{padding:var(--spacing-5);background:linear-gradient(135deg,var(--color-surface)0%,#6366f10a 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.about-vision-card:hover{border-color:#a855f766;transform:translateY(-2px);box-shadow:0 8px 24px #a855f714}.about-vision-emoji{margin-bottom:var(--spacing-2);font-size:1.75rem;display:block}.about-vision-card h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.about-vision-card p{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.about-footer{text-align:center;padding:var(--spacing-8)0;margin-top:var(--spacing-8);border-top:1px solid var(--color-border)}.about-footer-sub{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-2)}@media print{@page{size:A4;margin:1cm}body,html{color:#000!important;background-color:#fff!important;height:auto!important;overflow:visible!important}.sidebar,.topnav,.no-print,[class*=print\:hidden]{display:none!important}.app-layout{grid-template-rows:auto!important;grid-template-columns:1fr!important;display:block!important}.main-content{height:auto!important;max-height:none!important;padding:0!important;overflow:visible!important}.compact-question{break-inside:avoid!important;page-break-inside:avoid!important}.compact-grid{display:block!important}.question-card{color:#000!important;break-inside:avoid!important;page-break-inside:avoid!important;background:#fff!important;border:1px solid #ccc!important;margin-bottom:1rem!important}.question-card.sats-view{border-bottom:2px dashed #999!important;border-radius:0!important;height:13cm!important;min-height:13cm!important;max-height:13cm!important;margin:0!important}.question-card.sats-view:nth-child(2n){break-after:page;page-break-after:always;border-bottom:none!important}.working-grid{-webkit-print-color-adjust:exact;print-color-adjust:exact;background-image:linear-gradient(#e5e7eb 1px,#0000 1px),linear-gradient(90deg,#e5e7eb 1px,#0000 1px)!important}.sats-input-box{-webkit-print-color-adjust:exact;print-color-adjust:exact;background-color:#f0f9ff!important;border-color:#2563eb!important}.frac-line{background-color:#000!important}}.landing-page{background:var(--color-bg-primary);min-height:100vh;color:var(--color-text-primary);opacity:0;transition:opacity .5s}.landing-page.landing-loaded{opacity:1}.landing-nav{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);background:#0f1117cc;height:56px;position:fixed;top:0;left:0;right:0}[data-theme=light] .landing-nav{background:#f8f9fcd9}.landing-nav-inner{max-width:1200px;padding:0 var(--spacing-6);justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}.landing-nav-leading{align-items:center;gap:var(--spacing-2);display:flex}.landing-nav-desktop{align-items:center;display:flex}.landing-brand{align-items:center;gap:var(--spacing-2);color:var(--color-text-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);text-decoration:none;display:flex}.landing-brand-icon{font-size:1.2rem}.landing-nav-links{align-items:center;gap:var(--spacing-1);display:flex}.landing-nav-link{padding:var(--spacing-2)var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none}.landing-nav-link:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.landing-theme-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);margin-left:var(--spacing-3);justify-content:center;align-items:center;font-size:1rem;display:flex}.landing-theme-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.landing-nav-mobile-controls{align-items:center;gap:var(--spacing-2);display:none}.landing-menu-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:none}.landing-menu-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.landing-menu-btn span{background:var(--color-text-secondary);width:14px;height:2px;transition:all var(--transition-fast);border-radius:1px;display:block}.landing-menu-btn.open span:first-child{transform:translateY(6px)rotate(45deg)}.landing-menu-btn.open span:nth-child(2){opacity:0}.landing-menu-btn.open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.landing-nav-overlay{opacity:0;pointer-events:none;transition:opacity var(--transition-normal);z-index:98;background:#00000073;border:none;position:fixed;inset:56px 0 0}.landing-nav-overlay.visible{opacity:1;pointer-events:auto}.landing-mobile-menu{padding:var(--spacing-3);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);opacity:0;pointer-events:none;transition:opacity var(--transition-normal),transform var(--transition-normal);z-index:99;gap:var(--spacing-2);display:grid;position:fixed;top:56px;left:0;right:0;transform:translateY(-8px)}.landing-mobile-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.landing-mobile-link{padding:var(--spacing-3)var(--spacing-3);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);border:1px solid var(--color-border);background:var(--color-surface);text-decoration:none;display:block}.landing-mobile-link:hover{background:var(--color-surface-hover)}.landing-hero{min-height:85vh;padding:8rem var(--spacing-6)4rem;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.landing-hero-glow{pointer-events:none;background:radial-gradient(circle,#6366f133 0%,#6366f114 40%,#0000 70%);border-radius:50%;width:700px;height:700px;animation:6s ease-in-out infinite landing-glow-pulse;position:absolute;top:10%;left:50%;transform:translate(-50%)}[data-theme=light] .landing-hero-glow{background:radial-gradient(circle,#6366f11f 0%,#6366f10a 40%,#0000 70%)}@keyframes landing-glow-pulse{0%,to{opacity:.8;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.1)}}.landing-hero-content{z-index:1;text-align:center;max-width:720px;position:relative}.landing-hero-title{font-size:clamp(3rem,8vw,5.5rem);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-4);letter-spacing:-.02em;line-height:1.1}.landing-hero-tagline{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:var(--font-weight-semibold);color:var(--color-accent-light);margin-bottom:var(--spacing-6);line-height:var(--line-height-tight)}.landing-hero-sub{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:580px;margin:0 auto var(--spacing-10)}.landing-hero-ctas{gap:var(--spacing-4);flex-wrap:wrap;justify-content:center;display:flex}.landing-cta{padding:var(--spacing-3)var(--spacing-8);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);border:none;align-items:center;text-decoration:none;display:inline-flex}.landing-cta-primary{background:var(--color-accent);color:#fff;box-shadow:0 4px 14px #6366f159}.landing-cta-primary:hover{background:var(--color-accent-dark);transform:translateY(-1px);box-shadow:0 6px 20px #6366f173}.landing-cta-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border-strong)}.landing-cta-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-accent);color:var(--color-accent-light)}.landing-stats-strip{z-index:2;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);max-width:1000px;padding:var(--spacing-6)var(--spacing-4);box-shadow:var(--shadow-lg);grid-template-columns:repeat(4,1fr);margin:-2rem auto 0;display:grid;position:relative}.landing-stat{align-items:center;gap:var(--spacing-1);padding:var(--spacing-2)0;flex-direction:column;display:flex}.landing-stat:not(:last-child){border-right:1px solid var(--color-border)}.landing-stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.landing-stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.landing-section{padding:5rem var(--spacing-6)}.landing-section-alt{background:var(--color-bg-secondary)}.landing-section-inner{max-width:1100px;margin:0 auto}.landing-section-header{align-items:flex-start;gap:var(--spacing-5);margin-bottom:2.5rem;display:flex}.landing-section-icon{flex-shrink:0;margin-top:.15rem;font-size:2.5rem}.landing-section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.landing-section-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:640px}.landing-section-cta-row{text-align:center;margin-top:2.5rem}.landing-preview-grid{gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.landing-preview-card{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-5);gap:var(--spacing-3);transition:all var(--transition-normal);flex-direction:column;display:flex;position:relative;overflow:hidden}.landing-preview-card:before{content:"";background:linear-gradient(90deg,var(--color-accent),var(--color-accent-light));opacity:0;height:2px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.landing-preview-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.landing-preview-card:hover:before{opacity:1}.landing-preview-q-number{background:var(--color-accent);color:#fff;border-radius:var(--radius-full);width:28px;height:28px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.landing-preview-q-body{align-items:baseline;gap:var(--spacing-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);font-family:"Lexend",var(--font-family);flex-wrap:wrap;display:flex}.landing-preview-q-text{line-height:1.6}.landing-preview-answer{color:var(--color-success);font-weight:var(--font-weight-semibold);white-space:nowrap}.landing-preview-tags{gap:var(--spacing-1);flex-wrap:wrap;margin-top:auto;display:flex}.landing-tag{font-size:11px;font-weight:var(--font-weight-medium);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-muted);align-items:center;padding:2px 8px;display:inline-flex}.landing-tag-code{color:var(--color-accent-light);background:#6366f11f}.landing-tag-seed{cursor:default;font-variant-numeric:tabular-nums}.landing-reasoning-grid{gap:var(--spacing-5);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.landing-reasoning-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-6);gap:var(--spacing-4);transition:all var(--transition-normal);flex-direction:column;display:flex}[data-theme=light] .landing-reasoning-card{background:var(--color-bg-elevated)}.landing-reasoning-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.landing-reasoning-q-number{color:#fff;border-radius:var(--radius-full);width:28px;height:28px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);background:#8b5cf6;flex-shrink:0;justify-content:center;align-items:center;display:flex}.landing-reasoning-body{flex:1}.landing-reasoning-text{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.landing-reasoning-answer{font-size:var(--font-size-sm);color:var(--color-success)}.landing-reasoning-answer strong{font-weight:var(--font-weight-bold)}.landing-dashboard-preview{gap:var(--spacing-4);grid-template-columns:repeat(4,1fr);margin-bottom:2.5rem;display:grid}.landing-dash-card{background:linear-gradient(135deg,var(--color-bg-secondary),var(--color-bg-tertiary));border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-5);transition:all var(--transition-normal);position:relative;overflow:hidden}[data-theme=light] .landing-dash-card{background:linear-gradient(135deg,#fff,var(--color-bg-tertiary))}.landing-dash-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.landing-dash-card-accent{height:3px;position:absolute;top:0;left:0;right:0}.landing-dash-card-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:var(--spacing-2)}.landing-dash-card-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.landing-dash-card-context{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-2)}.landing-dashboard-features{gap:var(--spacing-5);grid-template-columns:repeat(3,1fr);display:grid}.landing-dash-feature{padding:var(--spacing-5);background:var(--color-surface);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.landing-dash-feature:hover{background:var(--color-surface-hover)}.landing-dash-feature-icon{margin-bottom:var(--spacing-3);font-size:1.5rem;display:block}.landing-dash-feature h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.landing-dash-feature p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.landing-arch-layers{flex-direction:column;gap:0;max-width:700px;margin:0 auto;display:flex}.landing-arch-layer{gap:var(--spacing-5);padding:var(--spacing-6);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-normal);display:flex}[data-theme=light] .landing-arch-layer{background:var(--color-bg-elevated)}.landing-arch-layer:hover{border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.landing-arch-number{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));color:#fff;border-radius:var(--radius-full);width:40px;height:40px;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.landing-arch-layer h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.landing-arch-layer p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.landing-arch-layer code{font-size:var(--font-size-xs);background:var(--color-surface);border-radius:var(--radius-sm);color:var(--color-accent-light);padding:1px 6px}.landing-arch-connector{text-align:center;color:var(--color-text-muted);padding:var(--spacing-2)0;font-size:1.5rem}.landing-footer{padding:4rem var(--spacing-6);border-top:1px solid var(--color-border);background:var(--color-bg-primary);text-align:center}.landing-footer-inner{max-width:600px;margin:0 auto}.landing-footer-brand{color:var(--color-text-primary);margin-bottom:var(--spacing-2);font-size:1.5rem}.landing-footer-sub{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-6)}.landing-footer-links{justify-content:center;gap:var(--spacing-6);display:flex}.landing-footer-links a{font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:color var(--transition-fast);text-decoration:none}.landing-footer-links a:hover{color:var(--color-accent-light)}@media (max-width:768px){.landing-hero{min-height:70vh;padding:6rem var(--spacing-4)3rem}.landing-stats-strip{margin:-1rem var(--spacing-4)0;grid-template-columns:repeat(2,1fr)}.landing-stat:first-child,.landing-stat:nth-child(2){border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-4)}.landing-stat:nth-child(2){border-right:none}.landing-stat:nth-child(3),.landing-stat:nth-child(4){padding-top:var(--spacing-4)}.landing-section{padding:3rem var(--spacing-4)}.landing-section-header{gap:var(--spacing-3);flex-direction:column}.landing-preview-grid,.landing-reasoning-grid{grid-template-columns:1fr}.landing-dashboard-preview{grid-template-columns:repeat(2,1fr)}.landing-dashboard-features{grid-template-columns:1fr}.landing-nav-desktop{display:none}.landing-nav-mobile-controls{display:flex}.landing-menu-btn{display:inline-flex}.landing-nav-mobile-controls .landing-theme-btn{margin-left:0}.landing-footer-links{gap:var(--spacing-4);flex-wrap:wrap}}@media (max-width:480px){.landing-hero-title{font-size:2.5rem}.landing-hero-ctas{flex-direction:column;align-items:stretch}.landing-cta{justify-content:center}.landing-dashboard-preview{grid-template-columns:1fr}}