@import "https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Fira+Code:wght@300..700&display=swap";:root{--bg-paper:#fdfbf7;--bg-secondary:#f4f1ea;--text-ink:#1a1a1a;--text-annotation:#4b5563;--text-muted:#9ca3af;--accent-blue:#334155;--accent-crimson:#9f1239;--border-ink:#1a1a1a;--border-subtle:#d1d5db;--panel-bg:white;--spacing-unit:8px;--paper-shadow:0 1px 3px #0000000d}[data-theme=dark]{--bg-paper:#0f172a;--bg-secondary:#1e293b;--text-ink:#f8fafc;--text-annotation:#94a3b8;--text-muted:#64748b;--accent-blue:#38bdf8;--accent-crimson:#fb7185;--border-ink:#f8fafc;--border-subtle:#334155;--panel-bg:#1e293b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-paper);color:var(--text-ink);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:IBM Plex Sans,sans-serif;line-height:1.7}header{text-align:left;border-bottom:1px solid var(--text-ink);margin-bottom:24px;padding-bottom:16px}h1,h2,h3,h4{font-variant-ligatures:common-ligatures;font-family:EB Garamond,serif;font-weight:500}h1{margin-bottom:4px;font-size:2.2rem;line-height:1.1}h2{text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:1.25rem;font-weight:600}.mono{font-family:Fira Code,monospace;font-size:.85em}.math-font{font-family:EB Garamond,serif;font-size:1.1em;font-style:italic}.academic-card{border:1px solid var(--border-subtle);background:0 0;padding:24px;position:relative}.academic-card:before{content:"";background:var(--accent-blue);opacity:.1;width:4px;position:absolute;top:0;bottom:0;left:0}.container{max-width:1000px;margin:0 auto;padding:24px 40px}.theme-switch{width:50px;height:24px;display:inline-block;position:relative}.theme-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:24px;justify-content:space-between;align-items:center;padding:0 4px;transition:all .4s;display:flex;position:absolute;inset:0}.slider:before{content:"";background-color:var(--text-ink);z-index:2;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:2px;left:3px}input:checked+.slider{background-color:var(--accent-blue)}input:checked+.slider:before{transform:translate(24px)}.btn-academic{background:var(--text-ink);color:var(--bg-paper);border:1px solid var(--text-ink);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;padding:12px 28px;font-family:IBM Plex Sans,sans-serif;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-academic:hover{color:var(--text-ink);background:0 0}.btn-outline{color:var(--text-ink);border:1px solid var(--border-ink);background:0 0}.btn-outline:hover{background:var(--bg-secondary)}.step-header{align-items:baseline;gap:16px;margin-bottom:24px;display:flex}.step-index{color:var(--text-annotation);font-family:Fira Code,monospace;font-size:.85rem}@media print{.no-print{display:none}body{color:#000;background:#fff}.academic-card{border:1px solid #eee}.container{padding:40px}}.presentation-container{animation:.6s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stage-active{border:1px solid var(--border-subtle);transition:all .5s;box-shadow:0 40px 100px #00000014}.rule-highlight{background:rgba(var(--primary-rgb), .05);position:relative;overflow:hidden}.math-line{border:1px solid #0000;transition:all .3s}.math-line:hover{border-color:var(--border-subtle);background:var(--bg-secondary)}.control-btn{cursor:pointer;color:var(--text-ink);opacity:.5;background:0 0;border:none;transition:all .2s}.control-btn:hover:not(:disabled){opacity:1;transform:scale(1.1)}.control-btn:disabled{cursor:not-allowed;opacity:.1}.play-btn-large:hover{filter:brightness(1.2);transform:scale(1.05)}.step-counter{opacity:.5;letter-spacing:.2em;font-family:Fira Code,monospace;font-size:.75rem}.description-text{color:var(--text-annotation);font-family:IBM Plex Sans,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.nav-link{letter-spacing:.15em;color:var(--text-annotation);cursor:pointer;text-transform:uppercase;background:0 0;border:none;padding:8px 0;font-family:IBM Plex Sans,sans-serif;font-size:.7rem;font-weight:700;transition:all .2s;position:relative}.nav-link:hover{color:var(--text-ink)}.nav-link:after{content:"";background:var(--text-ink);width:0;height:2px;transition:width .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0}.nav-link:hover:after{width:100%}.badge-academic{background:var(--text-ink);color:var(--bg-paper);letter-spacing:.05em;border-radius:20px;padding:4px 12px;font-family:Fira Code,monospace;font-size:.6rem}.animate-fade-in{animation:.8s cubic-bezier(.4,0,.2,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.nav-links-desktop{display:none}.container{padding:40px 20px}h1{font-size:2.5rem}}