:root{--bg:#f8fafc;--bg-elev:#fff;--bg-elev-2:#f1f4f8;--bg-code:#f6f8fa;--bg-dark:#0f1419;--bg-dark-2:#1a212c;--border:#e1e6ec;--border-strong:#cbd2dc;--rule:#ecf0f4;--text:#0f1419;--text-dim:#4a5260;--text-faint:#76808f;--text-fainter:#aab2bd;--c-purple:#7c3aed;--c-amber:#b45309;--c-cyan:#0e7490;--c-orange:#c2410c;--c-pink:#be185d;--c-green:#4d7c0f;--c-purple-soft:rgba(124,58,237,.08);--c-amber-soft:rgba(180,83,9,.09);--c-cyan-soft:rgba(14,116,144,.08);--c-orange-soft:rgba(194,65,12,.08);--c-pink-soft:rgba(190,24,93,.08);--c-green-soft:rgba(77,124,15,.1);--shadow-sm:0 1px 2px rgba(15,20,25,.04);--shadow-md:0 4px 14px rgba(15,20,25,.05);--shadow-lg:0 18px 38px rgba(15,20,25,.08)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);background-image:radial-gradient(ellipse 60% 40% at 0% 0%,rgba(124,58,237,.05),transparent 60%),radial-gradient(ellipse 60% 40% at 100% 0%,rgba(14,116,144,.04),transparent 60%),radial-gradient(ellipse 80% 40% at 50% 100%,rgba(194,65,12,.04),transparent 60%);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;font-feature-settings:"kern","liga","palt";line-height:1.78;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(rgba(15,20,25,.05) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;z-index:0}.topbar{position:sticky;top:0;z-index:50;background:#f8fafcd1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-dim);padding:10px 24px;display:flex;align-items:center;gap:14px;letter-spacing:.04em}.topbar .dot{width:7px;height:7px;border-radius:50%;background:var(--c-green);box-shadow:0 0 8px var(--c-green);animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.topbar .sep{color:var(--text-fainter)}.topbar a{color:var(--text-dim);text-decoration:none}.topbar a:hover{color:var(--c-purple)}.topbar .spacer{flex:1}.topbar .back{color:var(--c-purple);border:1px solid var(--border);padding:2px 10px;border-radius:4px;transition:all .15s}.topbar .back:hover{border-color:var(--c-purple);background:var(--c-purple-soft)}.topbar .article-slug{max-width:min(38vw,360px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:bottom}.lang-switch{display:inline-flex;align-items:center;padding:2px;border:1px solid var(--border);border-radius:6px;background:var(--bg-elev);font-family:JetBrains Mono,monospace}.lang-switch span,.lang-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:22px;padding:0 8px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.06em;transition:all .15s}.lang-switch span{color:var(--text-faint);cursor:default}.lang-switch span.active{background:var(--c-purple);color:#fff}.lang-switch a{color:var(--text-dim);text-decoration:none;cursor:pointer;font-family:inherit}.lang-switch a:hover{color:var(--text);background:var(--bg-elev-2)}.socials{display:flex;gap:2px;align-items:center}.socials a{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:var(--text-faint);transition:all .15s;border:1px solid transparent}.socials a:hover{color:var(--text);background:var(--bg-elev);border-color:var(--border)}.socials svg{width:14px;height:14px;display:block}.progress{position:fixed;top:39px;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--c-purple),var(--c-amber),var(--c-cyan),var(--c-pink),var(--c-orange));z-index:60;transition:width .08s}.breadcrumb{max-width:860px;margin:0 auto;padding:20px 28px 0;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-faint);position:relative;z-index:1}.breadcrumb ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.breadcrumb li{display:inline-flex;align-items:center;gap:8px}.breadcrumb li:not(:last-child):after{content:"/";color:var(--text-fainter);margin-left:4px}.breadcrumb a{color:var(--text-dim);text-decoration:none;transition:color .15s}.breadcrumb a:hover{color:var(--c-purple)}.breadcrumb [aria-current]{color:var(--text);font-weight:600;max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}article{max-width:860px;margin:0 auto;padding:40px 28px 120px;position:relative;z-index:1}header.hero{margin-bottom:56px}.kicker{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--c-purple);font-weight:700;margin-bottom:24px;font-family:JetBrains Mono,monospace;padding:6px 14px;border:1px solid var(--c-purple);border-radius:999px;background:var(--c-purple-soft)}.kicker .pulse-dot{width:5px;height:5px;border-radius:50%;background:var(--c-purple)}h1{font-size:clamp(30px,5vw,52px);line-height:1.12;font-weight:800;letter-spacing:-.02em;margin:0 0 24px;color:var(--text)}h1 .hl{background:linear-gradient(180deg,transparent 60%,var(--c-amber-soft) 60%);color:var(--c-amber);font-weight:800}.lead{font-size:clamp(19px,2.4vw,24px);color:var(--text);line-height:1.45;margin:0 0 20px;font-weight:600;max-width:760px}.lead strong{font-weight:700;color:var(--text)}.subtitle{font-size:16px;color:var(--text-dim);line-height:1.7;margin:0 0 32px;max-width:720px}.meta-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--text-faint);font-size:12px;font-family:JetBrains Mono,monospace;letter-spacing:.05em;padding-bottom:28px;border-bottom:1px solid var(--rule)}.meta-row .tag{padding:4px 11px;border:1px solid var(--border);border-radius:4px;background:var(--bg-elev);color:var(--text-dim)}.meta-row .tag-time{color:var(--c-green);border-color:#4d7c0f4d;background:var(--c-green-soft)}.promise{margin:56px 0 80px;padding:36px 40px;background:linear-gradient(135deg,var(--c-amber-soft) 0%,transparent 55%),linear-gradient(225deg,var(--c-pink-soft) 0%,transparent 55%),var(--bg-elev);border:1px solid var(--border);border-left:3px solid var(--c-amber);border-radius:12px;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.promise-label{font-size:12.5px;letter-spacing:.28em;font-weight:700;color:var(--c-amber);margin-bottom:18px;font-family:JetBrains Mono,monospace}.promise-text{font-size:clamp(18px,2.2vw,22px);line-height:1.55;margin:0;color:var(--text);font-weight:500;letter-spacing:-.005em}.promise-text .hl{color:var(--c-amber);font-weight:700}.promise-text .hl-pink{color:var(--c-pink);font-weight:700}section{margin-bottom:72px;scroll-margin-top:60px}.section-num{display:inline-flex;align-items:center;gap:12px;font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.22em;color:var(--text-faint);font-weight:700;margin-bottom:14px}.section-num .num{color:var(--c-purple);padding:3px 9px;border:1px solid var(--border);border-radius:3px;background:var(--bg-elev)}section.p1 .section-num .num{color:var(--c-cyan)}section.p2 .section-num .num{color:var(--c-pink)}section.common .section-num .num{color:var(--c-orange)}section.phase1 .section-num .num{color:var(--c-purple)}section.phase2 .section-num .num{color:var(--c-amber)}section.phase3 .section-num .num{color:var(--c-cyan)}section.phase4 .section-num .num{color:var(--c-orange)}.part-divider{margin:80px 0 48px;padding:48px 40px;background:linear-gradient(135deg,var(--c-cyan-soft) 0%,transparent 50%),var(--bg-elev);border:1px solid var(--border);border-left:4px solid var(--c-cyan);border-radius:14px;text-align:center}.part-divider.part2{background:linear-gradient(135deg,var(--c-pink-soft) 0%,transparent 50%),var(--bg-elev);border-left-color:var(--c-pink)}.part-divider.common{background:linear-gradient(135deg,var(--c-orange-soft) 0%,transparent 50%),var(--bg-elev);border-left-color:var(--c-orange)}.part-divider .part-label{font-size:12.5px;letter-spacing:.28em;font-weight:700;font-family:JetBrains Mono,monospace;color:var(--c-cyan);margin-bottom:14px}.part-divider.part2 .part-label{color:var(--c-pink)}.part-divider.common .part-label{color:var(--c-orange)}.part-divider h2{font-size:clamp(26px,3.2vw,34px);margin:0 0 12px;border:none;padding:0;display:block;text-align:center}.part-divider h2:before{display:none}.part-divider p{font-size:15px;color:var(--text-dim);margin:0;line-height:1.6}h2{font-size:clamp(24px,3vw,32px);font-weight:800;letter-spacing:-.015em;margin:0 0 24px;line-height:1.25;color:var(--text)}h3{font-size:clamp(16px,1.95vw,19px);font-weight:700;margin:44px 0 14px;letter-spacing:-.005em;color:var(--text);font-family:JetBrains Mono,monospace}h3 .prompt{color:var(--c-cyan);margin-right:10px;font-weight:700}h3 .sub-num{color:var(--text-faint);margin-right:10px;font-weight:500;font-size:.9em}p{margin:0 0 18px;font-size:15.5px;color:var(--text)}ul,ol{padding-left:22px;margin:16px 0 24px}li{margin-bottom:6px;line-height:1.7;color:var(--text)}li::marker{color:var(--text-faint)}strong{font-weight:700;color:var(--text)}em{font-style:italic;color:var(--text-dim)}.tldr{background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:28px 32px;margin:0 0 64px;box-shadow:var(--shadow-sm)}.tldr-label{font-size:12px;font-weight:700;letter-spacing:.28em;color:var(--text-faint);margin-bottom:18px;font-family:JetBrains Mono,monospace}.tldr ul{margin:0;padding:0;list-style:none}.tldr li{padding-left:28px;position:relative;margin-bottom:12px;line-height:1.65;font-size:15.5px}.tldr li:last-child{margin-bottom:0}.tldr li:before{content:"◆";position:absolute;left:4px;color:var(--c-purple);font-size:10px;top:.45em}.tldr li:nth-child(2):before{color:var(--c-amber)}.tldr li:nth-child(3):before{color:var(--c-cyan)}.tldr li:nth-child(4):before{color:var(--c-pink)}.table-wrap{overflow-x:auto;margin:24px 0}table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;background:var(--bg-elev);border-radius:8px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-sm)}th{background:var(--bg-elev-2);text-align:left;padding:12px 16px;font-weight:700;color:var(--text);border-bottom:1px solid var(--border);font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;font-family:JetBrains Mono,monospace}th:first-child{width:22%;color:var(--text-faint)}td{padding:14px 16px;border-bottom:1px solid var(--rule);vertical-align:top;line-height:1.6;color:var(--text-dim)}tr:last-child td{border-bottom:none}td:first-child{font-weight:600;color:var(--text);font-family:JetBrains Mono,monospace;font-size:12.5px}td strong{color:var(--c-cyan);font-weight:700}blockquote{margin:28px 0;padding:20px 26px;border-left:3px solid var(--c-amber);background:var(--c-amber-soft);font-size:16px;line-height:1.65;color:var(--text);border-radius:0 8px 8px 0}blockquote p{margin:0;font-size:inherit;color:var(--text)}blockquote p+p{margin-top:12px}blockquote strong{color:var(--c-amber)}.callout{margin:28px 0;padding:22px 26px;border:1px solid var(--border);background:var(--bg-elev);border-radius:8px;box-shadow:var(--shadow-sm)}.callout.purple{border-left:3px solid var(--c-purple)}.callout.cyan{border-left:3px solid var(--c-cyan)}.callout.pink{border-left:3px solid var(--c-pink)}.callout.amber{border-left:3px solid var(--c-amber)}.callout.orange{border-left:3px solid var(--c-orange)}.callout.green{border-left:3px solid var(--c-green)}.callout-label{font-size:12px;font-weight:700;letter-spacing:.28em;color:var(--c-purple);margin-bottom:12px;font-family:JetBrains Mono,monospace}.callout.cyan .callout-label{color:var(--c-cyan)}.callout.pink .callout-label{color:var(--c-pink)}.callout.amber .callout-label{color:var(--c-amber)}.callout.orange .callout-label{color:var(--c-orange)}.callout.green .callout-label{color:var(--c-green)}.callout p{margin:0;line-height:1.65;color:var(--text)}.callout p+p{margin-top:12px}code{font-family:JetBrains Mono,monospace;font-size:.88em;background:var(--bg-code);padding:2px 7px;border-radius:3px;color:var(--c-pink);border:1px solid var(--border)}.figure{margin:32px 0;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:46px 24px 24px;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.figure:before{content:"";position:absolute;top:0;left:0;right:0;height:32px;background:var(--bg-elev-2);border-bottom:1px solid var(--border)}.figure:after{content:"● ● ●";position:absolute;top:8px;left:14px;font-size:6px;color:var(--text-fainter);letter-spacing:4px}.figure-title{position:absolute;top:7px;left:50%;transform:translate(-50%);font-size:11.5px;letter-spacing:.18em;font-weight:600;color:var(--text-faint);font-family:JetBrains Mono,monospace;text-transform:uppercase}.figure svg{display:block;width:100%;height:auto;max-width:100%;margin-top:8px;cursor:zoom-in;transition:opacity .15s}.figure:hover svg{opacity:.97}.figure-caption{text-align:center;font-size:12.5px;color:var(--text-faint);margin-top:18px;line-height:1.7;letter-spacing:.01em;font-family:JetBrains Mono,monospace}.figure-caption strong{color:var(--text);font-weight:600}.worldview{margin:56px 0;padding:48px 40px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(135deg,var(--c-amber-soft) 0%,transparent 50%),linear-gradient(225deg,var(--c-pink-soft) 0%,transparent 50%),var(--bg-elev);position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.worldview:after{content:"";position:absolute;top:-50%;right:-20%;width:80%;height:200%;background:radial-gradient(ellipse,rgba(124,58,237,.07),transparent 60%);pointer-events:none}.worldview-label{font-size:12.5px;letter-spacing:.28em;font-weight:700;color:var(--c-pink);margin-bottom:24px;font-family:JetBrains Mono,monospace;position:relative}.worldview h2{font-size:clamp(24px,3vw,30px);margin-bottom:20px;color:var(--text);position:relative}.worldview p{font-size:16px;line-height:1.75;color:var(--text);position:relative}.worldview p .hl{color:var(--c-amber);font-weight:700}footer{margin-top:96px;padding-top:32px;border-top:1px solid var(--rule);font-size:12.5px;color:var(--text-faint);font-family:JetBrains Mono,monospace;line-height:1.8}footer p{margin:0 0 6px;font-size:inherit;color:inherit}footer a{color:var(--c-purple);text-decoration:none;border-bottom:1px dotted var(--c-purple)}footer a:hover{border-bottom-style:solid}.footer-socials{margin-top:22px;display:flex;gap:8px;flex-wrap:wrap}.footer-socials a{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid var(--border);border-radius:6px;background:var(--bg-elev);color:var(--text-dim);font-size:12.5px;border-bottom:1px solid var(--border);transition:all .15s}.footer-socials a:hover{color:var(--text);border-color:var(--border-strong);background:var(--bg-elev-2)}.footer-socials svg{width:13px;height:13px}.toc{position:fixed;top:88px;left:calc(50vw + 458px);width:220px;max-height:calc(100vh - 120px);overflow-y:auto;font-family:JetBrains Mono,monospace;z-index:10;padding:4px 0}.toc-label{font-size:11px;letter-spacing:.3em;font-weight:700;color:var(--text-faint);margin-bottom:14px;padding-left:14px}.toc-list{list-style:none;margin:0;padding:0;border-left:1px solid var(--border)}.toc-list li{margin:0}.toc-list a{display:block;padding:7px 14px;color:var(--text-faint);text-decoration:none;border-left:2px solid transparent;margin-left:-1px;transition:color .12s,border-color .12s;font-size:12.5px;line-height:1.45;letter-spacing:.02em}.toc-list a:hover{color:var(--text);border-left-color:var(--border-strong)}.toc-list a.active{color:var(--c-purple);border-left-color:var(--c-purple);font-weight:700}.toc-list a .toc-num{color:var(--text-fainter);margin-right:7px;font-weight:500}.toc-list a.active .toc-num{color:var(--c-purple)}.toc-list .toc-group{padding:12px 14px 4px;font-size:10px;letter-spacing:.25em;color:var(--text-fainter);text-transform:uppercase;font-weight:700}.toc-mobile{margin:32px 0;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev);overflow:hidden;font-family:JetBrains Mono,monospace;display:none}.toc-mobile summary{padding:14px 18px;cursor:pointer;font-size:13px;color:var(--text);font-weight:700;letter-spacing:.1em;display:flex;align-items:center;gap:10px;list-style:none}.toc-mobile summary::-webkit-details-marker{display:none}.toc-mobile summary:before{content:"▸";color:var(--c-purple);transition:transform .2s}.toc-mobile[open] summary:before{transform:rotate(90deg)}.toc-mobile summary .count{margin-left:auto;color:var(--text-faint);font-weight:500;font-size:12px}.toc-mobile ol{list-style:none;margin:0;padding:0 0 8px;border-top:1px solid var(--rule)}.toc-mobile ol a{display:block;padding:11px 18px;color:var(--text-dim);text-decoration:none;font-size:13px;line-height:1.45;border-bottom:1px solid var(--rule)}.toc-mobile ol li:last-child a{border-bottom:none}.toc-mobile ol a:hover{background:var(--bg-elev-2);color:var(--text)}.toc-mobile ol a .toc-num{color:var(--text-fainter);margin-right:8px;font-weight:500}@media(max-width:1380px){.toc{display:none}.toc-mobile{display:block}}.js-ready section,.js-ready .figure,.js-ready .tldr,.js-ready .promise,.js-ready .worldview,.js-ready .callout,.js-ready .part-divider{opacity:0;transform:translateY(20px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.js-ready section.revealed,.js-ready .figure.revealed,.js-ready .tldr.revealed,.js-ready .promise.revealed,.js-ready .worldview.revealed,.js-ready .callout.revealed,.js-ready .part-divider.revealed{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.js-ready section,.js-ready .figure,.js-ready .tldr,.js-ready .promise,.js-ready .worldview,.js-ready .callout,.js-ready .part-divider{opacity:1;transform:none;transition:none}}h2{display:flex;align-items:baseline;flex-wrap:wrap}.anchor-copy{display:inline-flex;align-items:center;justify-content:center;margin-left:12px;width:26px;height:26px;border-radius:6px;background:transparent;border:1px solid transparent;color:var(--text-fainter);cursor:pointer;opacity:0;transition:all .15s;padding:0}h2:hover .anchor-copy{opacity:1}.anchor-copy:hover{color:var(--c-purple);border-color:var(--border);background:var(--bg-elev)}.anchor-copy.copied{color:var(--c-green);border-color:#4d7c0f4d;background:var(--c-green-soft);opacity:1}.anchor-copy svg{width:13px;height:13px;display:block}.anchor-copy .check-icon,.anchor-copy.copied .link-icon{display:none}.anchor-copy.copied .check-icon{display:block}.figure-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:32px;opacity:0;pointer-events:none;transition:opacity .25s}.figure-modal.open{opacity:1;pointer-events:auto}.modal-backdrop{position:absolute;inset:0;background:#0f1419b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-content{position:relative;background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;padding:48px 36px 28px;max-width:1200px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 24px 80px #0006;transform:scale(.96);transition:transform .25s cubic-bezier(.16,1,.3,1)}.figure-modal.open .modal-content{transform:scale(1)}.modal-content svg{display:block;width:100%;height:auto;max-width:100%;cursor:default}.modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:var(--bg-elev-2);border:1px solid var(--border);color:var(--text);font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1}.modal-close:hover{background:var(--text);color:var(--bg-elev)}@keyframes flow{to{stroke-dashoffset:-12}}.flow-line{stroke-dasharray:6 6;animation:flow 1.8s linear infinite}@media(max-width:720px){.topbar{padding:8px 12px;font-size:10.5px;gap:8px}.topbar .hide-mobile{display:none}article{padding:40px 18px 80px}.promise{padding:24px 22px}.worldview,.part-divider{padding:28px 22px}.tldr{padding:22px 20px}.figure{padding:38px 12px 18px;margin:24px -4px}th,td{padding:10px 12px;font-size:13px}}