@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&display=swap";:root{--color-bg: #faf5f0;--color-text: #1a1816;--color-text-primary: #3d3530;--color-accent: #c4713e;--color-accent-soft: rgba(196, 113, 62, .1);--color-accent-hover: #d4845a;--color-muted: rgba(61, 53, 48, .65);--color-subtle: rgba(61, 53, 48, .3);--color-surface: rgba(0, 0, 0, .03);--color-border: rgba(0, 0, 0, .07);--color-border-hover: rgba(0, 0, 0, .14);--color-overlay-bg: rgba(250, 245, 240, .92);--color-grain-opacity: .022;--color-scrollbar-thumb: rgba(0, 0, 0, .08);--color-selection: rgba(196, 113, 62, .2);--color-nav-bg: rgba(250, 245, 240, .88);--font-main: "Manrope", -apple-system, sans-serif;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace;--text-hero: clamp(3.2rem, 2.6rem + 5vw, 6.5rem);--text-heading: clamp(2rem, 1.6rem + 2.5vw, 3.5rem);--text-subhead: clamp(1.1rem, 1rem + .8vw, 1.45rem);--text-body: clamp(.95rem, .92rem + .25vw, 1.08rem);--text-small: clamp(.78rem, .74rem + .2vw, .86rem);--text-label: .7rem;--content-max: 660px;--radius: 12px;--ease: cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--color-bg: #1a1816;--color-text: #f5f0e8;--color-text-primary: #e8e0d4;--color-accent: #d4845a;--color-accent-soft: rgba(212, 132, 90, .12);--color-accent-hover: #e09a74;--color-muted: rgba(245, 240, 232, .6);--color-subtle: rgba(245, 240, 232, .25);--color-surface: rgba(255, 255, 255, .035);--color-border: rgba(255, 255, 255, .06);--color-border-hover: rgba(255, 255, 255, .12);--color-overlay-bg: rgba(10, 8, 6, .92);--color-grain-opacity: .028;--color-scrollbar-thumb: rgba(255, 255, 255, .06);--color-selection: rgba(212, 132, 90, .3);--color-nav-bg: rgba(26, 24, 22, .85)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}body{font-family:var(--font-main);font-size:var(--text-body);line-height:1.7;color:var(--color-text-primary);background:var(--color-bg)}body:after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:var(--color-grain-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px}h1,h2,h3,h4{font-family:var(--font-main);line-height:1.15;font-weight:600;color:var(--color-text);letter-spacing:-.025em}a{color:inherit;text-decoration:none}::selection{background:var(--color-selection)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:4px}.presentation{position:relative;width:100%;height:100dvh;overflow:hidden}.slide{position:absolute;inset:0;display:flex;align-items:center;padding:2.5rem 3rem 4rem;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .4s var(--ease);overflow:hidden}.slide.active{opacity:1;pointer-events:auto;visibility:visible}.slide--intro{justify-content:center;text-align:center}.slide--intro .slide-center{max-width:560px}.eyebrow{font-family:var(--font-mono);font-size:var(--text-label);text-transform:uppercase;letter-spacing:.18em;color:var(--color-accent);margin-bottom:1.5rem}.hero-title{font-size:var(--text-hero);font-weight:700;letter-spacing:-.04em;line-height:1.05;margin-bottom:1.25rem}.hero-title .accent{color:var(--color-accent)}.start-hint{font-family:var(--font-mono);font-size:var(--text-small);color:var(--color-subtle);margin-top:2.5rem;animation:pulse-hint 2.5s ease-in-out infinite}.start-hint kbd{display:inline-block;font-family:var(--font-mono);font-size:.85em;color:var(--color-accent);background:var(--color-accent-soft);padding:.1em .5em;border-radius:4px;border:1px solid rgba(212,132,90,.15)}@keyframes pulse-hint{0%,to{opacity:.4}50%{opacity:.8}}@media(min-width:1100px){.slide:not(.slide--intro){padding-left:clamp(14rem,20vw,18rem);justify-content:flex-start}}.slide-content{max-width:860px;width:100%}.slide-label{display:inline-block;font-family:var(--font-mono);font-size:var(--text-label);color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem;padding:.2em .7em;background:var(--color-accent-soft);border-radius:100px;border:1px solid rgba(212,132,90,.08)}.slide-title{font-size:var(--text-heading);margin-bottom:1rem;letter-spacing:-.03em}.slide-body{display:flex;flex-direction:column}.slide-desc{color:var(--color-muted);font-size:var(--text-body);line-height:1.6;margin-bottom:.6rem;max-width:56ch}.slide-section{font-size:.82rem;font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.35rem;margin-top:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width:768px){.two-col{grid-template-columns:1fr;gap:1.2rem}}.command-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:.5rem}.command-item{display:flex;align-items:baseline;gap:.75rem;padding:.4rem .75rem .4rem 0;border-bottom:1px solid var(--color-border);font-size:var(--text-small)}.command-item code{font-family:var(--font-mono);font-size:.85em;color:var(--color-text);white-space:nowrap;flex-shrink:0}.command-item span{color:var(--color-muted)}.command-list-compact{font-size:var(--text-small)}.command-list-compact>div{padding:.25rem 0;border-bottom:1px solid var(--color-border)}.command-list-compact>div:last-child{border-bottom:none}.command-list-compact code{font-family:var(--font-mono);font-size:.85em;color:var(--color-text)}.command-list-compact span{color:var(--color-muted);margin-left:.4rem}.callout{background:var(--color-accent-soft);border:1px solid rgba(212,132,90,.12);border-radius:var(--radius);padding:.9rem 1.2rem;margin:.6rem 0;font-size:var(--text-body);color:var(--color-text-primary);line-height:1.6}.callout--compact{padding:.5rem 1rem;font-size:var(--text-small)}.toc-sidebar{position:fixed;left:clamp(1.25rem,2.5vw,2.5rem);top:50%;transform:translateY(-50%);z-index:50}.toc-lessons-link{display:block;margin-top:1.25rem;font-size:var(--text-small);color:var(--color-muted);text-decoration:none;opacity:.6;transition:opacity .2s}.toc-lessons-link:hover{opacity:1}.toc-sidebar-list{list-style:none;display:flex;flex-direction:column;position:relative}.toc-sidebar-list:before{content:"";position:absolute;left:0;top:.6em;bottom:.6em;width:1px;background:var(--color-border)}.toc-sidebar-list li a{display:block;font-size:var(--text-small);font-weight:400;color:var(--color-subtle);padding:.35em 0 .35em 1.4rem;transition:color .4s var(--ease);position:relative;cursor:pointer}.toc-sidebar-list li a:before{content:"";position:absolute;left:1px;top:50%;width:0;height:1px;background:var(--color-accent);transition:width .4s var(--ease);transform:translateY(-50%)}.toc-sidebar-list li a:hover{color:var(--color-muted)}.toc-sidebar-list li.active a{color:var(--color-text);font-weight:500}.toc-sidebar-list li.active a:before{width:16px}.toc-sidebar-list li.active a:after{content:"";position:absolute;left:-3px;top:50%;width:7px;height:7px;border-radius:50%;background:var(--color-accent);transform:translateY(-50%)}@media(max-width:1100px){.toc-sidebar{display:none}}.presentation-nav{position:fixed;bottom:0;left:0;right:0;z-index:100}.nav-progress-track{width:100%;height:2px;background:var(--color-border)}.nav-progress-fill{height:100%;width:0%;background:var(--color-accent);transition:width .4s var(--ease);box-shadow:0 0 12px #d4845a4d}.nav-bar{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:.5rem 2rem .6rem;background:var(--color-nav-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-hint{font-family:var(--font-mono);font-size:var(--text-label);color:var(--color-subtle);letter-spacing:.06em;margin-right:auto;transition:opacity .6s var(--ease)}.nav-hint.faded{opacity:0}.slide-counter{font-family:var(--font-mono);font-size:var(--text-small);color:var(--color-muted);min-width:4ch;text-align:center}.nav-arrows{display:flex;gap:.3rem}.nav-arrows button{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-muted);font-family:var(--font-mono);font-size:.9rem;padding:.25rem .6rem;border-radius:6px;cursor:pointer;transition:all .2s var(--ease);line-height:1}.nav-arrows button:hover{color:var(--color-text);border-color:var(--color-border-hover);background:var(--color-border)}.nav-arrows button:active{transform:scale(.95)}.modal-overlay{position:fixed;inset:0;z-index:200;background:var(--color-overlay-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .35s var(--ease)}.modal-overlay.open{opacity:1;pointer-events:auto;visibility:visible}.modal-panel{max-width:700px;width:90%;max-height:85vh;overflow-y:auto;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:2.5rem 2.5rem 2rem;position:relative;transform:translateY(12px);transition:transform .35s var(--ease)}.modal-overlay.open .modal-panel{transform:translateY(0)}.modal-close{position:absolute;top:1rem;right:1.2rem;background:none;border:none;color:var(--color-muted);font-size:1.5rem;cursor:pointer;line-height:1;padding:.25rem;transition:color .2s var(--ease)}.modal-close:hover{color:var(--color-text)}.modal-header{margin-bottom:1.5rem}.modal-title{font-size:1.6rem;margin-bottom:.3rem;letter-spacing:-.02em}.modal-desc{font-size:var(--text-small);color:var(--color-subtle)}.modal-body h3{font-size:1.05rem;color:var(--color-accent);margin-top:1.5rem;margin-bottom:.6rem;padding-bottom:.3rem;border-bottom:1px solid var(--color-border)}.modal-body h3:first-child{margin-top:0}.modal-body h4{font-size:.9rem;color:var(--color-text);margin-top:1rem;margin-bottom:.3rem}.modal-body ul,.modal-body ol{padding-left:1.2rem;margin:.2rem 0 .6rem}.modal-body li{font-size:var(--text-small);color:var(--color-muted);line-height:1.7;padding:.1rem 0}.modal-body li strong{color:var(--color-text)}.modal-body code{font-family:var(--font-mono);font-size:.85em;color:var(--color-text);background:var(--color-surface);padding:.1em .35em;border-radius:4px}.modal-panel::-webkit-scrollbar{width:4px}.modal-panel::-webkit-scrollbar-track{background:transparent}.modal-panel::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:4px}.modal-trigger{display:inline-flex;align-items:center;gap:.4rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.55rem 1rem;font-family:var(--font-mono);font-size:var(--text-small);color:var(--color-accent);cursor:pointer;transition:all .2s var(--ease)}.modal-trigger:hover{border-color:var(--color-border-hover);background:var(--color-accent-soft)}.modal-trigger-icon{font-size:.7em;transition:transform .2s var(--ease)}.modal-trigger:hover .modal-trigger-icon{transform:translate(2px)}.theme-toggle{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-muted);font-size:1rem;padding:.2rem .45rem;border-radius:6px;cursor:pointer;transition:all .2s var(--ease);line-height:1;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{color:var(--color-text);border-color:var(--color-border-hover);background:var(--color-accent-soft)}.theme-toggle:active{transform:scale(.95)}body.intro-active .toc-sidebar{opacity:0;pointer-events:none;transition:opacity .4s var(--ease)}.toc-sidebar{transition:opacity .4s var(--ease)}@media(max-width:768px){.slide{padding:2rem 1.25rem 4rem}.slide-title{font-size:clamp(1.4rem,1.2rem + 2vw,2rem)}.command-grid{grid-template-columns:1fr}.nav-bar{padding:.4rem 1rem .5rem}}.bullets{list-style:none;padding:0;margin:.2rem 0 .5rem}.bullets li{padding:.2em 0 .2em 1.2em;position:relative;font-size:var(--text-body);color:var(--color-muted);line-height:1.6}.bullets li:before{content:"";position:absolute;left:0;top:.7em;width:5px;height:5px;border-radius:50%;background:var(--color-accent);opacity:.4}.bullets li strong{color:var(--color-text);font-weight:600}.numbered-list{list-style:none;padding:0;margin:.2rem 0 .5rem;counter-reset:num}.numbered-list li{padding:.2em 0 .2em 1.6em;position:relative;font-size:var(--text-body);color:var(--color-muted);line-height:1.6;counter-increment:num}.numbered-list li:before{content:counter(num);position:absolute;left:0;top:.2em;font-family:var(--font-mono);font-size:var(--text-label);color:var(--color-accent);font-weight:600;width:1.2em;text-align:center}.numbered-list li strong{color:var(--color-text);font-weight:600}.info-table{width:100%;border-collapse:collapse;font-size:var(--text-small);margin:.5rem 0}.info-table th,.info-table td{text-align:left;padding:.45rem .75rem;border-bottom:1px solid var(--color-border);line-height:1.5}.info-table th{color:var(--color-accent);font-weight:600;font-size:var(--text-label);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.info-table td{color:var(--color-muted)}.info-table td strong{color:var(--color-text)}.info-table tr:last-child td{border-bottom:none}.info-table tr.row-highlight td{border-top:1px solid rgba(212,132,90,.15);background:var(--color-accent-soft)}.info-table code{font-family:var(--font-mono);font-size:.85em;color:var(--color-text);background:var(--color-surface);padding:.1em .35em;border-radius:4px}.info-table--compact{font-size:calc(var(--text-small) - .02rem)}.info-table--compact th,.info-table--compact td{padding:.35rem .6rem}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:.5rem 0}.compare-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.9rem 1rem}.compare-box--good{border-color:#d4845a26}.compare-box--bad{border-color:var(--color-border)}.compare-box h4{font-size:var(--text-label);font-weight:600;color:var(--color-accent);margin-bottom:.4rem;letter-spacing:.04em;text-transform:uppercase}.compare-box p,.compare-box li{font-size:var(--text-small);color:var(--color-muted);line-height:1.6}.compare-box ul{list-style:none;padding:0}.compare-box li{padding:.15em 0 .15em 1em;position:relative}.compare-box li:before{content:"·";position:absolute;left:0;color:var(--color-accent);opacity:.5}.compare-box li strong{color:var(--color-text)}@media(max-width:600px){.comparison-grid{grid-template-columns:1fr}}.code-aside{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.8rem 1rem .8rem calc(1rem + 8px);font-family:var(--font-mono);font-size:calc(var(--text-small) - .02rem);color:var(--color-muted);line-height:1.7;position:relative;margin:.4rem 0}.code-aside:before{content:"";position:absolute;top:.6rem;bottom:.6rem;left:0;width:2px;background:linear-gradient(to bottom,var(--color-accent),rgba(212,132,90,.08));border-radius:2px}.code-aside .kw{color:var(--color-accent)}.tip-box{background:var(--color-surface);border-left:3px solid var(--color-accent);border-radius:0 var(--radius) var(--radius) 0;padding:.7rem 1rem;margin:.5rem 0}.tip-box .tip-label{font-family:var(--font-mono);font-size:var(--text-label);text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);font-weight:600;margin-bottom:.3rem}.tip-box p,.tip-box li{font-size:var(--text-small);color:var(--color-muted);line-height:1.6}.tip-box ul{list-style:none;padding:0;margin:.2rem 0 0}.tip-box li{padding:.1em 0 .1em 1em;position:relative}.tip-box li:before{content:"→";position:absolute;left:0;color:var(--color-accent);opacity:.6}.flow-diagram{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.8rem 1rem;margin:.4rem 0;font-family:var(--font-mono);font-size:calc(var(--text-small) - .02rem);color:var(--color-muted);line-height:1.7;overflow-x:auto;white-space:pre}.flow-diagram .accent{color:var(--color-accent)}.terminal-mockup{background:#0d1117;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:.7rem .9rem;margin:.4rem 0;font-family:var(--font-mono);font-size:calc(var(--text-small) - .06rem);color:#8b949e;line-height:1.6;overflow-x:auto;white-space:pre}.terminal-mockup .t-green{color:#3fb950}.terminal-mockup .t-cyan{color:#58a6ff}.terminal-mockup .t-yellow{color:#d29922}.terminal-mockup .t-red{color:#f85149}.terminal-mockup .t-purple{color:#bc8cff}.terminal-mockup .t-orange{color:#d4845a}.terminal-mockup .t-white{color:#e6edf3}.terminal-mockup .t-muted{color:#484f58}.collapsible{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin:.5rem 0;overflow:hidden}.collapsible summary{padding:.6rem 1rem;font-family:var(--font-mono);font-size:var(--text-small);color:var(--color-accent);cursor:pointer;list-style:none;display:flex;align-items:center;gap:.5rem;transition:background .2s var(--ease);-webkit-user-select:none;user-select:none}.collapsible summary::-webkit-details-marker{display:none}.collapsible summary:before{content:"▸";font-size:.7em;transition:transform .2s var(--ease);display:inline-block}.collapsible[open] summary:before{transform:rotate(90deg)}.collapsible summary:hover{background:var(--color-surface)}.collapsible .collapsible-body{padding:0 1rem .8rem;font-size:var(--text-small);color:var(--color-muted);line-height:1.7}.collapsible .collapsible-body ul{list-style:none;padding:0}.collapsible .collapsible-body li{padding:.15em 0 .15em 1em;position:relative}.collapsible .collapsible-body li:before{content:"→";position:absolute;left:0;color:var(--color-accent);opacity:.6}.collapsible .collapsible-body li strong{color:var(--color-text)}.accent{color:var(--color-accent)}.muted{color:var(--color-subtle)}code{font-family:var(--font-mono);font-size:.88em;color:var(--color-text);background:var(--color-surface);padding:.1em .35em;border-radius:4px}strong{color:var(--color-text);font-weight:600}.slide .slide-label,.slide .slide-title,.slide .slide-body>*,.slide .slide-center>*{opacity:0;transform:translateY(14px);transition:opacity .45s var(--ease),transform .45s var(--ease)}.slide.active .slide-label,.slide.active .slide-title,.slide.active .slide-body>*,.slide.active .slide-center>*{opacity:1;transform:translateY(0)}.slide.active .slide-label{transition-delay:30ms}.slide.active .slide-title{transition-delay:80ms}.slide.active .slide-body>*:nth-child(1){transition-delay:.13s}.slide.active .slide-body>*:nth-child(2){transition-delay:.18s}.slide.active .slide-body>*:nth-child(3){transition-delay:.23s}.slide.active .slide-body>*:nth-child(4){transition-delay:.28s}.slide.active .slide-body>*:nth-child(5){transition-delay:.33s}.slide.active .slide-body>*:nth-child(6){transition-delay:.38s}.slide.active .slide-center>*:nth-child(1){transition-delay:0ms}.slide.active .slide-center>*:nth-child(2){transition-delay:.1s}.slide.active .slide-center>*:nth-child(3){transition-delay:.25s}@media(prefers-reduced-motion:reduce){.slide .slide-label,.slide .slide-title,.slide .slide-body>*,.slide .slide-center>*{opacity:1;transform:none;transition:none}}