:root{--bg:#0a0d11;--panel:#0e151c;--panel2:#111922;--line:#1d2a35;--line2:#2a3b4a;--ink:#eaf2f8;--ink2:#a7b7c4;--muted:#6c7c8a;--green:#22e082;--blue:#5f8bff;--purple:#b07bff;--neutral:#7c8b98;--amber:#f0b24a;--red:#ff6b6b}*{box-sizing:border-box}.cfx{background:var(--bg);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:60px 60px;color:var(--ink2);font-family:IBM Plex Sans,system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;overflow-x:clip;padding:32px 26px 40px;position:relative;scroll-margin-top:100px}.cfx:before{background:radial-gradient(900px 520px at 82% -8%,rgba(34,224,130,.09),transparent 60%),radial-gradient(760px 480px at 8% 0,rgba(95,139,255,.07),transparent 55%);content:"";inset:0;pointer-events:none;position:absolute;transition:background .5s}.cfx.is-dis:before{background:radial-gradient(900px 520px at 50% -10%,rgba(240,178,74,.1),transparent 60%)}.cfx>*{position:relative;z-index:1}.cfx h1,.cfx h2,.cfx h3{color:var(--ink);font-family:Chakra Petch,sans-serif;margin:0}.wrap{margin:0 auto;max-width:1180px}.eyebrow{color:var(--green);font-family:IBM Plex Mono,monospace;font-size:13px;letter-spacing:.22em;margin:0 0 12px;text-transform:uppercase}.title{font-size:clamp(1.55rem,3.3vw,2.2rem);font-weight:700;line-height:1.08;max-width:24ch}.title .g{color:var(--blue)}.dek{color:var(--ink2);font-size:1.02rem;margin:12px 0 0;max-width:72ch}.toggle{background:var(--panel);border:1px solid var(--line2);border-radius:999px;display:inline-flex;gap:4px;margin:26px 0 6px;padding:5px}.toggle button{align-items:center;appearance:none;background:none;border:0;border-radius:999px;color:var(--ink2);cursor:pointer;display:flex;font-family:Chakra Petch,sans-serif;font-size:14.5px;font-weight:700;gap:9px;padding:11px 20px;transition:all .2s}.toggle button .d{background:currentColor;border-radius:50%;height:9px;width:9px}.toggle button.active{color:#06130c}.toggle button.dis.active{background:var(--amber)}.toggle button.con.active{background:var(--green)}.hint{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.03em;margin:4px 0 0}.hint b{color:var(--ink2);font-weight:500}.stage{margin:24px 0 0;min-height:360px;position:relative}.view{display:none}.view.on{animation:fadein .35s ease;display:block}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.silos{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media(max-width:760px){.silos{grid-template-columns:1fr 1fr}}@media(max-width:440px){.silos{grid-template-columns:1fr}}.silo{background:var(--panel);border:1.5px dashed var(--line2);border-radius:12px;cursor:pointer;padding:16px 15px 15px;position:relative;transition:all .18s}.silo:focus-visible,.silo:hover{border-color:var(--amber);outline:none;transform:translateY(-2px)}.silo .tag{color:var(--amber);font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.08em;position:absolute;right:12px;text-transform:uppercase;top:12px}.silo h3{font-size:1rem;margin:0 0 6px;padding-right:58px}.silo p{color:var(--muted);font-size:13px;line-height:1.45;margin:0}.silo.sel{border-color:var(--amber);border-style:solid;box-shadow:0 0 0 2px var(--amber),0 12px 30px rgba(0,0,0,.35);transform:translateY(-2px)}.disnote{background:hsla(0,100%,71%,.07);border:1px solid hsla(0,100%,71%,.4);border-radius:10px;color:var(--ink2);font-size:14.5px;gap:12px;margin:18px 0 0;padding:14px 16px}.disnote,.disnote .x{align-items:center;display:flex}.disnote .x{background:hsla(0,100%,71%,.15);border-radius:50%;color:var(--red);flex:0 0 auto;font-weight:700;height:26px;justify-content:center;width:26px}.flow{align-items:stretch;display:grid;gap:13px;grid-template-columns:repeat(5,1fr)}@media(max-width:860px){.flow{grid-template-columns:1fr 1fr}}@media(max-width:520px){.flow{grid-template-columns:1fr}}.lane{background:var(--panel);border:1px solid var(--line2);border-radius:12px;padding:15px 13px;transition:opacity .18s,box-shadow .18s,border-color .18s}.lane .bar{background:var(--acc);border-radius:12px 12px 0 0;height:4px;margin:-15px -13px 12px}.lane .top{align-items:baseline;display:flex;gap:7px}.lane .n{color:var(--acc);font-family:IBM Plex Mono,monospace;font-size:12px}.lane h3{font-size:.98rem}.lane .sub{color:var(--muted);font-size:12px;margin:2px 0 11px}.node{background:hsla(0,0%,100%,.04);border:1px solid var(--line2);border-left:3px solid var(--cacc,var(--acc));border-radius:8px;color:var(--ink);cursor:pointer;display:block;font-family:IBM Plex Sans,sans-serif;font-size:13.5px;font-weight:600;margin:0 0 7px;padding:10px 30px 10px 12px;position:relative;text-align:left;transition:all .15s;width:100%}.node:last-child{margin-bottom:0}.node:after{align-items:center;border:1px solid var(--muted);border-radius:50%;color:var(--muted);content:"i";display:flex;font-size:10px;font-style:italic;font-weight:700;height:16px;justify-content:center;position:absolute;right:9px;top:50%;transform:translateY(-50%);transition:all .15s;width:16px}.node:focus-visible,.node:hover{background:hsla(0,0%,100%,.08);outline:none;transform:translateY(-1px)}.node:focus-visible:after,.node:hover:after{border-color:var(--cacc,var(--acc));color:var(--cacc,var(--acc))}.node.sel{background:hsla(0,0%,100%,.07);box-shadow:0 0 0 2px var(--cacc,var(--acc))}.node.sel:after{background:var(--cacc,var(--acc));border-color:transparent;color:#06130c;content:"\2715"}.orsep{align-items:center;color:var(--muted);display:flex;font-family:IBM Plex Mono,monospace;font-size:10.5px;gap:8px;letter-spacing:.1em;margin:0 0 7px}.orsep:after,.orsep:before{background:var(--line2);content:"";flex:1;height:1px}.pick{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.08em;margin:0 0 6px;text-transform:uppercase}.dimmed{opacity:.3}.lane.lit{box-shadow:0 0 0 1px var(--acc),0 10px 26px rgba(0,0,0,.3)}.arrows{display:flex;justify-content:space-between;margin:6px 0;padding:0 9%}@media(max-width:860px){.arrows{display:none}}.arrows span{color:var(--green);font-size:17px;opacity:.5}.outwrap{margin:24px 0 0}.outlabel{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.14em;margin:0 0 11px;text-transform:uppercase}.outs{display:grid;gap:11px;grid-template-columns:repeat(4,1fr)}@media(max-width:760px){.outs{grid-template-columns:1fr 1fr}}@media(max-width:420px){.outs{grid-template-columns:1fr}}.out{align-items:center;background:var(--panel);border:1px solid var(--line2);border-radius:11px;color:var(--ink);cursor:pointer;display:flex;font-family:Chakra Petch,sans-serif;font-size:15px;font-weight:600;gap:10px;padding:14px 15px;position:relative;text-align:left;transition:all .15s}.out .dot{background:var(--ocol);border-radius:50%;flex:0 0 auto;height:10px;width:10px}.out:focus-visible,.out:hover{border-color:var(--ocol);outline:none;transform:translateY(-1px)}.out.active{border-color:var(--ocol);box-shadow:0 0 0 1px var(--ocol),0 0 28px -8px var(--ocol)}.out.locked{cursor:default;opacity:.55}.out.locked .dot{background:var(--muted)}.out.locked:after{content:"\1F512";font-size:13px;opacity:.7;position:absolute;right:13px}.panel{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line2);border-left:4px solid var(--pc,var(--green));border-radius:12px;margin:20px 0 0;min-height:96px;padding:19px 22px}.panel.flash{animation:pflash .55s ease}@keyframes pflash{0%{box-shadow:0 0 0 2px var(--pc,var(--green));transform:translateY(-3px)}to{box-shadow:none;transform:none}}.panel .p-k{color:var(--pc,var(--green));font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.1em;margin:0 0 6px;text-transform:uppercase}.panel .p-t{color:var(--ink);font-family:Chakra Petch,sans-serif;font-size:1.12rem;font-weight:700;margin:0 0 7px}.panel .p-b{color:var(--ink2);font-size:15px;margin:0;max-width:82ch}.foot{align-items:center;gap:8px 20px;margin:20px 0 0}.foot,.legend{display:flex;flex-wrap:wrap}.legend{gap:16px}.legend span{align-items:center;color:var(--ink2);display:inline-flex;font-size:13px;gap:7px}.legend i{border-radius:50%;display:inline-block;height:9px;width:9px}.reset{background:none;border:1px solid var(--line2);border-radius:7px;color:var(--ink2);cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.05em;margin-left:auto;padding:8px 14px;text-transform:uppercase}.reset:hover{border-color:var(--green);color:var(--ink)}.note{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.04em;margin:18px 0 0}