body{overflow:hidden;height:100vh;width:100vw}.slide-top-nav{position:fixed!important;width:100%;height:100px;background:transparent!important;border:none!important;pointer-events:none;z-index:1000;display:flex;justify-content:space-between}.back-hotspot,.controls-hotspot{pointer-events:all;padding:20px;height:100%;display:flex;align-items:flex-start}.back-link,.slide-controls{background:var(--surface);padding:5px 15px;border-radius:20px;border:1px solid var(--border);opacity:0;transition:opacity .3s}.slide-controls{padding:5px;margin-right:20px}.back-hotspot:hover .back-link,.controls-hotspot:hover .slide-controls{opacity:1}@media(max-width:768px){.back-link,.slide-controls{opacity:1}}.slides-wrapper{position:relative;width:100vw;height:100vh;overflow:hidden}.slide{position:absolute;inset:0;padding:60px 80px;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translate(60px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);pointer-events:none;background:var(--bg);overflow-y:auto}@media(max-width:768px){.slide{padding:80px 20px 60px;justify-content:flex-start;overflow-y:auto}.slide-title{font-size:1.6rem;margin-bottom:16px}.nav-slides{right:20px;bottom:20px;gap:8px}.nav-btn{width:36px;height:36px}.top-nav{padding:10px!important}.top-nav .nav-links a{font-size:12px}.section-badge{margin-bottom:16px;font-size:9px}.slide-body{font-size:.95rem}.mem-cell{min-width:60px}.mem-cell .val{font-size:1rem}}.slide.active{opacity:1;transform:translate(0);pointer-events:all}.slide.prev{opacity:0;transform:translate(-60px)}.slide:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(240,192,64,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(240,192,64,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.corner{position:absolute;width:24px;height:24px;border-color:var(--accent);border-style:solid;opacity:.4}.corner-tl{top:24px;left:24px;border-width:2px 0 0 2px}.corner-tr{top:24px;right:24px;border-width:2px 2px 0 0}.corner-bl{bottom:24px;left:24px;border-width:0 0 2px 2px}.corner-br{bottom:24px;right:24px;border-width:0 2px 2px 0}.section-badge{display:inline-flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);border:1px solid rgba(240,192,64,.3);padding:6px 14px;border-radius:2px;margin-bottom:28px;width:fit-content;background:#f0c0400d}.section-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:blink 1.5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.slide-title{font-family:"DM Serif Display",serif;font-size:clamp(2rem,4vw,3.5rem);line-height:1.15;margin-bottom:32px;color:var(--text)}.slide-title .highlight{color:var(--accent);font-style:italic}.slide-body{font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.75;color:var(--text-muted);max-width:820px}.slide-body strong{color:var(--text);font-weight:600}.slide-body .accent{color:var(--accent)}.slide-body .green{color:var(--accent2)}.slide-body .blue{color:var(--accent3)}.slide-body .pink{color:var(--accent4)}pre{background:var(--code-bg);border:1px solid var(--border);border-left:3px solid var(--accent);padding:24px 28px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:clamp(.85rem,1.2vw,1rem);color:var(--text);margin:20px 0;white-space:pre;overflow-x:auto;max-width:700px;position:relative}code[class*=language-],pre[class*=language-]{font-family:JetBrains Mono,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:4;-webkit-hyphens:none;hyphens:none}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#4a5060}.token.punctuation{color:var(--text-muted)}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:var(--accent4)}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:var(--accent)}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:var(--accent2)}.token.atrule,.token.attr-value,.token.keyword{color:var(--accent3)}.token.function,.token.class-name{color:var(--accent2)}.token.regex,.token.important,.token.variable{color:var(--accent)}.copy-btn{position:absolute;top:12px;right:12px;background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .2s;z-index:10}pre:hover .copy-btn{opacity:1}.copy-btn:hover{border-color:var(--accent);color:var(--accent)}.copy-btn.copied{border-color:var(--accent2);color:var(--accent2)}.copy-tooltip{position:absolute;bottom:125%;right:0;background:var(--surface2);color:var(--text);padding:4px 8px;border-radius:4px;font-size:.75rem;border:1px solid var(--border);white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(4px);transition:all .2s}.copy-btn:hover .copy-tooltip{opacity:1;transform:translateY(0)}table{border-collapse:collapse;margin:20px 0;font-family:JetBrains Mono,monospace;font-size:clamp(.85rem,1.2vw,1rem)}th{background:#f0c0401a;color:var(--accent);padding:12px 28px;text-align:left;border:1px solid var(--border);letter-spacing:1px;font-size:.85em;text-transform:uppercase}td{padding:12px 28px;border:1px solid var(--border);color:var(--text-muted)}tr:hover td{background:#f0c0400a;color:var(--text)}td:first-child{color:var(--accent2);font-weight:700}.quote{border-left:3px solid var(--accent2);padding:16px 24px;margin:24px 0;background:#4de8b00d;font-style:italic;color:var(--accent2);font-size:clamp(1rem,1.6vw,1.25rem);max-width:700px}.kp{margin:16px 0}.kp-item{display:flex;align-items:flex-start;gap:14px;margin:10px 0;font-size:clamp(.95rem,1.4vw,1.1rem);color:var(--text-muted)}.kp-item .icon{color:var(--accent);font-size:1rem;margin-top:2px;min-width:20px}.equation{font-family:JetBrains Mono,monospace;font-size:clamp(1.4rem,3vw,2.4rem);color:var(--accent);margin:24px 0;letter-spacing:2px}.cols{display:flex;gap:40px;align-items:flex-start;margin-top:20px}.col{flex:1}@media(max-width:768px){.cols{flex-direction:column;gap:20px}.toc-grid{grid-template-columns:1fr}}.mem-grid{display:flex;gap:0;margin:24px 0;flex-wrap:wrap}.mem-cell{border:1px solid var(--border);padding:0;text-align:center;min-width:80px;font-family:JetBrains Mono,monospace}.mem-cell .addr{background:var(--surface2);font-size:.7rem;color:var(--text-muted);padding:4px 8px;border-bottom:1px solid var(--border)}.mem-cell .val{font-size:1.2rem;color:var(--accent);padding:12px 8px;font-weight:700}.mem-cell .varlabel{font-size:.75rem;color:var(--accent2);padding:4px;border-top:1px solid var(--border);background:#4de8b00f}.mem-cell.pointer-cell .val{color:var(--accent3);font-size:.9rem}.mem-cell.active-cell{border-color:var(--accent)}.slide[id^=slide-] [style*="display: grid"] .mem-cell,.interactive-grid .mem-cell{min-width:0}.nav-slides-container{position:fixed;bottom:0;right:0;width:250px;height:150px;z-index:100;display:flex;align-items:flex-end;justify-content:flex-end;padding:32px 40px}.nav-slides{display:flex;align-items:center;gap:12px;opacity:0;transition:opacity .3s}.nav-slides-container:hover .nav-slides{opacity:1}@media(max-width:768px){.nav-slides{opacity:1}.nav-slides-container{width:auto;height:auto;pointer-events:none}.nav-slides{pointer-events:all}}.nav-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);width:44px;height:44px;border-radius:3px;font-size:1.1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.nav-btn:hover{border-color:var(--accent);color:var(--accent);background:#f0c04014}.nav-counter{font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--text-muted);min-width:50px;text-align:center}.progress{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .4s cubic-bezier(.4,0,.2,1);z-index:200}.slide-num{position:absolute;top:32px;right:40px;font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--text-muted);letter-spacing:2px}.tip-box{border:1px solid rgba(255,126,184,.3);background:#ff7eb80d;padding:16px 22px;border-radius:3px;margin:18px 0;color:var(--accent4);font-size:clamp(.9rem,1.3vw,1.05rem);max-width:680px}.tip-box .tip-label{font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;opacity:.7}.toc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;max-width:840px}.toc-item{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid var(--border);border-radius:3px;background:var(--surface);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.toc-item:hover{border-color:var(--accent);background:#f0c04014;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.toc-num{font-family:JetBrains Mono,monospace;font-size:1.2rem;color:var(--accent);font-weight:700;min-width:32px}.toc-info .toc-name{font-size:.95rem;color:var(--text);font-weight:500}.toc-info .toc-time{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--text-muted)}.interactive-box{background:var(--surface);border:1px solid var(--border);padding:20px;border-radius:8px;width:100%}.form-row{display:flex;gap:20px;align-items:flex-end;margin-bottom:24px;flex-wrap:wrap}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.input-group input{background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:4px;width:80px;font-family:JetBrains Mono,monospace}.btn-update{background:var(--accent);color:#0a0c10;border:none;padding:9px 20px;border-radius:4px;font-weight:600;cursor:pointer;transition:transform .2s}.btn-update:hover{filter:brightness(1.1);transform:translateY(-2px)}.visualizer-row{display:flex;gap:30px;align-items:flex-start}.interactive-grid{display:grid;gap:0}.console-box{flex:1;background:#000;border:1px solid var(--border);border-radius:4px;min-height:200px;display:flex;flex-direction:column}.console-header{background:#1a1d26;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--text-muted);border-bottom:1px solid var(--border)}.console-content{padding:12px;font-family:JetBrains Mono,monospace;font-size:1rem;color:var(--accent2);white-space:pre-wrap;word-break:break-all}@media(max-width:1100px){.visualizer-row{flex-direction:column}.console-box{width:100%;min-height:120px}}