:root{color-scheme:light;--ink:#06120d;--surface:#0c1d16;--surface-2:#122a20;--line-dark:#1f3b2e;--dim:#8fa79a;--page:#f4f6f2;--paper:#fbfcfa;--line:#dfe4dc;--line-2:#c9d1c6;--text:#0a0f0c;--text-2:#46514a;--mute:#6d786f;--accent:#29ac68;--accent-ink:#1b6e44;--accent-soft:#7fcfa5;--spark:#a9dec3;--s1:#29ac68;--s2:#c78200;--s3:#7fcfa5;--s4:#29ac68;--s5:#a9dec3;--todo:#f6e7c3;--sans:"Geist",system-ui,sans-serif;--mono:"Geist Mono",ui-monospace,monospace;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--ink);color:#fff;font:15px/1.6 var(--sans);-webkit-font-smoothing:antialiased}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:20;background:var(--ink);position:fixed;inset:0 0 auto}.x{max-width:1200px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));margin:0 auto}h1,h2,h3,p{margin:0}.display{letter-spacing:-.045em;text-wrap:balance;font-weight:300;line-height:1.02}.label{font:500 12px var(--mono);text-transform:uppercase;letter-spacing:.14em}.chip{border:1px solid var(--line-dark);font:400 11px var(--mono);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;display:inline-flex}.sheet{background:var(--paper);color:var(--ink);border-radius:32px}.sheet .chip{border-color:var(--line)}[data-reveal]{transition:opacity .8s var(--ease),transform .8s var(--ease)}[data-reveal].pre{opacity:0;transform:translateY(18px)}.nav{top:env(safe-area-inset-top,0px);z-index:10;background:color-mix(in srgb,var(--ink) 86%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-dark);position:sticky}.nav .x{align-items:center;gap:18px;height:62px;display:flex}.brand{letter-spacing:-.02em;white-space:nowrap;font-weight:600}.stops{flex:1;grid-template-columns:repeat(4,1fr);min-width:0;display:grid;position:relative}.stops:before{content:"";background:var(--line-dark);height:1px;position:absolute;top:50%;left:8px;right:8px}.stops .fill{background:var(--accent-soft);width:0;height:1px;transition:width .3s;position:absolute;top:50%;left:8px}.stops a{color:var(--dim);font:500 11px var(--mono);letter-spacing:.06em;align-items:center;gap:8px;min-width:0;text-decoration:none;display:flex;position:relative}.stops a i{background:var(--ink);border:1.5px solid var(--c);border-radius:50%;flex:none;width:9px;height:9px;transition:background .3s,box-shadow .3s}.stops a span{background:var(--ink);text-overflow:ellipsis;white-space:nowrap;padding-right:6px;overflow:hidden}.stops a.on i{background:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 25%,transparent)}.stops a:focus-visible{outline:2px solid var(--accent-soft);outline-offset:4px;border-radius:4px}@media (width<=720px){.brand,.stops a span{display:none}.stops a{justify-content:center}}.hero{padding-block:84px 40px}.hero-top{grid-template-columns:7fr 4fr;align-items:end;gap:40px;display:grid}@media (width<=900px){.hero-top{grid-template-columns:1fr}}.hero h1{margin-top:22px;font-size:clamp(40px,7vw,84px)}.hero .lead{color:var(--dim);font-size:17px}.world{border:1px solid var(--line-dark);background:radial-gradient(120% 90% at 50% 0%,#0f1c2a 0%,var(--ink) 70%);border-radius:28px;margin-top:34px;padding:18px;overflow:hidden}.world svg{width:100%;height:auto;display:block}.qrow{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}@media (width<=700px){.qrow{grid-template-columns:1fr}}.qc{border:1px solid var(--line-dark);background:var(--surface);border-radius:18px;gap:4px;padding:14px 16px;display:grid}.qc b{font-size:16px;font-weight:500}.gear-tag{flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;display:flex}.pipe{fill:none;stroke:var(--line-dark);stroke-width:1.4px}.flow{fill:none;stroke-width:1.6px;stroke-dasharray:4 8;animation:1.2s linear infinite flow}@keyframes flow{to{stroke-dashoffset:-12px}}.n-txt{fill:#fff;font:400 14px var(--sans)}.n-sub{fill:var(--dim);font:400 10.5px var(--mono);letter-spacing:.04em}.q-tag{font:700 11px var(--mono)}.ping{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-out infinite ping}@keyframes ping{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(2.4)}}.breathe{animation:3.6s ease-in-out infinite breathe}@keyframes breathe{50%{transform:translateY(-3px)}}.stage{padding-block:60px;scroll-margin-top:70px}.sheet.stage{padding-inline:clamp(20px,4vw,56px)}.stage-wrap{gap:34px;display:grid}.sh{grid-template-columns:auto 1fr auto;align-items:end;gap:20px;display:grid}@media (width<=700px){.sh{grid-template-columns:auto 1fr}.sh .ans{grid-column:1/-1}}.sheet .num{-webkit-text-stroke:0;color:color-mix(in srgb,var(--c) 70%,var(--ink))}.sh h2{font-size:clamp(28px,4.2vw,48px)}.ans{flex-wrap:wrap;justify-self:end;gap:8px;display:flex}.sub{gap:14px;display:grid}.sub>.label{color:var(--text-2)}.ink-stage .sub>.label{color:var(--dim)}.tools{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}@media (width<=860px){.tools{grid-template-columns:repeat(2,minmax(0,1fr))}}.tool{border:1px solid var(--line);transition:transform .4s var(--ease),box-shadow .4s;background:#fff;border-radius:20px;gap:10px;padding:16px;display:grid}.tool:hover{transform:translateY(-4px);box-shadow:0 14px 28px #05090d14}.tool .ico{background:var(--ink);color:#fff;width:38px;height:38px;font:700 14px var(--mono);border-radius:12px;place-items:center;display:grid}.tool b{font-weight:500}.tool span{font:400 11px var(--mono);color:var(--text-2)}.tool.key{background:var(--ink);color:#fff;border-color:var(--ink)}.tool.key .ico{background:var(--spark);color:var(--ink)}.tool.key span{color:var(--dim)}.srcs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}@media (width<=760px){.srcs{grid-template-columns:1fr}}.src{border:1px solid var(--line);background:#fff;border-radius:20px;justify-content:space-between;align-items:center;gap:10px;padding:16px;display:flex}.src b{font-size:16px;font-weight:500;display:block}.src small{font:400 11px var(--mono);color:var(--text-2)}.via{font:500 11px var(--mono);background:var(--ink);color:#fff;white-space:nowrap;border-radius:999px;padding:4px 10px}.wf{--node:34px;margin:0;padding:0;list-style:none;display:flex;position:relative}.wf-step{flex-direction:column;flex:1 1 0;gap:10px;padding-right:12px;display:flex;position:relative}.wf-step:not(:last-of-type):before{content:"";left:calc(var(--node)/2);top:calc(var(--node)/2 - .5px);background:var(--line);width:100%;height:1px;position:absolute}.ink-stage .wf-step:not(:last-of-type):before{background:var(--line-dark)}.wf-node{z-index:1;width:var(--node);height:var(--node);border:1px solid var(--line);color:var(--text-2);font:500 12px var(--mono);background:#fff;border-radius:50%;place-items:center;transition:background .25s,color .25s,border-color .25s,box-shadow .25s;display:grid;position:relative}.ink-stage .wf-node{border-color:var(--line-dark);background:var(--surface-2);color:var(--dim)}.wf-node.is-hot{background:var(--c,var(--accent));border-color:var(--c,var(--accent));color:var(--ink);box-shadow:0 0 0 5px color-mix(in srgb,var(--c,var(--accent)) 25%,transparent)}.wf-text{font-size:14px;line-height:1.35}.wf-tool{font:400 11px var(--mono);color:var(--accent)}.ink-stage .wf-tool{color:var(--accent-soft)}.wf-step.heavy .wf-node{border-style:dashed}.wf-step.heavy .wf-tool{color:#c2410c}.wf-dot{z-index:2;width:7px;height:7px;box-shadow:0 0 10px 3px var(--c,var(--accent)),0 0 2px #fff;opacity:0;pointer-events:none;background:#fff;border-radius:50%;margin:-3.5px 0 0 -3.5px;position:absolute;top:0;left:0}@media (width<=760px){.wf{flex-direction:column}.wf-step{flex-direction:row;padding:0 0 16px}.wf-step:not(:last-of-type):before{left:calc(var(--node)/2 - .5px);top:calc(var(--node)/2);width:1px;height:100%}.wf-text{padding-top:6px}}.wf.mini{--node:22px}.wf.mini .wf-node{font-size:10px}.wf.mini .wf-text{font-size:12.5px}.uses{flex-wrap:wrap;gap:8px;display:flex}.use{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font-size:14px;transition:background .3s,color .3s}.outbar{background:var(--ink);color:#fff;border-radius:22px;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 18px;display:flex}.outbar .label{color:var(--c);margin-right:6px}.outbar .chip{border-color:var(--line-dark);color:#dfe6ee}details.dw{border:1px solid var(--line);background:#fff;border-radius:18px}.ink-stage details.dw{border-color:var(--line-dark);background:var(--surface)}details.dw>summary{cursor:pointer;font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;padding:13px 18px;list-style:none;display:flex}details.dw>summary::-webkit-details-marker{display:none}details.dw>summary:after{content:"+";font:300 22px var(--sans);transition:transform .3s var(--ease)}details.dw[open]>summary:after{transform:rotate(45deg)}details.dw>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:18px}.dwb{gap:12px;padding:0 18px 18px;display:grid}.four{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}@media (width<=860px){.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=460px){.four{grid-template-columns:1fr}}.four.two{grid-template-columns:repeat(2,minmax(0,1fr))}.cell{background:color-mix(in srgb,var(--paper) 70%,#fff);border:1px solid var(--line);border-radius:14px;align-content:start;gap:6px;min-width:0;padding:12px;font-size:13px;display:grid}.ink-stage .cell{background:var(--surface-2);border-color:var(--line-dark)}.cell h4{font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);margin:0}.ink-stage .cell h4{color:var(--dim)}.cell ul{gap:2px;margin:0;padding-left:16px;display:grid}.cell.t{background:var(--todo);color:var(--ink);border-color:#e2cfa0}.cell.t h4{color:#6b5400}.tip{color:#b4440f;gap:8px;font-size:12.5px;display:flex}.ink-stage .tip{color:#ffb37a}.tip b{font-family:var(--mono);white-space:nowrap;font-weight:500}.walls{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}@media (width<=760px){.walls{grid-template-columns:1fr}}.wall{border:1px solid var(--line-dark);background:var(--surface);border-radius:24px;gap:14px;padding:20px;display:grid;position:relative;overflow:hidden}.wall svg{width:100%;height:84px}.brick{fill:none;stroke:color-mix(in srgb,var(--s2) 55%,var(--line-dark));stroke-width:1px}.crack{fill:none;stroke:var(--s2);stroke-width:1.6px;stroke-dasharray:60;stroke-dashoffset:60px;animation:crack 3.4s var(--ease) infinite}@keyframes crack{30%,70%{stroke-dashoffset:0}to{stroke-dashoffset:-60px}}.wall b{font-size:18px;font-weight:500}.wall .fix{font:400 12px var(--mono);color:var(--accent-soft);gap:8px;display:flex}.wall .fix:before{content:"→"}.bridge{justify-content:center;padding-block:22px;display:flex}.bridge span{font:400 12px var(--mono);color:var(--dim);border:1px solid var(--line-dark);border-radius:999px;align-items:center;gap:10px;padding:8px 16px;display:inline-flex}.bridge span:before{content:"";background:var(--accent-soft);width:6px;height:6px;box-shadow:0 0 8px 2px var(--accent);border-radius:50%;animation:1.8s ease-in-out infinite blink}@keyframes blink{50%{opacity:.25}}.keys{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@media (width<=700px){.keys{grid-template-columns:1fr}}.key{background:var(--ink);color:#fff;border-radius:24px;gap:16px;padding:22px;display:grid}.key .label{color:var(--s3)}.key b{letter-spacing:-.03em;font-size:26px;font-weight:300}.ucs{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:start;gap:14px;display:grid}.uc{border:1px solid var(--line);transition:transform .5s var(--ease),box-shadow .5s;background:#fff;border-radius:24px;display:grid;overflow:hidden}.uc:hover{transform:translateY(-4px);box-shadow:0 18px 40px #05090d1a}.uc-top{border-top:4px solid var(--c);gap:14px;padding:18px 18px 16px;display:grid}.uc-top .row{justify-content:space-between;align-items:center;display:flex}.uc-top .row .label{color:var(--text-2)}.uc-top h3{letter-spacing:-.02em;font-size:20px;font-weight:500}.star{font:500 10px var(--mono);background:var(--s1);color:var(--ink);border-radius:999px;padding:3px 8px}.uc .gv{border-top:1px solid var(--line);align-items:baseline;gap:10px;padding:12px 18px;font-size:13px;display:flex}.gv em{font:500 10px var(--mono);background:var(--ink);color:#fff;white-space:nowrap;border-radius:6px;padding:2px 7px;font-style:normal}.uc details.dw{border:0;border-top:1px solid var(--line);border-radius:0}.asm{border:1px solid var(--line-dark);background:radial-gradient(100% 80% at 70% 50%,#0f1c2a 0%,var(--ink) 75%);border-radius:28px;padding:18px}.asm svg{width:100%;height:auto;display:block}.cmp{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@media (width<=700px){.cmp{grid-template-columns:1fr}}.lv{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:24px;gap:14px;padding:22px;display:grid}.lv.adv{background:var(--ink);color:#fff;border-color:var(--ink)}.lv .label{color:var(--c)}.lv dl{grid-template-columns:auto 1fr;gap:10px 16px;margin:0;font-size:14px;display:grid}.lv dt{font:400 11px var(--mono);color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;padding-top:2px}.lv.adv dt{color:var(--dim)}.lv dd{margin:0}.blank{background:var(--todo);color:var(--ink);font:500 11px var(--mono);border-radius:6px;padding:1px 8px}.tbar{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.ring{--v:0;background:conic-gradient(var(--accent-soft) calc(var(--v)*1%),var(--line-dark) 0);border-radius:50%;place-items:center;width:84px;height:84px;transition:background .4s;display:grid}.ring span{background:var(--ink);width:68px;height:68px;font:500 14px var(--mono);border-radius:50%;place-items:center;display:grid}.tg{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));align-items:start;gap:12px;display:grid}.tg label{cursor:pointer;align-items:flex-start;gap:10px;font-size:13.5px;display:flex}.tg input{accent-color:var(--accent);flex:none;margin-top:3px}.tg label.done span{color:var(--dim);text-decoration:line-through}.cnt{color:var(--dim)}footer{color:var(--dim);font:400 12px var(--mono);padding-block:40px}body{background:var(--page);color:var(--text);font-feature-settings:"ss01"}body:after{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);opacity:.7;background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(90% 70% at 50% 0,#000 30%,#0000 80%);mask-image:radial-gradient(90% 70% at 50% 0,#000 30%,#0000 80%)}body:before{background:var(--page)}::selection{background:var(--spark);color:var(--ink)}.display{letter-spacing:-.05em;font-weight:500;line-height:1}.label{font:500 11.5px var(--mono);letter-spacing:.12em}.dim{color:var(--mute)}.chip{border-color:var(--line-2);color:var(--text-2);background:var(--paper);border-radius:8px}.grad{background:linear-gradient(100deg,var(--accent-ink) 0%,var(--accent) 45%,#29ac68 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.nav{background:color-mix(in srgb,var(--page) 82%,transparent);border-bottom-color:var(--line)}.brand{color:var(--text)}.brand:after{content:"";background:var(--accent);vertical-align:middle;border-radius:2px;width:7px;height:7px;margin-left:6px;display:inline-block}.stops:before{background:var(--line-2)}.stops .fill{background:var(--accent)}.stops a{color:var(--mute)}.stops a span,.stops a i{background:var(--page)}.stops a.on{color:var(--text)}.hero .lead{color:var(--text-2)}.hero h1{font-size:clamp(42px,7.2vw,92px)}.world,.asm{background:radial-gradient(120% 90% at 50% 0%,#123526 0%,var(--ink) 65%);box-shadow:0 1px 0 #ffffff0f inset,0 30px 60px -20px #06120d73,0 0 0 6px color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid #0f2a1f;border-radius:24px;padding:0 18px 18px;position:relative}.scr-bar{border-bottom:1px solid var(--line-dark);height:42px;font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);align-items:center;gap:8px;margin:0 -18px 6px;padding:0 18px;display:flex}.scr-bar .scr-r{opacity:.7;margin-left:auto}.live{background:var(--spark);width:7px;height:7px;box-shadow:0 0 10px 2px color-mix(in srgb,var(--spark) 60%,transparent);border-radius:50%;animation:1.6s ease-in-out infinite blink}.n-box{fill:var(--surface);stroke:#24463a}.qc{background:var(--paper);border-color:var(--line);border-radius:14px}.qc b{color:var(--text)}.qc .label{color:color-mix(in srgb,var(--c) 75%,#000)}.gear-tag .chip:first-of-type{background:var(--ink);color:#fff;border-color:var(--ink)}.sheet{background:var(--paper);color:var(--text);border:1px solid var(--line);border-radius:28px;box-shadow:inset 0 1px #fff,0 20px 50px -30px #06120d2e}.sheet .dim{color:var(--mute)}.sheet .stk,.sheet .src,.sheet details.dw,.sheet .use{border-color:var(--line);background:#fff;border-radius:14px}.stk,.src,.uc,details.dw{border-radius:14px}.stk-h .ico{border-radius:9px}.stk .cost{border-radius:6px}.sheet .stk .cost{background:var(--page)}.stk .cost.tipc{background:var(--spark);border-color:var(--spark)}.sheet .wf-node{border-color:var(--line-2);background:#fff}.wf-node.is-hot{color:var(--ink)}.sheet .wf-tool{color:var(--accent-ink)}.via{background:var(--ink);border-radius:6px}.use{border-radius:10px}.use:hover{background:var(--ink);color:#fff}.outbar{background:var(--ink);border-radius:16px}.outbar .label{color:var(--spark)}.ink-stage{background:var(--ink);color:#fff;background-image:radial-gradient(80% 50% at 100% 0%,color-mix(in srgb,var(--c,var(--accent)) 16%,transparent),transparent 70%);border-radius:28px;padding-inline:clamp(20px,4vw,56px)}.ink-stage .dim{color:var(--dim)}.ink-stage .chip{border-color:var(--line-dark);color:#d6e4dc;background:0 0}.ink-stage .label.dim{color:var(--dim)}.num{font:600 clamp(64px,10vw,120px)/.8 var(--sans);letter-spacing:-.07em;color:var(--c)}.sheet .num{color:color-mix(in srgb,var(--c) 85%,#000)}.stn-h .code{color:var(--c);letter-spacing:-.06em;font-weight:600}.key{border-radius:20px}.wall{border-radius:18px}.bridge span{color:var(--text-2);border-color:var(--line-2);background:var(--paper);border-radius:8px}.bridge span:before{background:var(--accent);box-shadow:0 0 8px 2px color-mix(in srgb,var(--accent) 50%,transparent)}.lv{border-radius:18px}.ring{background:conic-gradient(var(--spark) calc(var(--v)*1%),var(--line-dark) 0)}.slot{border-radius:16px}footer{color:var(--mute)}.outbar .chip{border-color:var(--line-dark);color:#d6e4dc;background:0 0}.hero-top .label{color:var(--accent-ink)!important}.ink-stage .cell.t,.sheet .cell.t{color:var(--ink)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}[data-reveal].pre{opacity:1;transform:none}}.stk-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));align-items:start;gap:12px;display:grid}.stk{border:1px solid var(--line);transition:transform .4s var(--ease),box-shadow .4s;background:#fff;border-radius:20px;align-content:start;gap:10px;padding:16px;display:grid}.stk:hover{transform:translateY(-3px);box-shadow:0 14px 28px #05090d14}.ink-stage .stk{background:var(--surface);border-color:var(--line-dark)}.ink-stage .stk:hover{box-shadow:0 14px 28px #0006}.stk-h{align-items:center;gap:10px;display:flex}.stk-h .ico{background:var(--ink);color:#fff;width:34px;height:34px;font:700 12px var(--mono);border-radius:11px;flex:none;place-items:center;display:grid}.ink-stage .stk-h .ico{background:var(--c);color:var(--ink)}.stk-h b{font-size:16px;font-weight:500;line-height:1.2}.stk-h small{font:400 11px var(--mono);color:var(--text-2);display:block}.ink-stage .stk-h small{color:var(--dim)}.stk ul{gap:3px;margin:0;padding-left:16px;font-size:13px;display:grid}.stk .cost{font:500 10.5px var(--mono);background:var(--paper);border:1px solid var(--line);border-radius:999px;justify-self:start;padding:3px 9px}.ink-stage .stk .cost{background:var(--surface-2);border-color:var(--line-dark);color:#dfe6ee}.stk .cost.tipc{background:var(--spark);border-color:var(--spark);color:var(--ink)}.stn{border-top:1px solid var(--line-dark);gap:16px;padding-top:24px;display:grid}.stn-h{flex-wrap:wrap;align-items:baseline;gap:6px 16px;display:flex}.stn-h .code{font:300 44px/.9 var(--sans);letter-spacing:-.05em;color:var(--c)}.stn-h b{letter-spacing:-.02em;font-size:20px;font-weight:500}.stn-h .out{font:400 12px var(--mono);color:var(--accent-soft)}.stn-h .out:before{content:"ra → "}.hub{font:500 10px var(--mono);white-space:nowrap;color:var(--ink);border-radius:999px;padding:3px 8px}.hub.o{background:var(--s4)}.hub.i{background:var(--s3)}.slot{background:color-mix(in srgb,var(--todo) 18%,transparent);text-align:center;font:500 12px var(--mono);color:var(--todo);border:1.5px dashed #e2cfa0;border-radius:22px;padding:22px}.cmp3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}@media (width<=860px){.cmp3{grid-template-columns:1fr}}.ic{color:currentColor;place-items:center;display:inline-grid}.ic svg{stroke-width:1.75px;width:18px;height:18px}.co{border:1px solid;border-radius:12px;gap:10px;padding:12px 14px;font-size:14px;line-height:1.6;display:flex}.co .ic{flex:none;margin-top:2px}.co.tip{color:#1b6e44;background:#eaf7f0;border-color:#a9dec3}.co.warn{color:#6b4600;background:#faf1e2;border-color:#ecd3a3}.co.note{border-color:var(--line);color:var(--text-2);background:#fff}.co.todo{background:var(--todo);color:#5a4500;border-color:#e2cfa0}.code{background:var(--ink);border:1px solid var(--line-dark);border-radius:14px;min-width:0;overflow:hidden}.code .hd{border-bottom:1px solid var(--line-dark);font:500 11px var(--mono);color:var(--dim);justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.code .hd button{border:1px solid var(--line-dark);color:var(--dim);font:500 11px var(--mono);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;transition:color .15s,border-color .15s;display:inline-flex}.code .hd button:hover{color:#fff;border-color:var(--dim)}.code .hd button svg{width:13px;height:13px}.code pre{font:400 12.5px/1.7 var(--mono);color:#d6e4dc;white-space:pre-wrap;margin:0;padding:14px;overflow:auto}.code .t1{color:#a9dec3}.code .t2{color:#7fcfa5}.code .t4{color:#5f7a6c}.tbl{border-collapse:collapse;background:#fff;width:100%;font-size:13.5px}.tbl th{font:500 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);text-align:left;background:var(--page);border-bottom:1px solid var(--line);padding:10px 12px}.tbl td{border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px}.tbl tr:last-child td{border-bottom:0}.tbl-wrap{border:1px solid var(--line);border-radius:14px;overflow-x:auto}.bdg{font:500 11px var(--mono);white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;display:inline-flex}.bdg.g{color:#1b6e44;background:#d4efe1}.bdg.l{background:var(--spark);color:var(--ink)}.bdg.d{background:var(--ink);color:#fff}.bdg.o{color:#6b4600;background:#faf1e2}.frame{border:1px solid var(--line-2);background:#fff;border-radius:14px;min-width:0;margin:0;overflow:hidden;box-shadow:0 20px 50px -30px #06120d59}.frame .bar{background:var(--page);border-bottom:1px solid var(--line);align-items:center;gap:6px;height:36px;padding:0 12px;display:flex}.frame .bar i{background:var(--line-2);border-radius:50%;flex:none;width:9px;height:9px}.frame .bar .url{border:1px solid var(--line);min-width:0;height:22px;font:400 11px var(--mono);color:var(--mute);white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:6px;flex:1;align-items:center;margin-left:8px;padding:0 8px;display:flex;overflow:hidden}.frame figcaption{border-top:1px solid var(--line);color:var(--mute);padding:9px 12px;font-size:12.5px}.iso{overflow:visible}.iso polygon,.iso path{stroke:#2d5546;stroke-width:.8px;stroke-linejoin:round}.iso .p-top{fill:#173528}.iso .p-left{fill:#10261c}.iso .p-right{fill:#0b1c15}.iso .slab-top{fill:#122a20}.iso .o-top{fill:#2b5a46}.iso .o-left{fill:#1b3a2d}.iso .o-right{fill:#13291f}.iso .a-top{fill:#54bd86}.iso .a-left{fill:#29ac68}.iso .a-right{fill:#1b6e44}.iso .a-top,.iso .a-left,.iso .a-right{stroke:#1b6e44}.iso .soft{fill:#a9dec3;opacity:.75}.iso .accent-fill{fill:#54bd86}.iso .screen-bg{fill:#0b1a14}.iso .bar{fill:#29ac68;transform-box:fill-box;transform-origin:bottom;animation:iso-grow 3s var(--ease) infinite}.iso .dish{fill:#1b3a2d;stroke:#7fcfa5}.iso .core{fill:#54bd86;stroke:none;filter:drop-shadow(0 0 6px #29ac68)}.iso .ping{fill:none;stroke:#7fcfa5;stroke-width:1.2px;transform-box:fill-box;transform-origin:50%;animation:2.6s ease-out infinite iso-ping}.iso .ping-2{animation-delay:1.3s}.iso .wire{stroke:#2d5546;stroke-width:1.2px}.iso .beacon{fill:#a9dec3;animation:1.8s ease-in-out infinite blink}.iso .blink{animation:1.8s ease-in-out infinite blink}.iso .twinkle{animation:4.4s ease-in-out infinite iso-twinkle}.iso .warn-fill,.iso .warn-badge{fill:#c78200}.iso .warn-mark{fill:#fff;font:600 12px var(--mono)}.iso .lane{fill:none;stroke:#2d5546;stroke-width:6px;stroke-linecap:round;opacity:.7}.iso .packet{fill:#a9dec3;filter:drop-shadow(0 0 4px #29ac68)}@keyframes iso-grow{0%{transform:scaleY(.15)}40%,85%{transform:scaleY(1)}to{transform:scaleY(.15)}}@keyframes iso-ping{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.25)}}@keyframes iso-twinkle{0%,to{opacity:.2}50%{opacity:.9}}