:root{--bg:#04070500;--bg0:#040705;--bg1:#06100a;--bg2:#081610;--panel:#06110b;--panel2:#0a1a11;--line:#11472b;--line2:#1c6e44;--green:#39ff8b;--green2:#27c96e;--gdim:#1c8a4e;--text:#9bffc4;--text2:#5fcf8c;--muted:#3f8a60;--dim:#2c6044;--amber:#ffcf4d;--red:#ff5c57;--blue:#5fe6ff;--violet:#c9a6ff;--mono:"Share Tech Mono",ui-monospace,Menlo,Consolas,monospace;--vt:"VT323","Share Tech Mono",monospace;--glow:0 0 4px rgba(57,255,139,.55);--glowsoft:0 0 2px rgba(57,255,139,.45)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg0);background-image:radial-gradient(ellipse at 50% 0%,rgba(20,90,50,.18),transparent 60%),radial-gradient(ellipse at 50% 120%,rgba(20,90,50,.12),transparent 55%);color:var(--text);font-family:var(--mono);font-size:14px;line-height:1.5;text-shadow:var(--glowsoft);-webkit-font-smoothing:antialiased}#root{min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}button{font-family:inherit}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.ok{color:var(--green);text-shadow:var(--glow)}.danger{color:var(--red);text-shadow:0 0 4px rgba(255,92,87,.6)}b{color:var(--text);font-weight:400;text-shadow:var(--glow)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000029,#0000 4px)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background:radial-gradient(ellipse at center,#0000 55%,#0000008c);animation:flick 5s infinite}@keyframes flick{0%,to{opacity:1}48%{opacity:.96}50%{opacity:.92}52%{opacity:.97}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#0e3a23;border:1px solid var(--line)}::-webkit-scrollbar-track{background:transparent}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.eyebrow:before{content:"// "}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px clamp(13px,3vw,24px);background:#040906e6;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-mark{width:32px;height:32px;display:grid;place-items:center;color:var(--green);border:1px solid var(--line2);background:#06170d;box-shadow:inset 0 0 10px #39ff8b2e,var(--glowsoft)}.brand-title{font-family:var(--vt);font-size:24px;line-height:1;letter-spacing:.04em;color:var(--green);text-shadow:var(--glow);display:flex;align-items:baseline}.brand-title:before{content:"█"}.brand-accent{color:var(--text);margin-left:2px}.brand-accent:before{content:"/"}.brand-sub{font-size:11px;color:var(--muted);margin-top:2px;letter-spacing:.04em}.brand-sub:before{content:"> "}.top-right{display:flex;align-items:center;gap:9px}.status-chip{display:inline-flex;align-items:center;gap:8px;font-size:12px;padding:7px 11px;border:1px solid var(--line2);background:#06140d;color:var(--text2);text-transform:uppercase;letter-spacing:.06em}.status-chip .pulse{width:8px;height:8px;background:var(--muted)}.status-chip.online{color:var(--green);border-color:var(--gdim)}.status-chip.online .pulse{background:var(--green);box-shadow:0 0 8px var(--green);animation:beat 1.6s infinite}.status-chip.offline{color:var(--red);border-color:#7a2420}.status-chip.offline .pulse{background:var(--red);box-shadow:0 0 8px var(--red)}.status-chip.checking{color:var(--amber);border-color:#7a5e1e}.status-chip.checking .pulse{background:var(--amber);animation:fade 1s infinite}@keyframes beat{0%,to{opacity:1}50%{opacity:.4}}@keyframes fade{0%,to{opacity:1}50%{opacity:.25}}.icon-btn{width:34px;height:34px;border:1px solid var(--line2);background:#06140d;color:var(--text2);cursor:pointer;display:grid;place-items:center;transition:.12s}.icon-btn:hover{color:var(--green);border-color:var(--green2);box-shadow:var(--glowsoft)}.body{display:flex;flex:1;min-height:0}.sidebar{width:212px;flex-shrink:0;border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:7px;position:sticky;top:56px;height:calc(100vh - 56px)}.side-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--dim);padding:2px 8px 8px}.side-eyebrow:before{content:"──"}.side-eyebrow:after{content:" ──"}.nav{display:flex;flex-direction:column;gap:3px;counter-reset:nav}.nav-item{position:relative;display:flex;align-items:center;gap:10px;text-align:left;background:none;border:1px solid transparent;color:var(--text2);padding:9px 10px;cursor:pointer;font-family:var(--mono);font-size:13px;letter-spacing:.04em;transition:.12s;counter-increment:nav}.nav-item:before{content:"[" counter(nav) "]";color:var(--dim);font-size:12px}.nav-item:hover{color:var(--green);border-color:var(--line)}.nav-item.active{color:var(--green);border-color:var(--line2);background:#08190f;box-shadow:inset 0 0 12px #39ff8b1f,var(--glowsoft)}.nav-item.active:before{color:var(--green)}.nav-item.active .nav-ico{color:var(--green)}.nav-ico{display:grid;place-items:center;width:20px;color:var(--muted)}.nav-label{flex:1}.side-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:7px}.sf-row{display:flex;justify-content:space-between;font-size:11.5px;color:var(--dim)}.sf-row b{color:var(--text2);text-shadow:var(--glowsoft)}.content{flex:1;min-width:0;padding:clamp(18px,3vw,32px);overflow-x:hidden}.view{max-width:1060px;margin:0 auto;animation:rise .25s steps(4)}@keyframes rise{0%{opacity:0}to{opacity:1}}.view-head{margin-bottom:22px;border-bottom:1px dashed var(--line);padding-bottom:16px}.view-head .eyebrow{display:block;margin-bottom:7px}.h1{font-family:var(--vt);font-size:clamp(30px,5vw,42px);margin:0;line-height:1;letter-spacing:.02em;color:var(--green);text-shadow:var(--glow)}.h1:before{content:">_ ";color:var(--text2)}.sub{color:var(--text2);font-size:13px;margin:12px 0 0;line-height:1.65;max-width:740px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:11px}.kpi{background:var(--panel);border:1px solid var(--line);padding:14px 16px;position:relative}.kpi:before{content:"";position:absolute;top:-1px;left:-1px;width:9px;height:9px;border-top:1px solid var(--line2);border-left:1px solid var(--line2)}.kpi:after{content:"";position:absolute;bottom:-1px;right:-1px;width:9px;height:9px;border-bottom:1px solid var(--line2);border-right:1px solid var(--line2)}.kpi-head{display:flex;align-items:center;gap:8px;color:var(--muted)}.kpi-ico{display:grid;place-items:center}.kpi.neutral .kpi-ico{color:var(--text2)}.kpi.green .kpi-ico{color:var(--green)}.kpi.blue .kpi-ico{color:var(--blue)}.kpi.red .kpi-ico{color:var(--red)}.kpi-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text2)}.kpi-val{font-family:var(--vt);font-size:38px;line-height:1;margin-top:10px;color:var(--green);text-shadow:var(--glow)}.kpi.red .kpi-val{color:var(--red);text-shadow:0 0 5px rgba(255,92,87,.5)}.kpi.blue .kpi-val{color:var(--blue);text-shadow:0 0 5px rgba(95,230,255,.5)}.kpi-sub{font-size:11px;color:var(--dim);margin-top:8px;text-transform:uppercase;letter-spacing:.03em}.grid2{display:grid;grid-template-columns:1.05fr 1.15fr;gap:13px;margin-top:13px}.panel{background:var(--panel);border:1px solid var(--line);padding:16px 18px;margin-top:13px;position:relative}.grid2 .panel{margin-top:0}.panel-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;border-bottom:1px dashed var(--line);padding-bottom:9px}.panel-h .eyebrow:before{content:"▸"}.pill{font-size:11px;color:var(--muted);border:1px solid var(--line);padding:2px 8px;text-transform:uppercase;letter-spacing:.05em}.empty{color:var(--dim);font-size:12.5px;padding:22px 0;text-align:center;letter-spacing:.04em}.empty:before{content:"[ ";color:var(--line2)}.empty:after{content:" ]";color:var(--line2)}.donut-wrap{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.donut-svg{flex-shrink:0;filter:drop-shadow(0 0 3px rgba(57,255,139,.25))}.donut-num{font-family:var(--vt);font-size:34px;fill:var(--green)}.donut-cap{font-size:10px;fill:var(--muted);letter-spacing:.16em}.donut-legend{flex:1;min-width:170px;display:flex;flex-direction:column;gap:9px}.dleg{display:flex;align-items:center;gap:9px;font-size:12.5px}.dleg-dot{width:9px;height:9px;flex-shrink:0}.dleg-lbl{color:var(--text2);flex:1;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.dleg-val{color:var(--text);display:flex;align-items:baseline;gap:7px}.dleg-pct{color:var(--dim);font-size:11px;min-width:32px;text-align:right}.barchart{display:block;width:100%;height:auto;overflow:visible}.bc-axis{fill:var(--dim);font-size:9px;font-family:var(--mono)}.bc-val{fill:var(--green);font-size:10px;font-family:var(--mono)}.bc-lbl{fill:var(--muted);font-size:9px;font-family:var(--mono);letter-spacing:.04em}.events{display:flex;flex-direction:column;font-size:13px}.evt{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px dashed var(--line);padding:9px 0}.evt:last-child{border-bottom:none}.evt:before{content:"$";position:absolute;color:var(--dim)}.evt-left{display:flex;align-items:center;gap:9px;min-width:0;padding-left:14px}.evt-dot{width:8px;height:8px;flex-shrink:0}.evt-name{color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.03em}.badge{font-size:9.5px;padding:2px 6px;border:1px solid;text-transform:uppercase;letter-spacing:.05em}.badge.fp{color:var(--amber);border-color:#7a5e1e}.badge.fn{color:var(--red);border-color:#7a2420}.evt-right{display:flex;align-items:center;gap:11px;white-space:nowrap}.evt-conf{color:var(--muted);font-size:12px}.verdict{font-size:10.5px;padding:3px 8px;border:1px solid;letter-spacing:.06em}.verdict.block{color:var(--red);border-color:#7a2420;background:#ff5c5712}.verdict.allow{color:var(--green);border-color:var(--gdim);background:#39ff8b12}.lane{position:relative;height:clamp(320px,44vw,430px);overflow:hidden;border:1px solid var(--line2);background:#040b07;margin-top:8px;box-shadow:inset 0 0 40px #0009,inset 0 0 14px #39ff8b0f}.grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(57,255,139,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(57,255,139,.06) 1px,transparent 1px);background-size:26px 26px}.node{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.node.internet{right:14px;width:128px}.node.home{left:14px;width:150px}.node-card{background:#06140d;border:1px solid var(--line2);padding:11px;box-shadow:0 0 14px #00000080,inset 0 0 10px #39ff8b12}.node-head{display:flex;align-items:center;gap:7px;font-size:12px;letter-spacing:.06em;color:var(--green);text-shadow:var(--glowsoft)}.node-head svg{color:var(--green)}.node.internet .node-head,.node.internet .node-head svg{color:var(--blue)}.node-meta{font-size:10.5px;color:var(--text2);margin-top:6px;letter-spacing:.03em}.node-meta.dim{color:var(--dim)}.dev-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.dev{display:flex;flex-direction:column;align-items:center;gap:2px;width:40px;padding:5px 2px;background:#040c07;border:1px solid var(--line);color:var(--text2)}.dev-lbl{font-size:8px;letter-spacing:.04em;color:var(--muted)}.fw{position:absolute;left:50%;top:0;bottom:0;transform:translate(-50%);display:flex;align-items:center;justify-content:center;z-index:2}.fw-bar{position:absolute;top:6%;bottom:6%;width:0;border-left:2px dashed var(--green);box-shadow:0 0 16px 2px #39ff8b66;animation:fwpulse 2s infinite}@keyframes fwpulse{0%,to{opacity:.7}50%{opacity:1}}.fw-chip{position:absolute;top:14px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;background:#06140d;border:1px solid var(--green2);color:var(--green);font-size:10.5px;letter-spacing:.06em;padding:5px 9px;white-space:nowrap;box-shadow:var(--glowsoft)}.fw-sub{position:absolute;bottom:16px;left:50%;transform:translate(-50%);font-size:9.5px;color:var(--dim);letter-spacing:.04em}.pkt{position:absolute;width:11px;height:11px;background:#6f8a72;box-shadow:0 0 8px #0006;z-index:3}.anim-pass{animation:pass 3.2s linear forwards}.anim-block{animation:block 2.8s linear forwards}@keyframes pass{0%{left:88%;opacity:0;background:#6f8a72}6%{opacity:1}45%{left:50%;background:#6f8a72}53%{background:#39ff8b;box-shadow:0 0 12px #39ff8b}93%{left:12%;opacity:1;background:#39ff8b}to{left:10%;opacity:0;background:#39ff8b}}@keyframes block{0%{left:88%;opacity:0;background:#6f8a72;transform:translateY(-50%) scale(1)}6%{opacity:1}52%{left:51%;background:#6f8a72;transform:translateY(-50%) scale(1)}62%{background:#ff5c57;box-shadow:0 0 14px #ff5c57;transform:translateY(-50%) scale(1.6)}82%{transform:translateY(-50%) scale(1);opacity:1}to{left:51%;opacity:0;background:#ff5c57;transform:translateY(-50%) scale(2.6)}}.legend{display:flex;gap:18px;font-size:11.5px;margin-top:14px;color:var(--muted);flex-wrap:wrap;letter-spacing:.04em}.leg{display:flex;align-items:center;gap:7px}.leg-dot{width:9px;height:9px}.sim-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:13px}.scard{background:var(--panel);border:1px solid var(--line);padding:18px;position:relative}.scard.green{border-color:var(--gdim)}.scard.red{border-color:#7a2420}.scard-h{display:flex;align-items:center;gap:10px;font-size:14px;letter-spacing:.05em;text-transform:uppercase;color:var(--text)}.scard-ico{width:30px;height:30px;display:grid;place-items:center;background:#040c07;border:1px solid var(--line)}.scard-ico.ok{color:var(--green)}.scard-ico.danger{color:var(--red)}.scard-sub{color:var(--muted);font-size:12px;margin:11px 0 0;line-height:1.55}.field{margin-top:14px}.field label{display:block;font-size:11px;color:var(--muted);margin-bottom:7px;text-transform:uppercase;letter-spacing:.06em}.field label:before{content:"> "}.control{width:100%;background:#040c07;border:1px solid var(--line2);padding:10px 12px;color:var(--green);font-family:var(--mono);font-size:14px;outline:none;transition:.12s}.control:focus{border-color:var(--green);box-shadow:0 0 0 1px var(--green2),inset 0 0 8px #39ff8b1a}select.control{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}select.control option{background:#06140d;color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid;padding:11px;cursor:pointer;width:100%;font-family:var(--mono);font-size:13px;letter-spacing:.05em;text-transform:uppercase;margin-top:15px;background:#040c07;transition:.12s}.btn:hover{box-shadow:var(--glow);transform:translateY(-1px)}.btn:active{transform:none}.btn-green{color:var(--green);border-color:var(--green2);background:#39ff8b14}.btn-red{color:var(--red);border-color:#7a2420;background:#ff5c5714}.btn-violet{color:var(--violet);border-color:#5a4a7a;background:#c9a6ff12}.btn-ghost{color:var(--text2);border-color:var(--line2)}.hint{font-size:11.5px;color:var(--muted);margin:13px 0 0;line-height:1.55;background:#040c07;border:1px solid var(--line);border-left:2px solid var(--amber);padding:9px 11px}.hint b{color:var(--amber);text-shadow:0 0 4px rgba(255,207,77,.4)}.quick{display:flex;gap:11px;flex-wrap:wrap;margin-top:15px}.quick .btn{width:auto;flex:1;min-width:210px;margin-top:0}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#020503c7;z-index:40}.drawer{position:fixed;top:0;right:0;height:100%;width:min(360px,92vw);background:var(--bg1);border-left:1px solid var(--line2);z-index:50;padding:20px;display:flex;flex-direction:column;gap:17px;box-shadow:-20px 0 50px #0009;animation:slide .2s steps(5)}@keyframes slide{0%{transform:translate(100%)}to{transform:none}}.drawer-h{display:flex;align-items:center;justify-content:space-between;font-family:var(--vt);font-size:24px;color:var(--green);text-shadow:var(--glow)}.drawer-h span:before{content:">_ "}.drawer-row{display:flex;flex-direction:column;gap:9px}.drawer-row .lbl{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.drawer-row .lbl:before{content:"// "}.btn-ghost-sm{display:inline-flex;align-items:center;gap:7px;background:#040c07;border:1px solid var(--line2);color:var(--text2);padding:9px 11px;cursor:pointer;font-family:var(--mono);font-size:12px;width:fit-content}.btn-ghost-sm:hover{color:var(--green);box-shadow:var(--glowsoft)}.urlbox{width:100%;background:#040c07;border:1px solid var(--line2);color:var(--green);padding:10px 12px;font-family:var(--mono);font-size:12.5px;outline:none}.urlbox:focus{border-color:var(--green)}.note{font-size:11px;color:var(--dim);line-height:1.55;margin:0}.reset-btn{margin-top:auto;background:#ff5c570f;border:1px solid #7a2420;color:var(--red);padding:11px;cursor:pointer;font-family:var(--mono);font-size:13px;text-transform:uppercase;letter-spacing:.05em}.reset-btn:hover{box-shadow:0 0 8px #ff5c5766}.boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#03070400;background-color:#040a06;display:flex;align-items:flex-start;justify-content:flex-start;overflow:hidden}.boot-scan{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0,#0000 2px,#00000040,#0000 4px)}.boot-inner{padding:clamp(20px,6vw,70px);font-family:var(--mono);font-size:clamp(13px,1.7vw,16px);color:var(--green);text-shadow:var(--glow);width:100%;max-width:760px}.boot-head{color:var(--text2);font-size:.85em;letter-spacing:.05em}.boot-rule{color:var(--gdim);margin:6px 0 14px;overflow:hidden;white-space:nowrap}.boot-line{white-space:pre-wrap;line-height:1.85;opacity:0;animation:typein .05s steps(1) forwards}.boot-line.ok{color:var(--text)}@keyframes typein{to{opacity:1}}.boot-cursor{display:inline-block;color:var(--green);animation:blink 1s steps(1) infinite;margin-top:4px;font-size:1.1em}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.tabbar{display:none}@media (max-width:880px){.grid2{grid-template-columns:1fr}.sidebar{display:none}.content{padding-bottom:80px}.tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:#040906f5;border-top:1px solid var(--line2);padding:6px 6px calc(6px + env(safe-area-inset-bottom));justify-content:space-around}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;color:var(--muted);font-family:var(--mono);font-size:9.5px;letter-spacing:.04em;padding:6px;cursor:pointer}.tab.active{color:var(--green);text-shadow:var(--glowsoft)}.tab.active .tab-ico{color:var(--green)}.tab-ico{display:grid;place-items:center}.brand-sub{display:none}}@media (max-width:520px){.quick .btn{min-width:100%}.status-chip .status-txt{display:none}.status-chip{padding:8px}.donut-wrap{justify-content:center}.brand-title{font-size:20px}}@media (max-width:600px){.lane{height:300px}.node.internet{width:98px}.node.home{width:116px}.node-card{padding:8px}.node-head{font-size:10.5px;gap:5px}.node-meta{font-size:9px;margin-top:4px}.dev-row{gap:4px;margin-top:8px}.dev{width:30px;padding:4px 1px}.dev-lbl{font-size:7px}.fw-chip{font-size:9px;padding:4px 6px;gap:4px}.fw-sub{font-size:8px;bottom:12px}.pkt{width:9px;height:9px}.legend{gap:10px 16px;font-size:10.5px}.kpi-val{font-size:32px}.panel{padding:14px}.view-head{margin-bottom:18px}.sub{font-size:12px}}@media (max-width:380px){.node.internet{width:84px}.node.home{width:100px}.dev{width:27px}}