:root{--bg:#1b1a18;--bg-1:#12110f;--bg-2:#252321;--bg-3:#302f2c;--bg-elev:#272623;--line:#2c2b28;--line-1:#3b3a36;--fg:#eeedea;--fg-1:#c4c2be;--fg-2:#a5a39e;--fg-3:#868480;--accent:#f5914f;--accent-text:#f9a56e;--accent-fg:#1b1a18;--primary:#eeedea;--primary-fg:#1b1a18;--user-bg:#252321;--green:#69d98d;--red:#ff8179;--yellow:#f0c464;--blue:#80b6fb;--shade:0, 0, 0;--shade-a:3;--e1:7%;--e2:11%;--e3:18%;--agent-1:#a3e635;--agent-2:#fbbf24;--agent-3:#2dd4bf;--agent-4:#f472b6;--agent-5:#60a5fa;--agent-6:#a78bfa;--agent-7:#fb923c;--agent-8:#22d3ee;--agent-9:#e879f9;--agent-10:#4ade80;color-scheme:dark}:root[data-theme=light]{--bg:#fefdfc;--bg-1:#f7f6f2;--bg-2:#f0eeea;--bg-3:#e6e4df;--bg-elev:#fff;--line:#ebe9e4;--line-1:#dbd8d2;--fg:#1c1917;--fg-1:#47433f;--fg-2:#67625f;--fg-3:#7f7b77;--accent:#eb7f3b;--accent-text:#a94900;--accent-fg:#1c1917;--primary:#1c1917;--primary-fg:#fefdfc;--user-bg:#f0eeea;--green:#12773d;--red:#be2a27;--yellow:#8a5d0b;--blue:#1c63bf;--shade:40, 30, 20;--shade-a:1;--e1:6%;--e2:10%;--e3:16%;--agent-1:#5b8c12;--agent-2:#a67805;--agent-3:#0f9488;--agent-4:#de3f8a;--agent-5:#3474e8;--agent-6:#8457f0;--agent-7:#e0560f;--agent-8:#0a8fb0;--agent-9:#c43ad6;--agent-10:#15924a;color-scheme:light}:root{--font-cjk:"PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", "Noto Sans CJK SC", "Source Han Sans SC";--font:-apple-system, "Segoe UI Variable Text", "Segoe UI", var(--font-cjk), system-ui, sans-serif;--mono:ui-monospace, "Cascadia Code", "SF Mono", Consolas, "Liberation Mono", monospace;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--fs-meta:12px;--fs-sm:13px;--fs-body:16px;--fs-lg:18px;--fs-xl:clamp(26px, 3.2vw, 38px);--fs-display:clamp(40px, 6vw, 76px);--r-sm:6px;--r-md:10px;--r-lg:14px}*,:before,:after{box-sizing:border-box}html{background:var(--bg-1);color:var(--fg);font-family:var(--font);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;scroll-padding-top:72px;line-height:1.6}body{margin:0}a{color:inherit}img{max-width:100%}:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px;border-radius:4px}.btn kbd{font-family:var(--mono);font-size:var(--fs-meta);border:1px solid color-mix(in oklab, currentColor 30%, transparent);opacity:.7;border-radius:4px;margin-left:6px;padding:0 5px}.skip{z-index:10;border-radius:var(--r-sm);background:var(--bg-elev);padding:6px 10px;position:absolute;top:-48px;left:12px}.skip:focus{top:12px}:root[data-os=win] [data-os=mac],:root[data-os=mac] [data-os=win]{display:none}.site-header{z-index:5;background:linear-gradient(var(--bg-1), transparent);justify-content:space-between;align-items:center;gap:24px;padding:14px clamp(16px,4vw,40px);display:flex;position:fixed;inset:0 0 auto}.brand{align-items:center;gap:8px;font-weight:650;text-decoration:none;display:inline-flex}.site-header nav{font-size:var(--fs-sm);gap:clamp(12px,2vw,24px);display:flex}.site-header nav a{color:var(--fg-1);text-decoration:none}.site-header nav a:hover{color:var(--fg)}.btn{border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--bg-2);color:var(--fg);font:inherit;cursor:pointer;transition:transform .16s var(--ease-out), background-color .16s var(--ease-out);align-items:center;gap:4px;padding:11px 18px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--bg-3)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:var(--primary-fg);border-color:#0000}.btn-primary:hover{background:color-mix(in oklab, var(--primary) 88%, var(--bg))}.dl-main{flex-wrap:wrap;gap:10px;display:flex}.dl-alt{font-size:var(--fs-sm);color:var(--fg-2);flex-wrap:wrap;gap:16px;margin:10px 0 0;display:flex}.stage{position:relative}.stage-scene{z-index:0;background:#08070b;height:100svh;margin-bottom:-100svh;position:sticky;top:0;overflow:hidden}.stage-scene>img,.stage-scene canvas{width:100%;height:100%;position:absolute;inset:0}.stage-scene>img{object-fit:cover;image-rendering:pixelated}.stage-scene canvas{image-rendering:pixelated}.stage-scene .scene-post{image-rendering:auto}.stage-scene[data-live]>img{visibility:hidden}.stage-scene:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg, color-mix(in oklab, var(--bg-1) 88%, transparent) 0, color-mix(in oklab, var(--bg-1) 45%, transparent) 34%, transparent 62%), linear-gradient(0deg, var(--bg-1), transparent 22%);position:absolute;inset:0}.scene-a11y{pointer-events:none;position:absolute;inset:0}.scene-overlays{z-index:2;pointer-events:none;height:100svh;margin-top:-100svh;position:sticky;bottom:0;overflow:hidden}.ov{pointer-events:auto;border:1px solid var(--line-1);border-radius:var(--r-md);background:color-mix(in oklab, var(--bg) 92%, transparent);max-width:340px;font-size:var(--fs-sm);will-change:transform;padding:12px 14px;position:absolute;top:0;left:0;box-shadow:0 12px 40px #00000080}.ov[hidden]{display:none}.ov pre{font-size:var(--fs-meta);margin:8px 0;padding:8px 10px}.ov p{margin:0 0 4px}.ov-turn,.ov-file{color:var(--fg);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.ov-timeline{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.ov-timeline li{align-items:center;gap:8px;display:flex}.ov-code{flex-wrap:wrap}.ov-actions{gap:8px;display:flex}.ov-badge{color:var(--yellow);font-weight:650}.ov-diff pre span{white-space:pre;display:block}.l-add{color:var(--green)}.l-del{color:var(--red)}.add{color:var(--green);font-family:var(--mono)}.del{color:var(--red);font-family:var(--mono)}.ov-chips{flex-wrap:wrap;gap:6px;margin:0 0 8px;padding:0;list-style:none;display:flex}.ov-chips li{border:1px solid var(--line-1);border-radius:999px;padding:3px 10px}.ov-phone{border:2px solid var(--fg-2);border-radius:7px;gap:3px;width:34px;margin-bottom:8px;padding:6px 4px;display:grid}.ov-phone span{background:var(--fg-3);border-radius:2px;height:4px}.ov-accounts{gap:4px;margin:8px 0 0;padding:0;list-style:none;display:grid}.ov-accounts li{align-items:center;gap:8px;display:flex}.ov-accounts li span:last-child{color:var(--fg-2);margin-left:auto}.lamp{background:var(--fg-3);border-radius:50%;width:8px;height:8px}.lamp.on{background:var(--green)}.scene-tip{z-index:3;pointer-events:none;border-radius:var(--r-sm);background:color-mix(in oklab, var(--bg-elev) 94%, transparent);font-size:var(--fs-meta);white-space:pre;padding:8px 10px;position:absolute;top:0;left:0}.scene-tip[hidden]{display:none}.scene-sound{z-index:4;border:1px solid var(--line-1);background:color-mix(in oklab, var(--bg) 80%, transparent);color:var(--fg-1);font:inherit;font-size:var(--fs-meta);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;display:none;position:absolute;top:72px;right:clamp(12px,3vw,32px)}.stage-scene[data-live] .scene-sound{display:inline-flex}.scene-sound[aria-pressed=true]{color:var(--fg);border-color:var(--accent)}.scene-sound kbd{font-family:var(--mono);opacity:.7}.scene-debug{z-index:4;border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--bg);font-size:var(--fs-meta);gap:6px;padding:12px;display:grid;position:absolute;top:112px;right:clamp(12px,3vw,32px)}.scene-debug[hidden]{display:none}.scene-debug p{margin:0;font-weight:650}.hero,.chapters{z-index:3;pointer-events:none;position:relative}.hero-copy,.chapter-card{pointer-events:auto}.hero{align-items:end;min-height:100svh;padding-top:72px;display:grid}.hero-copy{max-width:600px;padding:0 clamp(16px,5vw,64px) clamp(56px,12vh,120px);position:relative}.hero h1{font-size:var(--fs-display);letter-spacing:-.02em;margin:0 0 16px;line-height:1.05}.hero-sub{font-size:var(--fs-lg);color:var(--fg-1);margin:0 0 28px}.hero-fine{font-size:var(--fs-sm);color:var(--fg-2);margin:14px 0 0}.hero-hint{font-size:var(--fs-sm);color:var(--fg-2);margin:28px 0 0}.chapters{padding:0 clamp(16px,5vw,64px)}.chapter{align-items:center;min-height:100svh;display:flex}.chapter-card{max-width:420px}.chapter-n{font-family:var(--mono);color:var(--accent-text);margin:0 0 8px}.chapter h2{font-size:var(--fs-xl);margin:0 0 12px;line-height:1.15}.chapter p{color:var(--fg-1);margin:0 0 16px}.chapter-more{font-size:var(--fs-sm);color:var(--accent-text);text-decoration:none}.stats{border-block:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:clamp(24px,6vw,80px);padding:96px 16px;display:flex}.stats div{text-align:center}.stats strong{font-family:var(--mono);font-size:clamp(36px,5vw,56px);display:block}.stats span{font-size:var(--fs-sm);color:var(--fg-2)}.install{text-align:center;max-width:720px;margin:0 auto;padding:120px clamp(16px,5vw,64px)}.install h2{font-size:var(--fs-xl);margin:0 0 12px}.install p{color:var(--fg-1)}.install .dl-main,.install .dl-alt{justify-content:center}.site-footer{border-top:1px solid var(--line);font-size:var(--fs-sm);color:var(--fg-2);gap:8px;padding:40px clamp(16px,5vw,64px);display:grid}.site-footer p{margin:0}.site-footer nav{flex-wrap:wrap;gap:16px;display:flex}.page{max-width:760px;margin:0 auto;padding:120px 20px 80px}.page h1{margin:0 0 8px;font-size:clamp(32px,4vw,44px)}.meta{color:var(--fg-2);margin:0 0 40px}.os-blocks{flex-direction:column;gap:32px;display:flex}:root[data-os=win] [data-os-block=win],:root[data-os=mac] [data-os-block=mac]{order:-1}.files{gap:8px;margin:0;padding:0;list-style:none;display:grid}.files li{border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--bg);justify-content:space-between;gap:16px;padding:12px 16px;display:flex}.files .size{font-family:var(--mono);font-size:var(--fs-sm);color:var(--fg-2)}.note{font-size:var(--fs-sm);color:var(--fg-2)}.note a,.prose a{color:var(--accent-text)}pre{border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--bg);font-family:var(--mono);font-size:var(--fs-sm);padding:14px 16px;overflow-x:auto}.prose h2{margin-top:48px}.prose h3{margin-top:28px}.prose code{background:var(--bg-2);font-family:var(--mono);border-radius:4px;padding:1px 5px;font-size:.9em}.prose kbd{border:1px solid var(--line-1);font-family:var(--mono);border-radius:4px;padding:0 5px;font-size:.9em}@media (width<=720px){.nav-wide{display:none}.stage-scene:after{background:linear-gradient(0deg, var(--bg-1) 30%, color-mix(in oklab, var(--bg-1) 40%, transparent) 62%, transparent)}.chapter{align-items:flex-end;padding-bottom:8svh}.chapter-card{border-radius:var(--r-lg);background:color-mix(in oklab, var(--bg-1) 86%, transparent);padding:16px}.ov{max-width:min(320px,86vw)}}@media (prefers-reduced-motion:reduce){.btn{transition:none}}@font-face{font-family:Fusion Pixel EN;src:url(/fonts/pixel-en.woff2)format("woff2");font-display:swap}@font-face{font-family:Fusion Pixel ZH;src:url(/fonts/pixel-zh.woff2)format("woff2");font-display:swap}:root{--neon-pink:#ff3cbe;--neon-cyan:#3cdcff;--neon-teal:#4fe0c0;--neon-amber:#ffd46a;--font-pixel:"Fusion Pixel EN", var(--mono);--fs-pixel-display:72px;--fs-pixel-title:36px;--spring:linear(0, .009, .035 2.1%, .141 4.4%, .281 6.7%, .723 12.9%, .938 16.7%, 1.017 19.4%, 1.067, 1.077 23.6%, 1.071 25.8%, 1.03 31.1%, 1.001 36.4%, .993 41.7%, 1.001 55.7%, 1);--glow-pink:0 0 6px #ff3cbea6, 0 0 24px #ff3cbe59;--glow-cyan:0 0 6px #3cdcff99, 0 0 24px #3cdcff4d;--ch:var(--neon-pink)}:root:lang(zh){--font-pixel:"Fusion Pixel ZH", "Fusion Pixel EN", var(--font)}@media (width<=720px){:root{--fs-pixel-display:48px;--fs-pixel-title:24px}}body:after{content:"";z-index:50;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:fixed;inset:0}body:before{content:"";z-index:49;pointer-events:none;background:radial-gradient(at 50% 40%,#0000 55%,#0000006b 100%);position:fixed;inset:0}.hero h1{font-family:var(--font-pixel);font-size:var(--fs-pixel-display);letter-spacing:0;-webkit-font-smoothing:none;color:#fff4fb;text-shadow:var(--glow-pink);font-weight:400;line-height:1.15}.chapter h2,.install h2{font-family:var(--font-pixel);font-size:var(--fs-pixel-title);-webkit-font-smoothing:none;font-weight:400;line-height:1.25}.chapter h2{text-shadow:0 0 16px color-mix(in oklab, var(--ch) 55%, transparent)}.install h2{text-shadow:var(--glow-cyan)}.chapter-n{font-family:var(--font-pixel);color:var(--ch);text-shadow:0 0 10px var(--ch);font-size:24px}.hero-hint{color:var(--neon-cyan);letter-spacing:.04em}.chapter[data-chapter=agents]{--ch:var(--neon-teal)}.chapter[data-chapter=turns]{--ch:var(--neon-cyan)}.chapter[data-chapter=permission]{--ch:var(--neon-amber)}.chapter[data-chapter=review]{--ch:var(--neon-pink)}.chapter[data-chapter=checkout]{--ch:var(--neon-amber)}.chapter[data-chapter=elsewhere]{--ch:var(--neon-pink)}.chapter[data-chapter=gateway]{--ch:var(--neon-cyan)}.chapter-more{color:var(--ch)}.chapter-more:hover{text-shadow:0 0 10px var(--ch)}.chapter-card{border-radius:var(--r-lg);background:color-mix(in oklab, var(--bg-1) 70%, transparent);backdrop-filter:blur(6px);padding:24px 26px;position:relative}.ov{--ch:var(--neon-cyan);backdrop-filter:blur(8px);animation:pop .38s var(--spring) both;border-color:#0000}.ov-permission{--ch:var(--neon-amber)}.ov-review,.ov-elsewhere{--ch:var(--neon-pink)}.chapter-card:before,.ov:before,.btn:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg, var(--ch), transparent 45%, color-mix(in oklab, var(--neon-cyan) 70%, transparent));-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}@keyframes pop{0%{opacity:0;scale:.92}}.btn{transition:transform .46s var(--spring), background-color .16s var(--ease-out), box-shadow .22s var(--ease-out);border-color:#0000;position:relative}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 22px #3cdcff2e}.btn:active{transition-duration:90ms;transform:scale(.96)}.btn-primary{color:#1a0714;background:linear-gradient(135deg,#ff6ad0,#ff3cbe 55%,#c62a96)}.btn-primary:before{display:none}.btn-primary:hover{background:linear-gradient(135deg,#ff86da,#ff4cc6 55%,#d4309f);box-shadow:0 0 26px #ff3cbe80}.btn-small{font-size:var(--fs-sm);padding:6px 12px}.site-header nav a{transition:color .16s var(--ease-out), text-shadow .16s var(--ease-out)}.site-header nav a:hover{color:var(--neon-cyan);text-shadow:var(--glow-cyan)}.dl-alt a:hover,.site-footer a:hover{color:var(--neon-cyan)}.scene-sound:hover{color:var(--neon-cyan);border-color:var(--neon-cyan)}.glyph{background:var(--neon-teal);width:8px;height:8px;box-shadow:0 0 6px var(--neon-teal);animation:1.2s step-end infinite glyph;display:inline-block}@keyframes glyph{25%{transform:translate(2px)}50%{transform:translate(2px,2px)}75%{transform:translateY(2px)}}.lamp.on{box-shadow:0 0 6px var(--green);animation:1.6s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.45}}.ov-address{color:var(--neon-cyan);text-shadow:var(--glow-cyan)}.ov-dot{background:var(--neon-teal);width:8px;height:8px;box-shadow:0 0 8px var(--neon-teal);border-radius:50%}.ov-badge{color:var(--neon-amber);text-shadow:0 0 8px #ffd46a99}.stats{z-index:3;border-block:1px solid #0000;border-image:linear-gradient(90deg, transparent, var(--neon-pink), var(--neon-cyan), transparent) 1;background:linear-gradient(90deg,#ff3cbe12,#3cdcff12);position:relative}.stats strong{font-family:var(--font-pixel);color:var(--neon-amber);text-shadow:0 0 14px #ffd46a80;font-weight:400}.install{isolation:isolate;position:relative}.install:before{content:"";z-index:-1;filter:blur(30px);background:radial-gradient(closest-side,#ff3cbe33,#0000),radial-gradient(closest-side at 70% 60%,#3cdcff29,#0000);position:absolute;inset:10% 15%}@keyframes rise{0%{opacity:0;filter:blur(4px);transform:translateY(14px)}}@keyframes bob{50%{transform:translateY(4px)}}.hero-copy>*{animation:rise .7s var(--ease-out) both}.hero-copy>:nth-child(2){animation-delay:90ms}.hero-copy>:nth-child(3){animation-delay:.18s}.hero-copy>:nth-child(4){animation-delay:.27s}.hero-copy>.hero-hint{animation:rise .7s var(--ease-out) .42s both, bob 2.4s ease-in-out 1.2s infinite}@keyframes reveal{0%{opacity:0;transform:translateY(32px)scale(.98)}}@supports (animation-timeline:view()){.chapter-card,.stats>div,.install>*{animation:linear both reveal view();animation-range:entry cover 30%}}.js-reveal .chapter-card,.js-reveal .stats>div,.js-reveal .install>*{opacity:0;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);transform:translateY(24px)}.js-reveal .in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.js-reveal .chapter-card,.js-reveal .stats>div,.js-reveal .install>*{opacity:1;transform:none}}