@font-face{font-family:Manrope;src:url('../manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{font-family:Manrope,Arial,sans-serif;color:#f4f5f0;background:#111719;font-size:14px;line-height:1.5;--lime:#d9ff66;--muted:#9aa7a6}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 35% 20%,#28352142,transparent 45%),#111719}button,select,input{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer;color:inherit;background:#20282a;border:1px solid #414a47;border-radius:8px;padding:9px 13px;font-size:12px;font-weight:700}button:hover{border-color:#d9ff66}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.primary{background:var(--lime);color:#162014;border-color:var(--lime)}.quiet{background:transparent}.masthead,main,footer{max-width:1760px;margin:auto;padding-inline:44px}.masthead{padding-block:29px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff13}.masthead a{text-decoration:none;font-weight:700}.masthead span,.masthead>a:last-child{font-size:12px;color:var(--muted);font-weight:500}.opening{display:flex;align-items:end;justify-content:space-between;gap:32px;padding:54px 0 40px}.opening h1{font-size:clamp(34px,4.5vw,72px);line-height:1.08;font-weight:650;letter-spacing:-2.9px;margin:0}.opening h1 em{font-style:normal;color:var(--lime)}.opening-copy{max-width:390px;flex-shrink:0}.opening-copy p{font-size:16px;line-height:1.6;margin:0 0 17px;color:#d0d9d4}.opening-copy small{color:#7f918c;font-size:11px;line-height:1.6}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:16px 0;border-block:1px solid #ffffff20}.toolbar label{display:flex;align-items:center;gap:7px;font-size:11px;color:#9eaeab;min-width:0}.toolbar select{background:#20282a;color:#f4f5f0;border:1px solid #414a47;border-radius:7px;padding:8px;min-width:0;font-size:12px}.toolbar .check{margin-left:auto;white-space:nowrap}.toolbar input{accent-color:var(--lime)}.live-line{display:flex;gap:23px;flex-wrap:wrap;font-size:11px;padding:16px 0 23px;color:var(--muted)}.live-line b{color:#dce4da;font-weight:600}.live-line i{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:8px;box-shadow:0 0 10px #d9ff6680}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:28px;align-items:start}.map-section{min-width:0}.map-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#85948e;font-size:11px;padding-bottom:12px}.map-tools button{font-size:11px;padding:5px 10px}.map-viewport{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#586744 #151d1b;border:1px solid #ffffff16;border-radius:18px;background:radial-gradient(ellipse at 50% 36%,#2b392138,transparent 60%),#11191a}.map{position:relative;width:100%;aspect-ratio:1400/1660;isolation:isolate;container-type:inline-size;overflow:hidden}.map svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1}.terrain{pointer-events:none;position:absolute;z-index:-1;border:1px solid #ffffff04;background:linear-gradient(130deg,#cddbc20a,transparent 60%);border-radius:50%;transform:rotate(-22deg)}.terrain-a{left:-40%;top:27%;width:120%;height:24%;box-shadow:40px 25px 100px #0007}.terrain-b{right:-25%;top:60%;width:100%;height:25%;box-shadow:-20px -20px 80px #0007}.tube-shadow{fill:none;stroke:#020807;stroke-width:18;opacity:.65}.tube{fill:none;stroke:url(#tube);stroke-width:12}.tube-core{fill:none;stroke:#91a783;stroke-width:1.3;opacity:.5}.edge-live{fill:none;stroke:var(--tone);stroke-width:3;opacity:0;transition:opacity .15s;filter:drop-shadow(0 0 5px var(--tone))}.edge-live.active{opacity:.9}.edge-live.traced{opacity:.9;stroke-width:4}.edge-label{fill:#a7b5a9;font-size:13px;paint-order:stroke;stroke:#11191a;stroke-width:7;stroke-linejoin:round;letter-spacing:.2px}.zone{position:absolute;left:2.5%;font-size:clamp(8px,.8cqw,12px);letter-spacing:2px;color:#607168;pointer-events:none}.z1{top:1.6%}.z2{top:15.2%}.z3{top:30.7%}.z4{top:50.2%}.z5{top:80.4%}.node{position:absolute;transform:translate(-50%,-50%);z-index:3;width:15%;min-height:4.8%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1.1% .65%;border:1px solid #abbf9c5e;border-radius:16px;background:linear-gradient(130deg,#5063545c,#192523e8 55%,#37462c6b);box-shadow:inset 0 1px 1px #f6ffe048,0 8px 15px #0008,0 14px 0 -8px #a0b4920c;backdrop-filter:blur(4px);font-size:clamp(12px,1.45cqw,22px);line-height:1.25;color:#eaf0df;font-weight:650;transition:border-color .15s,box-shadow .15s}.node::after{content:'';position:absolute;bottom:-10%;left:15%;width:70%;height:8%;border-radius:50%;background:#c8ff6420;filter:blur(6px)}.node small{display:block;color:#91a394;font-size:clamp(9px,.89cqw,13px);font-weight:500;margin-top:7px;line-height:1.4}.node:hover,.node.selected{border-color:#d9ff66;box-shadow:inset 0 1px 1px #f6ffe048,0 0 26px #d9ff6620,0 8px 15px #0008}.node.busy{border-color:#d9ff66b3}.node.actor{border:0;background:none;box-shadow:none;width:25%;font-size:clamp(12px,1.45cqw,20px);padding:0}.node.actor:after{display:none}.person{display:block;width:30px;height:30px;border:1px solid #83987d;border-radius:50%;margin-bottom:8px;position:relative;background:radial-gradient(circle at 50% 35%,#d8e8c9 4px,transparent 4.5px),radial-gradient(ellipse at 50% 100%,#809374 9px,transparent 9.5px)}.node.actor strong{font-weight:600}.node.agent{width:21%;border-radius:45%;aspect-ratio:1.75;background:radial-gradient(ellipse at 40% 0,#94aa6970,transparent),linear-gradient(140deg,#455239,#15221f);font-size:clamp(16px,2.4cqw,34px);border-color:#d9ff6699;box-shadow:0 0 50px #d9ff661a,inset 0 1px 8px #d9ff6644,0 20px 45px #0008}.node.agent::before{content:'✳';position:absolute;top:-31%;left:41%;color:#d9ff66;font-size:clamp(24px,3.5cqw,50px);text-shadow:0 0 25px #d9ff6699}.node.router{border-radius:50%;width:11%;aspect-ratio:1.7;min-height:0;font-size:clamp(10px,1.2cqw,17px);background:#273223}.node.soft{border-style:dashed;background:linear-gradient(140deg,#29404d,#182326);border-color:#86d5ff70}.node.human{border-color:#ffc48b80;background:linear-gradient(140deg,#57453799,#232821)}.node.result{width:26%;border-color:#d9ff66a8;background:linear-gradient(135deg,#4658328a,#1b2721)}.packet{position:absolute;z-index:5;transform:translate(-50%,-50%);width:21px;height:27px;padding:0;border:1px solid #f4f5f099;border-radius:4px;background:var(--tone);box-shadow:0 0 14px var(--tone);color:#17201c;transition:none}.packet:before{content:'';position:absolute;inset:6px 4px;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#111719a8 3px,#111719a8 4px)}.packet span{position:absolute;left:28px;top:-3px;font-size:10px;font-weight:800;background:#10191aeb;color:var(--tone);border:1px solid #ffffff1a;padding:2px 5px;border-radius:4px;white-space:nowrap}.packet.selected{outline:2px solid #fff;outline-offset:4px;z-index:6}.branch-note{position:absolute;color:#8fa083;font-size:clamp(8px,1cqw,13px);font-style:italic;line-height:1.7;pointer-events:none}.note-fork{left:40%;top:74.8%}.note-return{left:67%;top:91.5%}.legend{display:flex;flex-wrap:wrap;gap:16px;padding:15px 0;font-size:10px;color:#a7b4aa}.legend span:before{content:'';display:inline-block;width:6px;height:6px;background:var(--tone);border-radius:50%;margin-right:7px}.infrastructure{border-top:1px solid #a4b29427;padding:19px 0 24px}.infrastructure>span{font-size:11px;color:#8ea18a}.infrastructure p{font-size:13px;color:#b6c4af;margin:7px 0}.infrastructure i{font-style:normal;color:#697c62;padding:0 5px}.infrastructure small{font-size:11px;color:#7c9081}.inspector{position:sticky;top:18px;min-width:0;max-height:calc(100vh - 36px);overflow:auto;scrollbar-width:thin;scrollbar-color:#44523d transparent}.focus-panel{border-top:2px solid #d9ff66;padding:20px 0}.panel-caption{font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:#8c9c90}.panel-caption span{font-size:10px;letter-spacing:0;text-transform:none;margin-left:8px}.focus-panel h2{font-size:24px;margin:9px 0;letter-spacing:-.6px}.focus-panel p{font-size:12px;color:#abb9ad;line-height:1.75;margin:9px 0}.tech-list{display:flex;gap:6px;flex-wrap:wrap}.tech-list span{font-size:10px;color:#d4e2bf;padding:4px 7px;border:1px solid #8da47b38;border-radius:4px}.focus-panel .focus-note{font-size:10px;color:#778d7d}.request-panel,.stream-panel{padding:19px 0;border-top:1px solid #ffffff20}.request-id{font-size:11px;color:var(--tone);display:block;margin-top:12px}.request-panel h3{font-size:15px;line-height:1.5;font-weight:600;margin:8px 0}.request-panel p{font-size:11px;color:#9dae9e;line-height:1.7}.request-status{color:#d9ff66!important}.request-panel ol{padding:0;margin:14px 0 0;list-style:none;border-left:1px solid #b7c99133}.request-panel li{font-size:10px;color:#9caf9f;position:relative;padding:0 0 9px 13px;line-height:1.5}.request-panel li:before{content:'';position:absolute;left:-3px;top:5px;width:5px;height:5px;border-radius:50%;background:#a0bc78}.request-panel li:last-child{color:#d7e4c3}.request-panel li time{color:#62796b;margin-right:5px;font-variant-numeric:tabular-nums}#approval-controls button{font-size:11px;margin:3px 4px 3px 0}.request-row{width:100%;display:flex;gap:10px;border:0;border-bottom:1px solid #ffffff0e;border-radius:0;background:transparent;padding:10px 0;text-align:left;font-size:11px;line-height:1.5}.request-row .dot{background:var(--tone);width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:6px}.request-row.selected{background:#a9cc580c}.request-row small{display:block;font-size:9px;color:#839986;font-weight:500}.request-row em{font-size:9px;font-style:normal;color:#c5d5bb}.stream-panel{padding-bottom:0}.architecture{border-top:1px solid #ffffff20;padding:22px 0;margin-top:25px;max-width:1050px;color:#9aab9d;font-size:12px;line-height:1.9}.architecture summary{cursor:pointer;color:#d5dfd0;font-size:13px}.architecture a{color:#c8dc98}footer{color:#657d6c;font-size:10px;padding-block:24px 40px}body.embedded .masthead{display:none}body.embedded .opening{padding-top:35px}body.embedded main,body.embedded footer{padding-inline:25px}.fit .map{min-width:0!important}#map-viewport:not(.fit) .map{min-width:860px}[hidden]{display:none!important}
@media(min-width:1450px){.workspace{grid-template-columns:minmax(0,1fr) 300px;gap:35px}}
@media(max-width:1150px){.opening{align-items:start;gap:25px}.opening-copy{max-width:270px}.opening-copy p{font-size:13px}.workspace{grid-template-columns:minmax(0,1fr) 245px;gap:20px}.masthead,main,footer{padding-inline:24px}.toolbar .check{margin-left:0}}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.inspector{position:static;max-height:none;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.stream-panel{grid-column:1/-1}#request-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0 16px}.opening-copy{max-width:230px}.opening h1{font-size:42px}.map-section{width:100%}}
@media(max-width:600px){.masthead,main,footer,body.embedded main,body.embedded footer{padding-inline:16px}.masthead{padding-block:20px}.masthead>a:last-child{font-size:10px}.opening{display:block;padding:32px 0 25px}.opening h1{font-size:37px;letter-spacing:-1.8px}.opening-copy{max-width:none;margin-top:20px}.opening-copy p{font-size:13px;line-height:1.6}.opening-copy small{font-size:10px}.toolbar{gap:8px}.toolbar label{font-size:10px}.toolbar select{max-width:170px;font-size:11px}.toolbar button{font-size:11px;padding:9px 10px}.live-line{gap:9px 17px;font-size:10px}.map-tools{font-size:10px}.map-tools>span{max-width:220px}.inspector{display:block}.map-viewport{border-radius:10px}.map-viewport:not(.fit) .map{min-width:980px}.map-tools button{white-space:nowrap}.legend{gap:10px}#request-list{grid-template-columns:1fr 1fr}.packet{width:17px;height:22px}.packet span{left:22px;font-size:9px}.fit .packet{width:8px;height:11px}.fit .packet span{display:none}.fit .node{font-size:7px;padding:.7%;border-radius:6px;min-height:4.8%}.fit .node small{font-size:5px;margin-top:3px}.fit .node.agent{font-size:10px}.fit .person{width:14px;height:14px;margin-bottom:3px}.fit .zone{font-size:4px;letter-spacing:1px}.fit .branch-note{font-size:5px}.fit .edge-label{font-size:13px}.fit .node.agent:before{font-size:19px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.node-stack{display:block;margin-top:7px;padding-top:5px;border-top:1px solid #d7e8b51d;color:#cedea4;font-family:Manrope,Arial,sans-serif;font-size:clamp(8px,.85cqw,12px);font-weight:500;line-height:1.3;white-space:nowrap}.node.agent .node-stack{border:0;padding:0;color:#e3f5ba}.direction{fill:none;stroke:#8ba777;stroke-width:1.5;opacity:.7;pointer-events:none}.node.router .node-stack{display:none}.node small{margin-top:5px}.node.agent{padding-block:1%}.node.agent::before{top:-27%}
@media(max-width:600px){.fit .node-stack{font-size:4px;padding-top:2px;margin-top:2px}.fit .node small{margin-top:2px}.fit .node.agent .node-stack{font-size:4px}}