:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--font-math: "STIX Two Math", "Cambria Math", serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-accent-50: #fdf4ff;--color-accent-100: #fae8ff;--color-accent-200: #f5d0fe;--color-accent-300: #f0abfc;--color-accent-400: #e879f9;--color-accent-500: #d946ef;--color-accent-600: #c026d3;--color-accent-700: #a21caf;--color-accent-800: #86198f;--color-accent-900: #701a75;--color-neutral-50: #fafafa;--color-neutral-100: #f4f4f5;--color-neutral-200: #e4e4e7;--color-neutral-300: #d4d4d8;--color-neutral-400: #a1a1aa;--color-neutral-500: #71717a;--color-neutral-600: #52525b;--color-neutral-700: #3f3f46;--color-neutral-800: #27272a;--color-neutral-900: #18181b;--color-success: #16a34a;--color-warning: #ca8a04;--color-error: #dc2626;--color-info: #0284c7;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-base: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-slower: .6s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-exponential: cubic-bezier(.16, 1, .3, 1);--sidebar-width: 280px;--header-height: 64px;--content-max-width: 960px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-neutral-800);background:var(--color-neutral-50)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-neutral-900)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}a{color:var(--color-primary-600);text-decoration:none;transition:color var(--duration-fast) var(--ease-default)}a:hover{color:var(--color-primary-700)}.app-layout{display:flex;min-height:100vh}.app-sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--color-neutral-900);color:var(--color-neutral-100);overflow-y:auto;z-index:10;display:flex;flex-direction:column;padding:var(--space-6) 0}.app-sidebar-header{padding:0 var(--space-6) var(--space-6);border-bottom:1px solid var(--color-neutral-700)}.app-sidebar-header h2{font-size:var(--text-lg);color:var(--color-neutral-100);margin-bottom:var(--space-1)}.app-sidebar-header p{font-size:var(--text-xs);color:var(--color-neutral-400)}.module-nav-list{list-style:none;padding:var(--space-3) 0;flex:1;overflow-y:auto}.module-nav-item{display:block;padding:var(--space-3) var(--space-6);font-size:var(--text-sm);color:var(--color-neutral-300);border-left:3px solid transparent;transition:all var(--duration-fast) var(--ease-default);cursor:pointer;text-decoration:none}.module-nav-item:hover{color:var(--color-neutral-100);background:var(--color-neutral-800)}.module-nav-item.active{color:var(--color-primary-300);background:var(--color-neutral-800);border-left-color:var(--color-primary-500);font-weight:var(--font-semibold)}.module-nav-item .nav-order{display:inline-block;width:1.5rem;font-size:var(--text-xs);color:var(--color-neutral-500)}.module-nav-item .nav-locked{font-size:var(--text-xs);color:var(--color-neutral-500);margin-left:var(--space-2)}.app-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-neutral-700);display:flex;justify-content:space-between}.app-footer a,.app-footer button{font-size:var(--text-xs);color:var(--color-neutral-400);background:none;border:1px solid var(--color-neutral-600);padding:var(--space-1) var(--space-3);border-radius:var(--radius-base);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-1)}.app-footer a:hover,.app-footer button:hover{color:var(--color-neutral-100);border-color:var(--color-neutral-400)}.app-footer button:disabled,.app-footer a.disabled{opacity:.4;cursor:not-allowed}.app-main{margin-left:var(--sidebar-width);flex:1;max-width:var(--content-max-width);width:100%;padding:var(--space-10) var(--space-12)}.card{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--duration-normal) var(--ease-default)}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-neutral-100);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-neutral-900)}.card-body{padding:var(--space-6)}.module-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6)}.module-card{cursor:pointer;text-decoration:none;color:inherit}.module-card .card-body p{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-neutral-500);line-height:var(--leading-relaxed)}.module-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-3)}.module-card-tag{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);background:var(--color-primary-50);color:var(--color-primary-700);border-radius:var(--radius-full);font-weight:var(--font-medium)}.module-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-neutral-400)}.concept-lab{margin:var(--space-8) 0}.concept-lab h3{font-size:var(--text-xl);color:var(--color-neutral-900);margin-bottom:var(--space-1)}.concept-lab .caption{font-size:var(--text-sm);color:var(--color-neutral-500);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.control-panel{background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-end}.control-group{display:flex;flex-direction:column;gap:var(--space-1);min-width:120px}.control-group label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-neutral-600);text-transform:uppercase;letter-spacing:.05em}.control-group input[type=range]{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-neutral-300);border-radius:var(--radius-full);outline:none;cursor:pointer}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-primary-600);cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.control-group input[type=range]::-webkit-slider-thumb:hover{background:var(--color-primary-700)}.control-readout{font-size:var(--text-xs);color:var(--color-neutral-500);font-family:var(--font-mono);min-width:3rem;text-align:right}.control-group select{padding:var(--space-1) var(--space-2);border:1px solid var(--color-neutral-300);border-radius:var(--radius-base);font-size:var(--text-sm);background:#fff;cursor:pointer}.btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);font-family:var(--font-sans)}.btn-primary{background:var(--color-primary-600);color:#fff}.btn-primary:hover{background:var(--color-primary-700)}.btn-secondary{background:var(--color-neutral-100);color:var(--color-neutral-700);border:1px solid var(--color-neutral-300)}.btn-secondary:hover{background:var(--color-neutral-200)}.btn-accent{background:var(--color-accent-600);color:#fff}.btn-accent:hover{background:var(--color-accent-700)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-group{display:flex;gap:var(--space-2);align-items:center}.vis-pane{width:100%;min-height:280px;background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);overflow:hidden}.vis-pane svg{display:block;width:100%;height:100%}.visualization-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.visualization-stack{display:flex;flex-direction:column;gap:var(--space-4)}.vis-pane .domain,.vis-pane .tick line{stroke:var(--color-neutral-300)}.vis-pane .tick text{fill:var(--color-neutral-500);font-size:11px;font-family:var(--font-sans)}.vis-pane .axis-label{fill:var(--color-neutral-600);font-size:12px;font-family:var(--font-sans)}.stat-display{display:flex;gap:var(--space-6);padding:var(--space-3) var(--space-4);background:var(--color-neutral-50);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-mono)}.stat-display span{color:var(--color-neutral-600)}.stat-display .stat-value{font-weight:var(--font-semibold);color:var(--color-primary-700)}.module-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-4) 0 var(--space-6);align-items:center}.module-meta .meta-tag{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);background:var(--color-primary-50);color:var(--color-primary-700);border-radius:var(--radius-full);font-weight:var(--font-medium)}.module-meta .meta-hours{font-size:var(--text-sm);color:var(--color-neutral-500)}.course-hero{margin-bottom:var(--space-10)}.course-hero h1{font-size:var(--text-4xl);margin-bottom:var(--space-3)}.course-hero p{font-size:var(--text-lg);color:var(--color-neutral-500);max-width:640px;line-height:var(--leading-relaxed)}.module-section{margin-top:var(--space-10)}.module-section h2{font-size:var(--text-2xl);margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-neutral-200)}.module-section p.module-intro{font-size:var(--text-base);color:var(--color-neutral-500);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.param-highlight{color:var(--color-accent-600);font-weight:var(--font-semibold);font-family:var(--font-mono);font-size:.95em}.math-equation{padding:var(--space-4) var(--space-6);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);margin:var(--space-4) 0;overflow-x:auto}.heatmap-rect{stroke:#fff;stroke-width:1px}.entropy-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.entropy-card{padding:var(--space-4);background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);text-align:center}.entropy-card .entropy-label{font-size:var(--text-xs);color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.entropy-card .entropy-value{font-size:var(--text-2xl);font-weight:var(--font-bold);font-family:var(--font-mono);color:var(--color-primary-700)}@media (max-width: 768px){.app-sidebar{position:relative;width:100%;height:auto}.app-layout{flex-direction:column}.app-main{margin-left:0;padding:var(--space-6)}.visualization-grid,.module-card-grid{grid-template-columns:1fr}.course-hero h1{font-size:var(--text-2xl)}}.module-page-enter{opacity:0;transform:translateY(8px)}.module-page-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.app-sidebar::-webkit-scrollbar{width:6px}.app-sidebar::-webkit-scrollbar-track{background:transparent}.app-sidebar::-webkit-scrollbar-thumb{background:var(--color-neutral-700);border-radius:var(--radius-full)}fieldset{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-end}fieldset legend{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.05em;padding:0 var(--space-2)}.matrix-display{display:grid;gap:var(--space-2);padding:var(--space-4);background:var(--color-neutral-50);border-radius:var(--radius-lg)}.matrix-row{display:flex;gap:var(--space-2);justify-content:center}.matrix-cell{width:64px;text-align:center;padding:var(--space-2);border:1px solid var(--color-neutral-300);border-radius:var(--radius-base);font-family:var(--font-mono);font-size:var(--text-sm);background:#fff}.matrix-bracket{font-size:var(--text-3xl);color:var(--color-neutral-400);display:flex;align-items:center}