:root{--bg:#fafafa;--bg-elevated:#fff;--bg-code:#f6f6f7;--bg-code-header:#efeff1;--text:#18181b;--text-muted:#71717a;--text-faint:#a1a1aa;--border:#e4e4e7;--accent:#2563eb;--shadow:0 1px 3px rgba(0,0,0,0.04),0 1px 2px rgba(0,0,0,0.03);--radius:8px;--radius-lg:12px;--max-width:780px;--nav-height:60px;--code-keyword:#9333ea;--code-string:#059669;--code-comment:#94a3b8;--code-number:#d97706}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;line-height:1.65;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.nav{position:sticky;top:0;z-index:100;height:var(--nav-height);background:var(--bg-elevated);border-bottom:1px solid var(--border);transition:background-color .2s ease,border-color .2s ease}.nav-inner{max-width:1100px;margin:0 auto;padding:0 24px;height:var(--nav-height);display:flex;align-items:center;justify-content:center;gap:16px}.nav-links{display:flex;align-items:center;gap:2px;list-style:none;overflow-x:auto;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-links li{display:flex;align-items:center;margin:0}.nav-links a{display:inline-flex;align-items:center;height:32px;padding:0 12px;font-size:.875rem;font-weight:500;color:var(--text-muted);text-decoration:none;border:0;border-radius:6px;white-space:nowrap;line-height:1;transition:color .15s ease,background-color .15s ease}.nav-links a:hover{color:var(--text);background:var(--bg-code);border-bottom:0}.nav-links a.active{color:var(--accent);background:var(--bg-code)}main{max-width:var(--max-width);margin:0 auto;padding:64px 24px 120px}.part-label{display:inline-block;font-size:.8rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}h1,h2,h3,h4{line-height:1.25;letter-spacing:-0.02em;font-weight:600;color:var(--text)}h1{font-size:2.25rem;margin-bottom:20px;letter-spacing:-0.03em}.lead{font-size:1.1rem;color:var(--text-muted);margin-bottom:32px;line-height:1.6}h2{font-size:1.5rem;margin-top:48px;margin-bottom:16px}h3{font-size:1.2rem;margin-top:32px;margin-bottom:12px}p{margin-bottom:16px;color:var(--text)}a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s ease}a:hover{border-bottom-color:var(--accent)}strong{font-weight:600}ul,ol{margin:0 0 16px 24px}li{margin-bottom:6px}hr{border:0;border-top:1px solid var(--border);margin:48px 0}:not(pre)>code{font-family:"JetBrains Mono","Fira Code",Menlo,Monaco,Consolas,monospace;font-size:.875em;background:var(--bg-code);color:var(--text);padding:2px 6px;border-radius:4px;border:1px solid var(--border)}.code-block{margin:24px 0;background:var(--bg-code);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}.code-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-code-header);border-bottom:1px solid var(--border);font-family:"JetBrains Mono",monospace;font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.code-dots{display:inline-flex;gap:6px}.code-dots span{width:10px;height:10px;border-radius:50%;background:var(--text-faint);opacity:.55}.code-block pre{margin:0;padding:16px 18px;overflow-x:auto;background:transparent}.code-block pre code{font-family:"JetBrains Mono","Fira Code",Menlo,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.65;color:var(--text);background:transparent;padding:0;border:0;display:block}.tok-k{color:var(--code-keyword)}.tok-s{color:var(--code-string)}.tok-c{color:var(--code-comment);font-style:italic}.tok-n{color:var(--code-number)}.tok-f{color:var(--accent)}figure{margin:32px 0}figure img{display:block;width:100%;height:auto;border-radius:var(--radius-lg);border:1px solid var(--border)}figure figcaption{margin-top:10px;font-size:.875rem;color:var(--text-muted);text-align:center;line-height:1.5}blockquote{border-left:3px solid var(--accent);padding:4px 0 4px 16px;margin:24px 0;color:var(--text-muted);font-style:italic}.next-link{color:var(--text-muted);font-size:.9rem}.placeholder{padding:48px 24px;text-align:center;color:var(--text-muted);background:var(--bg-elevated);border:1px dashed var(--border);border-radius:var(--radius-lg);margin-top:32px}.video-embed{position:relative;padding-bottom:56.25%;height:0;margin:32px 0;border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;background:#000}.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.callout{padding:14px 18px;margin:20px 0;background:var(--bg-elevated);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);color:var(--text-muted);font-size:.95rem}@media(max-width:640px){h1{font-size:1.75rem}h2{font-size:1.3rem}main{padding:40px 20px 80px}.nav-inner{padding:0 16px}}