:root{--ink: #1a1a1a;--body: #2d2d2d;--grey: #5a5a5a;--light: #8a8a8a;--muted: #b5b5b5;--line: #e2ddd5;--bg: #f9f7f2;--bg-card: #f3f0e8;--white: #ffffff;--accent: #b00000;--text-w: 680px;--wide-w: 1100px;--serif: "EB Garamond", Georgia, "Times New Roman", serif;--sans: "Inter", "Montserrat", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--serif);background:var(--bg);color:var(--body);font-size:21px;line-height:1.85;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.fi{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.fi.v{opacity:1;transform:translateY(0)}.bnav{position:fixed;top:0;left:0;right:0;z-index:100;background:#f9f7f2f5;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);height:48px;font-family:var(--sans)}.bnav-in{max-width:var(--wide-w);margin:0 auto;padding:0 32px;display:flex;align-items:center;height:100%;gap:8px}.bnav .bk{font-size:13px;font-weight:500;color:var(--grey);text-decoration:none;display:flex;align-items:center;gap:4px}.bnav .bk:hover{color:var(--ink);text-decoration:none}.bnav .bk svg{width:14px;height:14px}.bnav .sp{color:var(--line);margin:0 2px;font-size:11px}.bnav .bl{font-size:13px;font-weight:600;color:var(--ink);text-decoration:none}.bnav .bl:hover{color:var(--accent);text-decoration:none}.bnav .ch{font-size:13px;color:var(--grey)}.bnav .co.cta{font-size:12.5px;font-weight:600;color:#fff;background:var(--ink);padding:7px 16px;border-radius:100px;text-decoration:none;transition:all .2s}.bnav .co.cta:hover{background:var(--accent);text-decoration:none}.bnav .spacer{flex:1}.bnav .ver{font-size:10px;font-weight:700;color:var(--accent);background:#b000000f;padding:2px 8px;border-radius:100px;font-family:var(--sans)}.bnav .co{font-size:12px;font-weight:500;color:var(--light);text-decoration:none;font-family:var(--sans)}.bnav .co:hover{color:var(--accent);text-decoration:none}.pbar{position:fixed;top:48px;left:0;right:0;height:2px;background:var(--line);z-index:99}.pbar .pfill{height:100%;width:0%;background:var(--accent);transition:width .1s linear}.ltoc{margin-bottom:32px;position:relative;padding-left:20px}.ltoc:before{content:"";position:absolute;left:7px;top:10px;bottom:10px;width:1.5px;background:var(--line)}.ltoc a{display:block;position:relative;font-size:13px;color:var(--light);padding:10px 0;text-decoration:none;line-height:1.4;transition:all .2s;font-family:var(--sans)}.ltoc a:before{content:"";position:absolute;left:-17px;top:13px;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--muted);background:var(--bg);transition:all .2s;z-index:1}.ltoc .soon{display:block;position:relative;font-size:13px;color:var(--light);opacity:.55;padding:10px 0;line-height:1.4;font-family:var(--sans);cursor:default}.ltoc .soon em{font-style:normal;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--light);border:1px solid var(--line);border-radius:100px;padding:1px 7px;margin-left:7px;vertical-align:1px}.ltoc .soon:before{content:"";position:absolute;left:-17px;top:13px;width:7px;height:7px;border-radius:50%;border:1.5px solid var(--line);background:var(--paper, #f9f7f2)}.ltoc-note{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-size:11.5px;line-height:1.55;color:var(--light);font-family:var(--sans)}.ltoc a:hover{color:var(--ink);text-decoration:none}.ltoc a:hover:before{border-color:var(--ink)}.ltoc a.ac{color:var(--ink);font-weight:700}.ltoc a.ac:before{border-color:var(--accent);background:var(--accent)}.pw{padding:76px 0 40px;display:grid;grid-template-columns:15% 60% 25%;gap:0;min-height:100vh}.left-col{position:sticky;top:50px;height:calc(100vh - 50px);overflow-y:auto;padding:32px 24px;display:flex;flex-direction:column}.center-col{padding:0 48px}.right-col{padding:32px 16px;position:relative}.chero{text-align:left;margin-bottom:48px;padding-bottom:36px}.chero .pub-date{font-size:13px;color:var(--light);font-family:var(--sans);margin-bottom:16px}.chero .deco-line{height:4px;background:var(--ink);margin-bottom:40px}.chero .chl{font-size:12px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-family:var(--sans);display:none}.chero h1{font-size:clamp(42px,6vw,72px);font-weight:400;letter-spacing:-1px;line-height:1.08;color:var(--ink);margin-bottom:20px}.chero .chsub{font-size:22px;color:var(--grey);line-height:1.5;margin-bottom:16px;font-weight:400}.chero .chm{font-size:14px;color:var(--light);font-family:var(--sans);display:none}.chero .cha{display:flex;align-items:center;gap:12px;margin-top:24px;font-size:15px;color:var(--grey);font-family:var(--serif)}.chero .cha img{width:40px;height:40px;border-radius:50%;object-fit:cover}.chero .cha .cha-name{font-weight:600;color:var(--ink)}.chero .cha .cha-role{font-size:13px;color:var(--light)}.rb h2{font-size:28px;font-weight:700;color:var(--ink);margin:56px 0 18px;line-height:1.25}.rb h3{font-size:22px;font-weight:600;color:var(--ink);margin:40px 0 14px;font-style:italic}.rb p{margin-bottom:24px;font-size:21px}.rb>p:first-child{font-size:23px;color:var(--ink);line-height:1.7}.rb strong,.rb b{color:var(--ink);font-weight:700}.rb blockquote{border-left:3px solid var(--accent);padding:4px 0 4px 28px;margin:36px 0;font-size:22px;line-height:1.55;font-style:italic;color:var(--ink)}.rb img{display:block;max-width:100%;margin:36px auto;border-radius:8px;box-shadow:0 6px 28px #00000014}.fig{margin:44px 0;text-align:center}.fig img{display:block;max-width:calc(var(--text-w) + 160px);width:calc(100% + 80px);margin:0 auto 0 -40px;border-radius:8px;box-shadow:0 8px 32px #0000001a}.fig video{display:block;max-width:calc(var(--text-w) + 160px);width:calc(100% + 80px);margin:0 auto 0 -40px;border-radius:8px;box-shadow:0 8px 32px #0000001a}.fig iframe{display:block;max-width:calc(var(--text-w) + 160px);width:calc(100% + 80px);margin:0 auto 0 -40px;aspect-ratio:16/9;border:none;border-radius:8px;box-shadow:0 8px 32px #0000001a}.rb video{display:block;width:100%;border-radius:8px;margin:28px 0;box-shadow:0 4px 20px #0000000f}.rb iframe{display:block;width:100%;aspect-ratio:16/9;border:none;border-radius:8px;margin:28px 0;box-shadow:0 4px 20px #0000000f}.fig .cap{margin-top:14px;font-size:14px;color:var(--light);font-style:italic;font-family:var(--serif)}.fig.full{margin-left:calc(-50vw + var(--text-w)/2);margin-right:calc(-50vw + var(--text-w)/2);width:100vw;max-width:100vw}.fig.full img,.fig.full video{width:100%;max-width:100%;margin-left:0;border-radius:0;box-shadow:none}.rnote{border:1.5px dashed var(--line);padding:14px;border-radius:8px;font-family:var(--sans);font-size:13px;line-height:1.55;color:var(--grey);position:absolute;left:16px;right:16px;opacity:0;transform:translateY(12px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1),border-color .3s}.rnote.visible{opacity:1;transform:translateY(0)}.rnote.highlight{border-color:var(--accent)}.rnote img{width:100%;border-radius:6px;margin-bottom:10px;box-shadow:none;display:block}.rnote .rnnum{color:var(--accent);font-size:14px;font-weight:500;margin-bottom:10px;font-family:var(--serif)}.rnote .rnt{display:none}.rnote .rntxt{font-size:14px;line-height:1.6;color:var(--grey);font-style:italic;font-family:var(--serif)}.rnote .rncap{font-size:12px;line-height:1.5;color:var(--grey);font-style:italic;font-family:var(--serif);margin-top:8px}.rnote img{cursor:pointer;transition:opacity .2s}.rnote img:hover{opacity:.85}.lightbox{position:fixed;inset:0;z-index:9999;background:#000000d9;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;cursor:zoom-out}.lightbox.open{opacity:1;pointer-events:auto}.lightbox img{max-width:90vw;max-height:90vh;border-radius:8px;box-shadow:0 8px 40px #0006}.lightbox .lb-close{position:absolute;top:20px;right:24px;width:40px;height:40px;border-radius:50%;background:#ffffff26;border:none;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.lightbox .lb-close:hover{background:#ffffff4d}.rnote .rnref{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;background:var(--accent);color:var(--white);font-size:11px;font-weight:700;margin-bottom:8px}.fn{color:var(--accent);font-family:var(--sans);font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:color .2s}.fn:hover{color:#900;text-decoration:none}.toggle-wrap{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:200}.toggle-bar{background:#ffffffeb;backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:100px;box-shadow:0 6px 24px #0000001a;padding:3px;display:flex;gap:2px;font-family:var(--sans)}.toggle-bar button{padding:7px 12px;border:none;border-radius:100px;font-size:11px;font-weight:600;cursor:pointer;font-family:var(--sans);transition:all .25s;display:flex;align-items:center;justify-content:center;gap:5px;flex:1}.toggle-bar button svg{width:16px;height:16px;transition:all .25s}.toggle-bar .t-human{background:var(--ink);color:var(--white)}.toggle-bar .t-human svg{stroke:var(--white);fill:none}.toggle-bar .t-agent{background:transparent;color:var(--grey)}.toggle-bar .t-agent svg{stroke:var(--grey);fill:none}.toggle-bar.agent-mode .t-human{background:transparent;color:var(--grey)}.toggle-bar.agent-mode .t-human svg{stroke:var(--grey)}.toggle-bar.agent-mode .t-agent{background:var(--ink);color:var(--white)}.toggle-bar.agent-mode .t-agent svg{stroke:var(--white)}body.agent-mode .rb,body.agent-mode .chero,body.agent-mode .cfooter,body.agent-mode .author-line{display:none}body.agent-mode .right-col{visibility:hidden}body.agent-mode .agent-data{display:block!important}.agent-data{display:none}.agent-panel{padding:40px 0;font-family:var(--sans)}.ap-header h2{font-size:28px;font-weight:800;color:var(--ink);margin-bottom:8px;font-family:var(--sans)}.ap-header p{font-size:16px;color:var(--grey);margin-bottom:36px}.ap-section{margin-bottom:36px}.ap-section h3{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:8px}.ap-desc{font-size:14px;color:var(--grey);margin-bottom:12px}.ap-prompt{background:var(--white, #fff);color:var(--ink);padding:20px;border:1px solid var(--line);border-radius:8px;font-size:12.5px;line-height:1.65;font-family:JetBrains Mono,monospace;white-space:pre-wrap;margin-bottom:12px}.ap-copy{background:var(--ink);color:var(--white);border:none;padding:10px 24px;border-radius:100px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--sans);transition:all .2s}.ap-copy:hover{background:var(--accent)}.ap-prompts-grid{display:grid;grid-template-columns:1fr;gap:16px;margin:32px 0}.ap-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.ap-card-head .ap-copy{flex:none}.ap-card-prompt{border-top:1px solid var(--line);padding-top:14px;font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.65;color:var(--ink);white-space:pre-wrap}.ap-card{border:1.5px solid var(--line);border-radius:10px;padding:20px;transition:all .2s;position:relative}.ap-card:hover{border-color:var(--accent)}.ap-card h4{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:6px}.ap-card p{font-size:13px;color:var(--grey);margin:0}.ap-card .ap-copy-hint{position:absolute;top:12px;right:12px;font-size:11px;font-weight:600;color:var(--accent);opacity:0;transition:opacity .2s}.ap-card:hover .ap-copy-hint{opacity:1}.ap-hidden{display:none}.ap-repo{margin-top:32px}.ap-repo h3{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:12px}.ap-files{display:flex;gap:12px;flex-wrap:wrap}.ap-files a{display:inline-block;padding:8px 16px;border-radius:6px;background:var(--bg-card);font-size:13px;font-weight:600;color:var(--ink);text-decoration:none;font-family:JetBrains Mono,monospace;transition:all .2s}.ap-files a:hover{background:var(--line);text-decoration:none}.cfig{margin:38px 0;text-align:center}.cfig img{max-width:100%;height:auto;border:1px solid var(--line);border-radius:8px}.cfig figcaption{margin-top:10px;font-family:var(--sans);font-size:12.5px;color:var(--grey);letter-spacing:.01em}.case-note{margin:36px 0;padding:16px 0 18px;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);font-family:var(--serif, "EB Garamond", Georgia, serif);font-style:italic;font-size:15.5px;line-height:1.6;color:var(--grey)}.case-note strong{font-style:normal;color:var(--ink)}.case-note .cn-label{display:block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--ink);margin-bottom:10px}.case-note strong{font-weight:700}.ccta-btn.line:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}body.agent-mode .cpager{display:none}.cpager{display:flex;justify-content:space-between;gap:16px;padding:28px 0 0;margin-top:56px;border-top:1px solid var(--line);font-family:var(--sans)}.cp-item{display:flex;flex-direction:column;gap:4px;max-width:47%;padding:12px 16px;border:1px solid var(--line);border-radius:10px;transition:border-color .15s,background .15s}a.cp-item{text-decoration:none}a.cp-item:hover{border-color:var(--accent);background:#b0000008}.cp-next{align-items:flex-end;text-align:right;margin-left:auto}.cp-dir{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.cp-ttl{font-size:14px;font-weight:600;color:var(--ink);line-height:1.3}.cp-soon{opacity:.55;cursor:default}.cp-soon .cp-ttl{color:var(--grey);font-weight:500}.cp-empty{border:none}@media(max-width:720px){.cpager{flex-direction:column}.cp-item,.cp-next{max-width:100%;align-items:flex-start;text-align:left;margin-left:0}}.cfooter{display:flex;justify-content:space-between;gap:20px;padding:32px 0;border-top:1px solid var(--line);margin-top:40px;font-family:var(--sans)}.cfooter a{font-size:14px;font-weight:600;color:var(--grey);text-decoration:none}.cfooter a:hover{color:var(--accent)}.author-line{font-style:italic;color:var(--grey);margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}.author-line a{color:var(--grey)}.idx-hero{text-align:center;margin-bottom:48px}.idx-hero h1{font-size:clamp(36px,5vw,48px);font-weight:700;color:var(--ink);margin-bottom:12px}.idx-hero .sub{font-size:20px;color:var(--grey);font-style:italic;margin-bottom:8px}.idx-hero .ml{font-size:13px;color:var(--light);margin-top:16px;font-family:var(--sans)}.idx-hero .ml b{color:var(--accent)}.toc-s{margin-bottom:40px}.toc-s .tl{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--light);margin-bottom:16px;font-family:var(--sans)}.toc-ls{list-style:none}.toc-i{border-bottom:1px solid var(--line)}.toc-i:last-child{border-bottom:none}.toc-a{display:flex;gap:16px;align-items:baseline;padding:18px 0;text-decoration:none;transition:opacity .2s}.toc-a:hover{opacity:.7;text-decoration:none}.toc-d{display:flex;gap:16px;align-items:baseline;padding:18px 0;color:var(--muted)}.toc-n{font-weight:300;font-size:20px;color:var(--light);min-width:32px}.toc-t{flex:1;font-weight:600;font-size:17px;color:var(--ink)}.toc-d .toc-t{color:var(--muted)}.toc-st{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-family:var(--sans)}.toc-st.pub{color:#2a7a2a}.toc-st.wip{color:var(--accent)}.toc-st.plan{color:var(--muted)}.cl-s{margin-top:48px}.cl-s .cll{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--light);margin-bottom:16px;font-family:var(--sans)}.le{display:flex;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;font-family:var(--sans)}.le:last-child{border-bottom:none}.le .lv{font-weight:700;color:var(--accent);min-width:40px}.le .lw{color:var(--light);min-width:88px}.le .lwh{color:var(--grey)}.bfooter{position:fixed;left:24px;bottom:18px;z-index:50;width:calc(15% - 48px);min-width:120px;font-size:11.5px;line-height:1.5;color:var(--light);text-align:left;font-family:var(--sans)}.bfooter a{color:var(--light);text-decoration:none}.bfooter a:hover{color:var(--accent)}.ap-label{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-family:var(--sans)}.ap-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin:-20px 0 36px}.ap-meta span{font-size:12px;color:var(--grey);font-family:var(--sans);padding-left:14px;position:relative}.ap-meta span:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;border:1.5px solid var(--accent)}.ap-card.ap-tool{border-color:var(--accent)}.ap-card.ap-tool h4{color:var(--accent)}.ap-spec{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;overflow:hidden}.ap-spec a{display:flex;align-items:baseline;gap:16px;padding:11px 16px;text-decoration:none;font-family:var(--sans)}.ap-spec a+a{border-top:1px solid var(--line)}.ap-spec a:hover{background:#b0000008;text-decoration:none}.ap-spec code{font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:600;color:var(--ink);min-width:120px}.ap-spec span{font-size:13px;color:var(--grey)}.ap-cta{margin-top:32px;padding:24px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;font-family:var(--sans)}.ap-cta p{font-size:15px;font-weight:600;color:var(--ink);margin:0}.ap-cta .bc-btn{display:inline-block;padding:11px 24px;border-radius:100px;font-size:14px;font-weight:600;font-family:var(--sans);cursor:pointer;text-decoration:none;transition:all .2s;background:var(--ink);color:#fff;border:1.5px solid var(--ink)}.ap-cta .bc-btn:hover{background:var(--accent);border-color:var(--accent);text-decoration:none}.sv-overlay{display:none}body.agent-mode~.sv-overlay,html.system-view .sv-overlay{display:block}.sv-overlay{position:fixed;inset:0;pointer-events:none;z-index:0}.sv-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(176,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(176,0,0,.05) 1px,transparent 1px),linear-gradient(rgba(20,20,22,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(20,20,22,.04) 1px,transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px}.sv-scan{position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(176,0,0,.45),transparent);animation:svscan 9s linear infinite}@keyframes svscan{0%{top:0}to{top:100%}}.sv-corner{position:absolute;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.06em;color:var(--grey)}.sv-tl{top:56px;left:16px;color:var(--accent)}.sv-tr{top:56px;right:16px}.sv-bl{bottom:12px;left:16px;display:none}.sv-br{bottom:12px;right:16px}html.system-view .agent-panel{font-family:JetBrains Mono,monospace}html.system-view .ap-header h2{font-family:JetBrains Mono,monospace;font-size:24px;letter-spacing:-.02em}html.system-view .ap-header h2:before{content:"// ";color:var(--accent)}html.system-view .ap-section h3:before,html.system-view .ap-repo h3:before{content:"// ";color:var(--accent)}html.system-view .ap-section,html.system-view .ap-prompts-grid,html.system-view .ap-repo,html.system-view .ap-cta{position:relative;border:1px dashed rgba(176,0,0,.35);border-radius:4px;padding:24px 20px 20px;background:#ffffff8c}html.system-view .ap-section[data-block]:after,html.system-view .ap-prompts-grid[data-block]:after,html.system-view .ap-repo[data-block]:after,html.system-view .ap-cta[data-block]:after{content:"<" attr(data-block) " />";position:absolute;top:-8px;left:12px;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--accent);background:var(--paper, #f9f7f2);padding:0 6px;letter-spacing:.04em}html.system-view .ap-card{border-style:dashed;border-radius:4px;background:#ffffffb3}html.system-view .ap-prompt{border-style:dashed;border-left-style:solid;border-radius:4px}html.system-view .ap-spec{border-style:dashed;border-radius:4px}html.system-view .ap-spec a+a{border-top-style:dashed}html.system-view .bnav{background:#f9f7f2e6}body.agent-mode .center-col{position:relative;z-index:1}@media(max-width:1100px){.pw{grid-template-columns:1fr}.bfooter{position:static;width:auto;text-align:center;padding:24px 20px}.left-col,.right-col{display:none}.center-col{max-width:680px;margin:0 auto;padding:0 32px}.toggle-wrap{bottom:14px}}@media(max-width:640px){.center-col{padding:0 20px}.bnav .ch,.bnav .bk,.bnav .ver{white-space:nowrap}.bnav .ver{display:none}.bnav .co.cta{padding:6px 12px;font-size:12px;white-space:nowrap}.pw{padding:64px 0 40px}.rb img{width:100%;margin:24px 0}.fig img,.fig video{width:100%;margin-left:0}}
