:root{--bg:#05090c;--bg2:#080f13;--panel:#091116;--panel2:#0b151b;--line:#1a2930;--line2:#22363e;--text:#dce8ec;--muted:#748891;--dim:#455760;--cyan:#63d4e7;--cyan2:#9ce9f4;--green:#73d7a2;--amber:#e8c276;--red:#e77777;--mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:17.55px;line-height:1.55;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:.035;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,#000,transparent 95%)}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;background:none;border:0;cursor:pointer}.wrap{width:min(1480px,calc(100% - 48px));margin:auto}.mono{font-family:var(--mono)}.eyebrow{font:12.15px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#5d737c}.tiny{font:12.15px var(--mono);color:var(--muted)}
/* top chrome */
.topbar{height:56px;border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;background:rgba(5,9,12,.88);backdrop-filter:blur(18px);z-index:1000}.brand{display:flex;align-items:center;gap:11px;min-width:240px}.brand-mark{width:19px;height:19px;border:1px solid #507784;display:grid;place-items:center;position:relative}.brand-mark:after{content:"";width:7px;height:7px;border:1px solid var(--cyan);transform:rotate(45deg)}.brand strong{font:700 11px var(--mono);letter-spacing:.12em}.brand small{display:block;font:10.8px var(--mono);color:#51646d;margin-top:1px}.nav{display:flex;gap:3px;align-items:center}.nav a{padding:8px 11px;font:12.15px var(--mono);letter-spacing:.08em;color:#657981;border:1px solid transparent;transition:.25s}.nav a:hover,.nav a.active{color:var(--text);border-color:var(--line2);background:#0a1318}.top-meta{margin-left:auto;display:flex;align-items:center;gap:16px}.status{font:12.15px var(--mono);color:#78909a}.status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #5ddc9b;margin-right:7px;animation:pulse 1.8s infinite}.menu{display:none;border:1px solid var(--line);padding:7px 9px;font:13.5px var(--mono)}
/* hero */
.hero{padding:54px 0 34px;border-bottom:1px solid var(--line);position:relative}.hero-grid{display:grid;grid-template-columns:1fr auto;gap:30px}.hero h1{font-size:clamp(34px,4.6vw,70px);letter-spacing:-.055em;line-height:.98;margin:11px 0 16px;font-weight:600}.hero p{max-width:720px;color:#83969e;margin:0;font-size:18.9px}.hero-side{text-align:right;align-self:end}.hero-side b{display:block;font:14.85px var(--mono);color:#9eb1b8}.hero-side span{font:10.8px var(--mono);color:#4f636c}.rule{height:1px;background:var(--line)}
/* layout */
.shell{display:grid;grid-template-columns:255px minmax(0,1fr) 285px;min-height:720px;border-bottom:1px solid var(--line)}.rail,.aside{min-width:0}.rail{border-right:1px solid var(--line)}.aside{border-left:1px solid var(--line)}.rail-section,.aside-section{padding:18px 17px;border-bottom:1px solid var(--line)}.section-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px;font:10.8px var(--mono);letter-spacing:.12em;color:#60747d;text-transform:uppercase}.metric{display:flex;justify-content:space-between;gap:12px;margin:11px 0;color:#70838b}.metric b{font:13.5px var(--mono);color:#b8ccd2}.progress{height:3px;background:#152128;margin-top:7px;overflow:hidden}.progress i{display:block;height:100%;width:64%;background:linear-gradient(90deg,#4e7d88,#77d3e3);box-shadow:0 0 12px rgba(99,212,231,.45);animation:bar 3.8s ease-in-out infinite alternate}.search{border:1px solid var(--line2);height:34px;display:flex;align-items:center;padding:0 9px;background:#070d11}.search input{width:100%;border:0;outline:0;background:transparent;color:#b9cbd0;font:12.15px var(--mono)}.search span{font:12.15px var(--mono);color:#536771}.node-list{display:grid}.node{display:grid;grid-template-columns:9px 1fr auto;gap:9px;padding:11px 0;border-bottom:1px solid #142127;cursor:pointer;transition:.2s}.node:hover,.node.selected{background:linear-gradient(90deg,rgba(99,212,231,.06),transparent);padding-left:5px}.node-dot{width:5px;height:5px;border-radius:50%;background:var(--green);margin-top:6px;box-shadow:0 0 10px rgba(115,215,162,.65)}.node-name{font-size:14.85px}.node-sub{font:10.8px var(--mono);color:#5d727b;margin-top:2px}.node-ms{font:10.8px var(--mono);color:#6c838d;margin-top:4px}.center{min-width:0;position:relative;background:radial-gradient(circle at 50% 45%,rgba(28,66,76,.06),transparent 45%)}
/* globe */
.globe-head{height:38px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 12px;font:10.8px var(--mono);color:#5e737c}.tools{display:flex;gap:5px}.tool{width:28px;height:25px;border:1px solid var(--line2);font:14.85px var(--mono);color:#738891;transition:.2s}.tool:hover{border-color:#476672;color:var(--cyan)}.globe-stage{height:680px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 49%,rgba(40,81,91,.075),transparent 33%),#060b0f}.globe-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,transparent 29%,rgba(2,6,9,.42) 57%,rgba(2,6,9,.92) 100%);pointer-events:none;z-index:2}.globe-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.globe-hud{position:absolute;z-index:4;pointer-events:none;font:9.45px var(--mono);color:#536a74}.hud-box{position:absolute;top:15px;left:15px;border:1px solid #20323a;background:rgba(5,10,14,.72);padding:10px 12px;min-width:165px;backdrop-filter:blur(6px)}.hud-row{display:flex;justify-content:space-between;gap:18px;margin:3px 0}.hud-row b{color:#a9bec5;font-weight:400}.live-badge{position:absolute;top:15px;right:15px;border:1px solid #24404a;padding:7px 9px;color:#6e8790;background:rgba(5,10,14,.72)}.live-badge i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);margin-right:5px;box-shadow:0 0 10px var(--green)}.globe-footer{position:absolute;bottom:12px;left:12px;right:12px;display:flex;justify-content:space-between;color:#465b64;font:9.45px var(--mono);z-index:4;pointer-events:none}.globe-tip{position:absolute;z-index:8;display:none;min-width:170px;padding:9px 10px;border:1px solid #2b4650;background:rgba(5,11,15,.94);box-shadow:0 15px 40px rgba(0,0,0,.45);pointer-events:none}.globe-tip b{display:block;font:13.5px var(--mono);color:#d5e5e9}.globe-tip span{display:block;font:10.8px var(--mono);color:#69808a;margin-top:3px}.crosshair{position:absolute;z-index:5;pointer-events:none;display:none;width:28px;height:28px;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";position:absolute;background:rgba(121,219,233,.6)}.crosshair:before{width:28px;height:1px;left:0;top:14px}.crosshair:after{width:1px;height:28px;left:14px;top:0}.crosshair i{position:absolute;inset:10px;border:1px solid rgba(121,219,233,.7);border-radius:50%}.map-status{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:5;color:#425963;font:9.45px var(--mono);white-space:nowrap;pointer-events:none}
/* right telemetry */
.chart{height:120px;margin-top:10px;border:1px solid #17272e;background:#070d11;position:relative;overflow:hidden}.chart svg{width:100%;height:100%;display:block}.chart-label{position:absolute;left:9px;top:7px;font:10.8px var(--mono);color:#4f666f}.detail{padding:13px;border:1px solid var(--line);background:#070d11}.detail h3{font-size:17.55px;font-weight:500;margin:0}.detail small{display:block;color:#5b7079;font:10.8px var(--mono);margin-top:3px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:12px}.detail-cell{border:1px solid #17262d;padding:8px}.detail-cell span{display:block;font:9.45px var(--mono);color:#516770}.detail-cell b{display:block;margin-top:4px;font:12.15px var(--mono);color:#a8bec5}.ok{color:var(--green)!important}.event{display:grid;grid-template-columns:53px 53px 1fr;gap:5px;padding:8px 0;border-bottom:1px solid #142128;font:10.8px var(--mono);color:#637983}.event time{color:#435a63}.event b{font-weight:400;color:#71909a}.event.good b{color:#76cda0}.event.route b{color:#7fc9d7}.event.warn b{color:#d8b66e}.event.error b{color:#db7777}
/* lower sections */
.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.metric-card{padding:22px 20px;border-right:1px solid var(--line);min-height:118px;position:relative;overflow:hidden}.metric-card:last-child{border-right:0}.metric-card .label{font:10.8px var(--mono);color:#59707a;letter-spacing:.1em}.metric-card strong{display:block;font:35.1px var(--mono);font-weight:400;margin-top:12px;color:#c9d9de}.metric-card small{font:10.8px var(--mono);color:#6b828b}.spark{position:absolute;left:0;right:0;bottom:0;height:38px;opacity:.55}.two-col{display:grid;grid-template-columns:1.4fr 1fr;border-bottom:1px solid var(--line)}.panel{padding:22px 20px;border-right:1px solid var(--line)}.panel:last-child{border-right:0}.panel h2{font-size:20.25px;font-weight:500;margin:0 0 5px}.panel p{color:#70848c;font-size:16.2px;max-width:700px}.table{width:100%;border-collapse:collapse;font:10.8px var(--mono)}.table th{text-align:left;color:#536a73;font-weight:400;padding:9px 7px;border-bottom:1px solid var(--line)}.table td{padding:10px 7px;border-bottom:1px solid #132128;color:#93a8af}.table .state{color:var(--green)}
.inventory{border-bottom:1px solid var(--line)}.inventory-head{padding:19px 0;display:flex;justify-content:space-between}.inventory-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.pop{min-height:155px;padding:17px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden;cursor:pointer;transition:.3s}.pop:hover{background:#091318;transform:translateY(-2px)}.pop:nth-child(4n){border-right:0}.pop-code{font:10.8px var(--mono);color:#5e747c}.pop h3{font-size:18.9px;font-weight:500;margin:10px 0 2px}.pop p{font:10.8px var(--mono);color:#5d737c;margin:0}.pop-state{margin-top:20px;font:10.8px var(--mono);color:var(--green)}.pop-state i{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;margin-right:5px}.pop-line{position:absolute;left:0;bottom:0;height:2px;background:var(--cyan);width:0;transition:1s var(--ease)}.pop:hover .pop-line{width:100%}
/* inner pages */
.page{padding:42px 0 80px}.page-head{display:flex;justify-content:space-between;gap:30px;align-items:end;padding-bottom:28px;border-bottom:1px solid var(--line)}.page-head h1{font-size:56.7px;letter-spacing:-.045em;font-weight:500;margin:9px 0}.page-head p{color:#73878f;max-width:680px;margin:0}.page-kpi{text-align:right}.page-kpi b{font:33.75px var(--mono);font-weight:400}.page-kpi span{display:block;font:10.8px var(--mono);color:#5b7079}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1px;background:var(--line);margin-top:22px;border:1px solid var(--line)}.dash-card{background:var(--bg2);padding:18px;min-height:170px}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-9{grid-column:span 9}.span-12{grid-column:span 12}.dash-card h3{font-size:14.85px;font-weight:500;margin:0}.dash-card .big{font:37.8px var(--mono);margin:12px 0;color:#d0dfe3}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.mini{border:1px solid var(--line);padding:9px}.mini span{display:block;font:9.45px var(--mono);color:#526871}.mini b{display:block;font:13.5px var(--mono);margin-top:5px}.heatmap{display:grid;grid-template-columns:repeat(24,1fr);gap:3px;margin-top:15px}.heat{height:13px;background:#102027;border:1px solid #13252c;animation:heat 4s infinite alternate}.heat:nth-child(3n){background:#16333b}.heat:nth-child(5n){background:#20505a}.heat:nth-child(11n){background:#2c7480}
/* command */
.command{position:fixed;inset:0;background:rgba(2,5,7,.7);backdrop-filter:blur(12px);display:none;align-items:flex-start;justify-content:center;padding-top:16vh;z-index:3000}.command.open{display:flex}.command-box{width:min(650px,calc(100% - 28px));border:1px solid #2b424b;background:#081116;box-shadow:0 30px 100px rgba(0,0,0,.7)}.command-input{height:50px;border:0;border-bottom:1px solid var(--line);width:100%;outline:0;background:#070d11;padding:0 15px;color:#d8e6ea;font:14.85px var(--mono)}.command-list{padding:6px}.cmd{display:flex;justify-content:space-between;padding:11px 10px;color:#7f949c;font:12.15px var(--mono)}.cmd:hover{background:#0d1a20;color:#d5e5e9}.cmd kbd{border:1px solid var(--line2);padding:2px 5px}
/* cursor */
.cursor-dot,.cursor-ring,.cursor-label{position:fixed;pointer-events:none;z-index:5000;mix-blend-mode:screen}.cursor-dot{width:4px;height:4px;background:#c5f4fb;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #74ddec}.cursor-ring{width:24px;height:24px;border:1px solid rgba(103,213,231,.5);border-radius:50%;transform:translate(-50%,-50%);transition:width .25s,height .25s,border-color .25s}.cursor-ring.active{width:42px;height:42px;border-color:#7fe0ed}.cursor-label{font:9.45px var(--mono);color:#83c8d4;transform:translate(16px,11px);opacity:.7}.cursor-trail{position:fixed;width:3px;height:3px;border-radius:50%;background:#63d4e7;pointer-events:none;z-index:4999;opacity:.45}
/* animations */
@keyframes pulse{50%{opacity:.45;box-shadow:0 0 2px var(--green)}100%{opacity:1}}@keyframes bar{to{width:88%}}@keyframes heat{to{opacity:.55;transform:translateY(-1px)}}@keyframes scan{0%{transform:translateY(-100%)}100%{transform:translateY(700%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-300px 0}100%{background-position:300px 0}}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.reveal{animation:rise .8s var(--ease) both}.delay-1{animation-delay:.08s}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}.scanline{position:fixed;left:0;right:0;height:1px;background:rgba(110,217,232,.06);z-index:9997;pointer-events:none;animation:scan 12s linear infinite}
/* mobile */
@media(max-width:1100px){.shell{grid-template-columns:210px minmax(0,1fr)}.aside{display:none}.inventory-grid{grid-template-columns:repeat(2,1fr)}.pop:nth-child(4n){border-right:1px solid var(--line)}.pop:nth-child(2n){border-right:0}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metric-card:nth-child(2){border-right:0}.metric-card:nth-child(3),.metric-card:nth-child(4){border-top:1px solid var(--line)}}
@media(max-width:760px){body{font-size:16.2px}.wrap{width:min(100% - 24px,680px)}.topbar{height:54px}.brand{min-width:auto}.brand small{display:none}.nav{display:none}.menu{display:block}.top-meta{gap:8px}.top-meta .status{display:none}.hero{padding:34px 0 26px}.hero-grid{grid-template-columns:1fr}.hero-side{text-align:left}.hero h1{font-size:56.7px}.shell{display:block;min-height:0}.rail{border-right:0;border-bottom:1px solid var(--line)}.rail-section.nodes-section{display:none}.rail-section{padding:14px}.center{order:1}.globe-head{height:42px}.globe-stage{height:min(108vw,620px);min-height:390px}.hud-box{top:10px;left:10px;min-width:145px}.live-badge{top:10px;right:10px}.metrics-grid{grid-template-columns:1fr 1fr}.metric-card{min-height:100px;padding:15px}.metric-card strong{font-size:27px}.two-col{grid-template-columns:1fr}.panel{border-right:0;border-bottom:1px solid var(--line)}.inventory-grid{grid-template-columns:1fr 1fr}.pop{min-height:140px;padding:13px}.page{padding:28px 0 55px}.page-head{display:block}.page-kpi{text-align:left;margin-top:18px}.page-head h1{font-size:45.9px}.dashboard-grid{grid-template-columns:1fr}.dash-card{grid-column:1!important}.cursor-dot,.cursor-ring,.cursor-label,.cursor-trail{display:none}.globe-hint{display:none}.command{padding-top:9vh}}
@media(max-width:430px){.metrics-grid{grid-template-columns:1fr}.metric-card{border-right:0!important;border-bottom:1px solid var(--line)}.inventory-grid{grid-template-columns:1fr}.pop{border-right:0!important}.hero h1{font-size:48.6px}.globe-stage{min-height:350px}.event{grid-template-columns:48px 45px 1fr;font-size:9.45px}}
@media(pointer:coarse){.cursor-dot,.cursor-ring,.cursor-label,.cursor-trail{display:none}.node:hover,.pop:hover{transform:none;padding-left:0}}

/* High-density data surface */
.data-strip{display:flex;gap:4px;overflow:auto;scrollbar-width:thin}.data-chip{border:1px solid var(--line);padding:6px 9px;font:10.8px var(--mono);color:#71868e;white-space:nowrap}.data-chip strong{color:#b8cdd3;font-weight:400}.terminal{background:#04080b;border:1px solid var(--line);font:12.15px var(--mono);padding:13px;color:#6d858e;line-height:1.9;overflow:auto}.terminal .ok{color:var(--green)}.terminal .cyan{color:var(--cyan)}.terminal .amber{color:var(--amber)}.terminal .muted{color:#3e525a}.terminal-caret{display:inline-block;width:5px;height:10px;background:#68d5e5;vertical-align:-1px;animation:pulse 1s infinite}.divider-label{display:flex;align-items:center;gap:12px;color:#50656e;font:10.8px var(--mono);letter-spacing:.12em;text-transform:uppercase}.divider-label:before,.divider-label:after{content:"";height:1px;background:var(--line);flex:1}.timeline{position:relative;padding-left:18px}.timeline:before{content:"";position:absolute;left:3px;top:4px;bottom:4px;width:1px;background:#1d333b}.timeline-item{position:relative;padding:0 0 17px 13px}.timeline-item:before{content:"";position:absolute;left:-18px;top:4px;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px rgba(99,212,231,.5)}.timeline-item b{font:12.15px var(--mono);font-weight:400;color:#a5bbc2}.timeline-item p{margin:3px 0 0;font:10.8px var(--mono);color:#5f747c}.status-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #204034;padding:5px 8px;color:#83cda3;font:10.8px var(--mono)}.status-pill i{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}
@media(max-width:760px){.dashboard-grid .dash-card{min-height:150px}.dashboard-grid{gap:0}.data-strip{margin-bottom:4px}.terminal{font-size:10.8px}.two-col .panel{min-height:170px}}

.route-map-label{font:10.8px var(--mono);color:#66808a}.route-legend{display:flex;gap:14px;font:10.8px var(--mono);color:#61767e}.route-legend i{display:inline-block;width:14px;height:1px;background:var(--cyan);vertical-align:middle;margin-right:5px}.route-legend i.dashed{background:linear-gradient(90deg,var(--dim) 50%,transparent 50%);background-size:5px 1px}
@media(max-width:760px){.route-map{height:280px!important}.page .dashboard-grid{margin-top:16px}}

.diagnostic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.diagnostic{background:#081116;padding:14px;min-height:120px}.diagnostic b{font:16.2px var(--mono);font-weight:400}.diagnostic span{display:block;font:9.45px var(--mono);color:#566c75;margin-top:6px}.diagnostic .meter{height:3px;background:#122129;margin-top:14px}.diagnostic .meter i{display:block;height:100%;background:#5fc8d8}.code-block{border:1px solid var(--line);background:#050a0e;padding:16px;font:10.8px/1.9 var(--mono);color:#617780;overflow:auto}.code-block .k{color:#78cddd}.code-block .v{color:#a9d4b7}.code-block .p{color:#526872}@media(max-width:760px){.diagnostic-grid{grid-template-columns:1fr 1fr}}@media(max-width:430px){.diagnostic-grid{grid-template-columns:1fr}}


/* ===== SILENTIUM READABILITY / INTERACTION PASS ===== */
:root{--focus:#8ce9f5;--cursor-size:22px}
body{font-size:17.5px;cursor:none}
body a,body button,body input{cursor:none}
.hero p{font-size:19px;line-height:1.65;max-width:820px}.hero h1{font-size:clamp(42px,5.1vw,82px)}
.eyebrow,.tiny,.section-title,.label,.pop-code,.node-sub,.node-ms,.event,.chart-label,.map-status,.globe-footer,.globe-head,.status,.nav a{font-size:11px}
.node-name,.detail h3,.panel h2{font-size:15px}.metric b,.detail-cell b{font-size:13px}.metric,.metric-card small,.detail small{font-size:14px}.metric-card strong{font-size:34px}
.search{height:42px}.search input{font-size:13px}.tool{width:34px;height:30px;font-size:14px}
.nav a{padding:10px 13px}.brand strong{font-size:13px}.brand small{font-size:10px}.topbar{height:64px}.menu{font-size:13px}
.rail-section,.aside-section{padding:22px 19px}.metric{margin:14px 0}.node{padding:14px 0}.event{padding:10px 0}
.hud-box{min-width:205px;padding:13px 14px}.hud-row{font-size:11px}.live-badge{font-size:10px;padding:9px 11px}.globe-tip b{font-size:13px}.globe-tip span{font-size:10px}
.inventory-head{font-size:15px}.pop h3{font-size:22px}.pop p{font-size:14px}.pop-state{font-size:11px}.table{font-size:11px}.table th{font-size:11px}.table td{font-size:12px}
.command-input{font-size:16px!important}.cmd{font-size:14px!important;padding:14px 15px!important}.cursor-label{font-size:9px!important}
/* interactive page chrome */
.page-progress{position:fixed;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--cyan),var(--green));box-shadow:0 0 12px rgba(99,212,231,.65);z-index:3000;pointer-events:none}
.pointer-glow{position:fixed;left:0;top:0;width:340px;height:340px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(89,205,222,.055),transparent 65%);transform:translate(-50%,-50%);mix-blend-mode:screen}
body.page-transition:after{content:"";position:fixed;inset:0;background:#05090c;z-index:5000;animation:pageOut .42s var(--ease) forwards;pointer-events:none}@keyframes pageOut{to{opacity:0;transform:scale(1.015)}}
.nav a.active{box-shadow:inset 0 -1px var(--cyan),0 0 18px rgba(99,212,231,.05)}
.pop,.metric-card,.panel,.detail,.node{transition:transform .35s var(--ease),border-color .35s,background .35s,box-shadow .35s}
.pop:hover{transform:translateY(-5px);border-color:#34535d;box-shadow:0 18px 45px rgba(0,0,0,.28),inset 0 0 35px rgba(99,212,231,.025)}
.metric-card:hover,.panel:hover{background:rgba(10,20,26,.72)}
.scanline{position:fixed;left:0;right:0;height:1px;background:rgba(110,224,238,.11);z-index:9997;pointer-events:none;animation:scanline 7s linear infinite}@keyframes scanline{0%{top:-2px}100%{top:100vh}}
@media(max-width:1050px){body{font-size:16px}.shell{grid-template-columns:220px minmax(0,1fr)}.aside{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr}.aside-section{border-bottom:0;border-right:1px solid var(--line)}.hero p{font-size:17px}.inventory-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){body{font-size:15.5px;cursor:auto}.wrap{width:min(100% - 28px,1480px)}.topbar{height:58px}.nav{display:none;position:absolute;left:14px;right:14px;top:58px;background:rgba(5,9,12,.98);border:1px solid var(--line);padding:8px;flex-direction:column;box-shadow:0 20px 55px rgba(0,0,0,.55)}.nav a{font-size:13px;padding:13px}.menu{display:block}.top-meta .status{display:none}.hero{padding:36px 0 28px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(38px,12vw,58px)}.hero p{font-size:16px}.hero-side{text-align:left}.shell{display:flex;flex-direction:column}.rail{border-right:0;border-bottom:1px solid var(--line)}.center{order:2}.aside{order:3;display:block}.aside-section{border-right:0;border-bottom:1px solid var(--line)}.globe-stage{height:min(82vw,620px);min-height:390px}.hud-box{top:10px;left:10px;min-width:180px}.live-badge{top:10px;right:10px}.metrics-grid{grid-template-columns:1fr 1fr}.metric-card{border-bottom:1px solid var(--line);min-height:110px}.two-col{grid-template-columns:1fr}.panel{border-right:0;border-bottom:1px solid var(--line)}.inventory-grid{grid-template-columns:1fr}.pop{border-right:0}.cursor-dot,.cursor-ring,.cursor-label,.cursor-trail{display:none!important}.pointer-glow{width:240px;height:240px}.globe-head{font-size:10px}.globe-head>span:nth-child(2){display:none}.map-status{font-size:9px}.nav a,.section-title,.eyebrow,.tiny{font-size:10px}.node-name{font-size:15px}.node-sub,.node-ms{font-size:11px}.event{font-size:11px}.metric{font-size:15px}.metric b{font-size:14px}.table{font-size:12px}.pop h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}.scanline{display:none}}

/* interaction layer visuals */
.interaction-hint{position:fixed;right:20px;bottom:20px;z-index:2400;display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--line2);background:rgba(5,10,14,.94);box-shadow:0 16px 50px rgba(0,0,0,.45);backdrop-filter:blur(16px);animation:hintIn .5s var(--ease)}.interaction-hint b{font:11px var(--mono);color:var(--cyan)}.interaction-hint span{font:11px var(--mono);color:#8ba0a8}.interaction-hint button{font:18px var(--mono);color:#627780;padding:0 3px}.interaction-hint button:hover{color:var(--text)}@keyframes hintIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
.flash{animation:metricFlash .45s var(--ease)}@keyframes metricFlash{50%{box-shadow:inset 0 0 35px rgba(99,212,231,.08);border-color:#3a606b}}
.pop.selected{animation:popSelect .8s var(--ease)}@keyframes popSelect{0%,100%{box-shadow:none}35%{box-shadow:inset 0 0 0 1px var(--cyan),0 0 40px rgba(99,212,231,.12)}}
.globe-ping{animation:globePing .7s ease}@keyframes globePing{50%{filter:brightness(1.35) saturate(1.18)}}
.keyboard-nav :focus-visible{outline:1px solid var(--focus);outline-offset:3px}
.slow-network .status i{animation-duration:.6s}.slow-network .node-dot{animation:pulse .7s infinite}
@media(max-width:760px){.interaction-hint{left:14px;right:14px;bottom:14px;justify-content:space-between}.interaction-hint span{font-size:10px}.interaction-hint b{font-size:10px}}

/* SILENTIUM FRIENDLY UI OVERRIDES */
:root{
  --bg:#071116;
  --panel:#0c171d;
  --panel2:#101d24;
  --line:#233841;
  --line2:#2c4650;
  --text:#eef7fa;
  --muted:#9bb0b9;
  --soft:#6f8993;
  --cyan:#69d5df;
  --cyan2:#a5edf0;
  --green:#8bd8b0;
  --amber:#f0bc72;
  --blue:#7fb7ff;
  --danger:#ef8e8e;
}
html{font-size:112%}
body{font-size:15px;letter-spacing:.005em;background:
 radial-gradient(circle at 50% 0%,rgba(74,143,157,.08),transparent 36%),
 linear-gradient(180deg,#071116 0%,#071014 55%,#081218 100%);
 color:var(--text)}
h1{font-size:clamp(2.35rem,4.5vw,4.6rem);line-height:.98;letter-spacing:-.045em}
h2{font-size:clamp(1.55rem,2.3vw,2.35rem)}
h3{font-size:1.18rem}
p{font-size:1rem;line-height:1.72;color:#a9bbc2}
.nav a,.section-title,.eyebrow,.tiny{font-size:12px}
.metric span,.node-sub,.detail-cell span{font-size:13px}
.metric b{font-size:15px}
.node-name{font-size:16px}
.node-ms{font-size:13px}
.globe-head{font-size:12px}
.globe-footer,.map-status{font-size:12px}
.tool{font-size:16px}
.event{font-size:13px}
.event time{font-size:11px}
.detail h3{font-size:20px}
.pop{font-size:14px}
.topbar{background:rgba(7,17,22,.88);backdrop-filter:blur(16px)}
.shell,.rail,.aside,.center,.hero,.card,.table-wrap{border-color:rgba(93,139,150,.28)}
button,a,input{transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}
button:hover,.tool:hover{box-shadow:0 0 0 1px rgba(105,213,223,.18),0 8px 24px rgba(0,0,0,.22)}
.node:hover,.pop:hover{background:rgba(80,150,165,.09);border-color:rgba(105,213,223,.3)}
@media(max-width:760px){
 html{font-size:100%}
 h1{font-size:clamp(2rem,10vw,3rem)}
 p{font-size:.96rem}
 .node-name{font-size:15px}
 .metric b{font-size:14px}
}

.globe-stage{overflow:hidden;contain:layout paint size}
.globe-canvas,.globe-overlay{position:absolute;inset:0;width:100%;height:100%;display:block}
.globe-canvas{z-index:1}
.globe-overlay{z-index:2;touch-action:none}
.globe-hud,.globe-tip,.map-status,.globe-footer{z-index:3}

/* =====================================================================
   SILENTIUM 8.0 VISUAL SYSTEM
   Product-first palette: calm midnight blue, electric blue and violet.
   No terminal-green / hacker aesthetic. High contrast, soft surfaces.
   ===================================================================== */
:root{
  --bg:#08111f;
  --bg2:#0a1424;
  --panel:#0d1828;
  --panel2:#111e31;
  --line:#24364d;
  --line2:#304863;
  --text:#f0f4fb;
  --muted:#91a1b5;
  --dim:#60728a;
  --cyan:#6ea8fe;
  --cyan2:#b8d1ff;
  --green:#57d6a0;
  --amber:#f2c66d;
  --red:#f18b9a;
  --violet:#8b7cf6;
  --blue:#6ea8fe;
  --focus:#9bc0ff;
}
html{background:var(--bg)}
body{
  background:
    radial-gradient(circle at 50% -10%,rgba(110,168,254,.10),transparent 34%),
    radial-gradient(circle at 88% 18%,rgba(139,124,246,.045),transparent 28%),
    linear-gradient(180deg,#08111f 0%,#091322 58%,#0a1423 100%);
  color:var(--text);
}
body:before{
  opacity:.018;
  background-image:
    linear-gradient(rgba(180,204,238,.20) 1px,transparent 1px),
    linear-gradient(90deg,rgba(180,204,238,.20) 1px,transparent 1px);
  background-size:88px 88px;
}
.topbar{background:rgba(8,17,31,.90);border-color:rgba(112,145,184,.24)}
.brand-mark{border-color:#506b8e}.brand-mark:after{border-color:var(--cyan)}
.brand strong{color:#f3f6fb}.brand small{color:#71849c}
.nav a{color:#8192a8}.nav a:hover,.nav a.active{color:#eef4ff;background:rgba(110,168,254,.07);border-color:rgba(110,168,254,.22)}
.status{color:#879ab0}.status i{background:var(--green);box-shadow:0 0 12px rgba(87,214,160,.65)}
.hero,.shell,.metrics-grid,.two-col,.inventory{border-color:rgba(112,145,184,.22)}
.hero p,.panel p{color:#9aa9bd}
.eyebrow,.tiny,.section-title,.label{color:#7387a0}
.rail,.aside,.panel,.metric-card{border-color:rgba(112,145,184,.22)}
.center{background:radial-gradient(circle at 50% 45%,rgba(110,168,254,.035),transparent 48%)}
.globe-stage{
  background:
    radial-gradient(circle at 50% 47%,rgba(110,168,254,.065),transparent 38%),
    radial-gradient(circle at 50% 55%,rgba(139,124,246,.025),transparent 54%),
    #07111e;
}
.globe-stage:before{background:radial-gradient(circle at 50% 48%,transparent 31%,rgba(4,10,18,.20) 67%,rgba(4,9,17,.72) 100%)}
.globe-head{color:#7488a0;border-color:rgba(112,145,184,.22)}
.tool{color:#8da2bc;border-color:#304863}.tool:hover{border-color:#628bc1;color:#b8d1ff;background:rgba(110,168,254,.07)}
.hud-box,.live-badge,.detail,.search,.chart{background:rgba(9,19,33,.86);border-color:rgba(112,145,184,.28);box-shadow:0 12px 40px rgba(0,0,0,.18)}
.hud-box{color:#70839a}.hud-row b{color:#c1cede}.live-badge{color:#8195ac}
.globe-tip{background:rgba(10,20,35,.96);border-color:#395272;box-shadow:0 18px 45px rgba(0,0,0,.34)}
.globe-tip b{color:#eff4fb}.globe-tip span{color:#8da0b7}
.node{border-color:rgba(112,145,184,.13)}
.node:hover,.node.selected{background:linear-gradient(90deg,rgba(110,168,254,.10),transparent);padding-left:5px}
.node-dot{background:var(--green);box-shadow:0 0 10px rgba(87,214,160,.48)}
.node-name{color:#e8eef7}.node-sub,.node-ms{color:#71859e}
.progress{background:#18273b}.progress i{background:linear-gradient(90deg,#547fc4,#6ea8fe);box-shadow:0 0 14px rgba(110,168,254,.35)}
.metric{color:#8295ab}.metric b{color:#c9d6e8}
.event{border-color:rgba(112,145,184,.13);color:#7f92a9}.event.good b{color:#66d9aa}.event.route b{color:#8ea9ff}.event.warn b{color:#f2c66d}.event.error b{color:#f18b9a}
.metric-card strong{color:#e5edf8}.metric-card small{color:#758aa3}
.table th{color:#71859d;border-color:rgba(112,145,184,.22)}.table td{color:#9baabe;border-color:rgba(112,145,184,.12)}.table .state{color:var(--green)}
.pop:hover{background:rgba(110,168,254,.065);border-color:rgba(110,168,254,.30);box-shadow:0 18px 45px rgba(0,0,0,.24),inset 0 0 35px rgba(110,168,254,.018)}
.pop-state i{background:var(--green);box-shadow:0 0 9px rgba(87,214,160,.52)}
.cursor-ring{border-color:rgba(110,168,254,.70)!important}.cursor-dot{background:#dbe8ff!important}.cursor-label{color:#8faeff!important}
.page-progress{background:linear-gradient(90deg,var(--cyan),var(--violet));box-shadow:0 0 12px rgba(110,168,254,.38)}
.pointer-glow{background:radial-gradient(circle,rgba(110,168,254,.065),transparent 65%);mix-blend-mode:screen}
.interaction-hint{background:rgba(9,18,31,.96);border-color:rgba(110,168,254,.26)}.interaction-hint b{color:#91b6ff}.interaction-hint span{color:#899ab0}
.command-box{background:rgba(10,20,35,.98)!important;border-color:#304863!important;box-shadow:0 30px 90px rgba(0,0,0,.55)!important}
.cmd:hover{background:rgba(110,168,254,.08)!important}.cmd kbd{color:#8ca4c3}
.scanline{display:none}
@media(max-width:760px){
  .nav{background:rgba(8,17,31,.985);border-color:#304863}
  .nav a:hover,.nav a.active{background:rgba(110,168,254,.09)}
}