@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--fs-base:clamp(16px, 1vw + 10px, 22px);--fs-h1:clamp(1.8rem, 5vw, 3.5rem);--fs-desc:clamp(1rem, 1.5vw + .2rem, 1.5rem);--fs-code:clamp(.85rem, 1vw + .2rem, 1.25rem);--fs-nav:clamp(.85rem, .5vw + .5rem, 1.1rem);--spacing-deck:clamp(20px, 3vw, 50px)}.progress-bar{z-index:1000;background:#238636;height:4px;transition:width .3s;position:fixed;top:0;left:0}.presentation-container{max-width:1200px;padding:var(--spacing-deck) 20px 140px 20px;box-sizing:border-box;gap:var(--spacing-deck);flex-direction:column;min-height:calc(100vh - 56px);margin:0 auto;display:flex}.lesson-header{text-align:center;margin-bottom:10px}.lesson-header h1{font-size:var(--fs-h1);color:#fff;letter-spacing:-.03em;margin:0 0 16px;font-weight:800;line-height:1.1}.lesson-header .desc{font-size:var(--fs-desc);color:#8b949e;max-width:800px;margin:0 auto;line-height:1.6}.nav-container{z-index:1000;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.nav-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#21262d;border:1px solid #30363d;border-radius:100px;align-items:center;gap:20px;padding:10px 20px;display:flex;box-shadow:0 10px 30px #0009}.nav-indicator{color:#f0f6fc;font-weight:700;font-size:var(--fs-nav);text-align:center;font-variant-numeric:tabular-nums;min-width:60px}.nav-btn{color:#c9d1d9;cursor:pointer;background:#21262d;border:1px solid #30363d;border-radius:50%;justify-content:center;align-items:center;width:clamp(40px,4vw,56px);height:clamp(40px,4vw,56px);transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.nav-btn svg{width:60%;height:60%}.nav-btn:hover:not(:disabled){color:#fff;background:#30363d;border-color:#8b949e;transform:scale(1.1)}.nav-btn:active:not(:disabled){transform:scale(.95)}.nav-btn:disabled{color:#484f58;cursor:not-allowed;opacity:.5;background:#161b22;border-color:#21262d}:global(body){font-size:var(--fs-base)}.deck-layout{gap:var(--spacing-deck);grid-template-columns:1fr 1.5fr;align-items:start;display:grid}@media (width<=1100px){.deck-layout{grid-template-columns:1fr}}:root{--nav-height:56px;--bg-main:#0d1117;--border-color:#30363d;--text-primary:#e6edf3;--text-secondary:#8b949e;--accent:#58a6ff}html,body{background:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}*{box-sizing:border-box}.nav-bar.svelte-12qhfyh{height:var(--nav-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:1000;background:#0d1117cc;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav-content.svelte-12qhfyh{justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex}.brand.svelte-12qhfyh{color:var(--text-primary);align-items:center;gap:.75rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:flex}.brand.svelte-12qhfyh:hover{opacity:.8}.nav-logo.svelte-12qhfyh{width:24px;height:24px}.nav-links.svelte-12qhfyh{gap:1.5rem;display:flex}.nav-links.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--text-secondary);padding:.25rem 0;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;position:relative}.nav-links.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:var(--text-primary)}.nav-links.svelte-12qhfyh a.active:where(.svelte-12qhfyh){color:var(--accent)}.nav-links.svelte-12qhfyh a.active:where(.svelte-12qhfyh):after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:-2px;left:0;right:0}.main-container.svelte-12qhfyh{margin-top:var(--nav-height);min-height:calc(100vh - var(--nav-height));flex-direction:column;width:100%;display:flex}