.obs-hero{text-align:center;padding-top:30px}.hero-eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:500}.obs-hero h1{font-family:var(--font-display);color:var(--ink-0);font-size:clamp(26px,4vw,38px);font-weight:800;line-height:1.1}.obs-hero .hero-sub{color:var(--ink-1);margin:6px 0 22px;font-size:13.5px}.ip-identity-container{flex-direction:column;align-items:center;gap:10px;display:flex}.ip-identity-container .ip-row{justify-content:center;align-items:center;gap:15px;display:flex}.ip-identity-container .ip-label{text-align:center;letter-spacing:.1em;text-transform:uppercase;min-width:160px;color:var(--ink-2);background:var(--bg-2);border:1px solid var(--line);border-radius:6px;padding:7px 12px;font-family:Share Tech Mono,monospace;font-size:11.5px;line-height:1;display:block}.ip-value{color:var(--ink-0);margin-top:2px;font-family:Share Tech Mono,monospace;font-size:19px;font-weight:700;line-height:1}.ip-value.loading{color:var(--ink-2);font-size:13px;font-style:italic}.ip-value.detected{cursor:pointer;border-bottom:1px dotted #1cb49580;transition:all .2s}.ip-value.detected:hover{color:#fff;text-shadow:0 0 15px var(--accent);border-bottom:1px solid var(--accent)}.ip-value.missing{color:var(--th-vhigh);opacity:.85}.ip-value.v6-active{color:var(--th-low);text-shadow:0 0 10px #5598e766}#observability-content{flex-direction:column;gap:42px;padding-bottom:2rem;display:flex}.obs-section{width:100%;position:relative}.section-header{justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:18px;display:flex}.section-header h2{font-family:var(--font-display);letter-spacing:.01em;color:var(--ink-0);margin:0;font-size:17px;font-weight:600}.section-header h2 i{color:var(--accent);margin-right:4px;font-size:14px}.status-badge,.last-updated,.trace-meta{color:var(--ink-2);font-family:Share Tech Mono,monospace;font-size:12px}.trace-meta i{font-size:10px}.glass-panel{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem}.centered-warning{text-align:center;max-width:500px;margin:4rem auto}.hud-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.hud-card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:140px;padding:1rem;transition:transform .2s,border-color .2s;display:flex}.hud-card:hover{transform:translateY(-2px)}.hud-icon{color:var(--ink-2);margin-bottom:.5rem;font-size:26px}.hud-value{color:var(--ink-0);margin:.5rem 0;font-family:Share Tech Mono,monospace;font-size:22px;font-weight:700}.hud-label{letter-spacing:.1em;color:var(--ink-2);text-transform:uppercase;font-size:11px;font-weight:500}.trace-start-icon,.trace-end-icon{display:none!important}.trace-scroll-wrapper{padding:6rem 8rem 6rem 2rem;overflow:visible}.trace-track{flex-wrap:wrap;justify-content:center;gap:130px 40px;width:100%;padding:20px 0;display:flex}.hop-item{z-index:1;justify-content:center;align-items:center;width:140px;height:20px;display:flex;position:relative}.hop-dot{background:var(--bg-2);border:3px solid var(--ink-2);z-index:10;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;box-shadow:0 0 10px #000c}.hop-item.ok .hop-dot{background:var(--accent);box-shadow:0 0 15px var(--accent);border-color:#fff}.hop-item.timeout .hop-dot{background:var(--th-vhigh);box-shadow:0 0 15px var(--th-vhigh);border-color:#fff}.hop-dot.icon-dot{z-index:15;background:var(--bg-0);border:2px solid var(--warn);width:40px;height:40px;color:var(--warn);font-size:17px}.hop-dot.aws-dot{color:#f90;border-color:#f90}.hop-line{background:var(--bg-2);z-index:0;pointer-events:none;width:120px;height:2px;position:absolute;top:50%;left:50%;transform:translateY(-50%)}.hop-item.end-node .hop-line{display:none}.hop-item.end-node .hop-bottom-info strong{color:#f90;font-size:14px}.hop-line.dashed{border-top:2px dashed var(--th-vhigh);background:0 0;height:0}.hop-line.active{background:var(--accent);box-shadow:0 0 5px #1cb49566}.hop-latency{background:var(--bg-0);border:1px solid var(--line);color:var(--ink-1);white-space:nowrap;border-radius:4px;padding:1px 5px;font-family:Share Tech Mono,monospace;font-size:10.5px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.hop-top-info{pointer-events:none;z-index:20;flex-direction:column-reverse;align-items:center;gap:4px;width:200px;display:flex;position:absolute;bottom:35px;left:50%;transform:translate(-50%)}.trace-track .ip-label{border:1px solid var(--line);color:var(--ink-0);white-space:nowrap;background:#0a0e12eb;border-radius:5px;padding:3px 8px;font-family:Share Tech Mono,monospace;font-size:12px}.bgp-badge{background-color:var(--warn);color:#2a2000;letter-spacing:.06em;border-radius:3px;padding:2px 6px;font-size:9px;font-weight:800;box-shadow:0 2px 5px #000c}.hop-bottom-info{text-align:center;z-index:20;width:160px;position:absolute;top:35px;left:50%;transform:translate(-50%)}.hop-bottom-info strong{color:var(--ink-0);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:11.5px;font-weight:500;display:block;overflow:hidden}.hop-bottom-info .country-label{color:var(--ink-2);font-size:11px}.text-noreply{color:var(--ink-2)}.trace-loading-msg,.trace-error-msg{text-align:center;color:var(--ink-2);padding:1rem;font-family:Share Tech Mono,monospace;font-size:13px}.trace-error-msg{color:var(--th-vhigh)}.stats-bar{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:1.5rem;margin-bottom:14px;padding:1.2rem;display:flex}.stat-item{flex-direction:column;align-items:center;min-width:100px;display:flex}.stat-item .label{color:var(--ink-2);text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px;font-size:11px;font-weight:500}.stat-item .value{color:var(--ink-0);font-family:Share Tech Mono,monospace;font-size:18px;font-weight:700}.stat-item .value.sla-excellent{color:var(--accent);text-shadow:0 0 10px #1cb49566}.stat-item .value.sla-critical{color:var(--th-vhigh);text-shadow:0 0 10px #cf444466}.aws-tree-container{flex-direction:column;align-items:center;display:flex;position:relative}.tree-root{z-index:2;margin-bottom:20px}.aws-node{border-radius:var(--radius);background:linear-gradient(135deg,#232f3e,#131921);border:1px solid #f90;align-items:center;gap:1rem;padding:1rem 2rem;display:flex;position:relative;box-shadow:0 0 20px #ff990040}.aws-node i{color:#fff;font-size:2.2rem}.aws-node .node-label{color:#fff;text-align:left;font-size:13px;font-weight:600;line-height:1.25}.aws-node .node-label small{color:var(--ink-1);font-weight:400}.led-indicator{background:var(--accent);width:10px;height:10px;box-shadow:0 0 5px var(--accent);border-radius:50%;animation:2s infinite ledBlink;position:absolute;top:10px;right:10px}@keyframes ledBlink{0%,to{opacity:1}50%{opacity:.5}}.tree-branches{width:80%;height:40px;margin-bottom:20px;position:relative}.branch-line-vertical{z-index:1;background:linear-gradient(#f90,#ffffff40);width:2px;height:100%;position:absolute;top:0;left:50%}.branch-line-horizontal{background:#ffffff2e;width:100%;height:2px;position:absolute;bottom:0;left:0}.services-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;width:100%;display:grid}.service-card{text-align:center;background:var(--bg-1);border:1px solid var(--line);border-radius:10px;padding:1.5rem 1rem 1rem;transition:all .3s;position:relative}.service-card:before{content:"";background:#ffffff2e;width:1px;height:22px;position:absolute;top:-22px;left:50%}.service-card .svc-name{color:var(--ink-0);margin-bottom:5px;font-size:12.5px;font-weight:500;display:block}.service-card .svc-metric{font-family:Share Tech Mono,monospace;font-size:15px}.svc-type-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);border:1px solid var(--line);border-radius:3px;padding:1px 4px;font-family:Share Tech Mono,monospace;font-size:8.5px;position:absolute;top:5px;right:8px}.packet-loss-indicator{color:var(--th-vhigh);margin-top:4px;font-size:10.5px}.sla-excellent{color:var(--accent);border-color:#1cb49580;box-shadow:0 0 5px #1cb49526}.sla-good{color:var(--th-low);border-color:#5598e780}.sla-warning{color:var(--warn);border-color:#f5c84280}.sla-critical{color:var(--th-vhigh);border-color:#cf44448c;box-shadow:0 0 10px #cf444426}.scan-btn{background:var(--bg-2);border:1px solid var(--line);color:var(--accent);cursor:pointer;letter-spacing:.06em;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-family:Share Tech Mono,monospace;font-size:12.5px;transition:all .3s;display:inline-flex}.scan-btn:hover:not(:disabled){background:var(--accent-dim);border-color:#1cb49580;box-shadow:0 0 10px #1cb4954d}.scan-btn:disabled{opacity:.7;cursor:wait;border-color:#0000}.hud-card.security-results{justify-content:flex-start;padding:10px}.security-results-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;padding-bottom:5px;display:flex}.security-results-head .hud-icon{margin:0}.security-results-summary{text-align:right}.security-results-summary .hud-value{margin:0;font-size:14px}.ports-list{flex-direction:column;gap:4px;width:100%;max-height:150px;font-family:Share Tech Mono,monospace;font-size:11px;display:flex;overflow-y:auto}.ports-list::-webkit-scrollbar{width:4px}.ports-list::-webkit-scrollbar-thumb{background:var(--bg-2);border-radius:2px}.port-item{background:var(--bg-2);border-radius:3px;justify-content:space-between;align-items:center;padding:4px 6px;display:flex}.port-item.port-open{border-left:2px solid var(--th-vhigh);background:#cf444426}.port-item.port-stealth{border-left:2px solid var(--accent)}.port-item .p-id{color:var(--ink-0);width:34px;font-weight:700}.port-item .p-name{color:var(--ink-2);text-align:left;flex-grow:1}.port-item .p-status{font-weight:700}.port-open .p-status{color:var(--th-vhigh)}.port-stealth .p-status{color:var(--accent)}.port-closed .p-status{color:var(--ink-2)}.modal-overlay{z-index:2000;backdrop-filter:blur(5px);background-color:#000c;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:none;position:fixed;inset:0;overflow:auto}.ip-modal-card{background:var(--bg-1);border:1px solid #1cb49580;width:90%;max-width:900px;max-height:90vh;margin:auto;padding:2rem;position:relative;overflow-y:auto;box-shadow:0 24px 60px #0000008c}.close-modal{z-index:2100;color:var(--ink-2);cursor:pointer;font-size:26px;font-weight:700;line-height:.9;transition:color .2s;position:absolute;top:12px;right:16px}.close-modal:hover{color:var(--th-vhigh)}.ip-modal-header{border-bottom:1px solid var(--line);align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.ip-modal-header h2{color:var(--accent);text-shadow:0 0 10px #1cb4954d;margin:0;font-family:Share Tech Mono,monospace;font-size:24px}.ip-badge{background:var(--bg-2);color:#fff;letter-spacing:.1em;text-transform:uppercase;border-radius:4px;padding:4px 10px;font-family:Share Tech Mono,monospace;font-size:10.5px;font-weight:700}.ip-details-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.ip-section{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:1rem}.ip-section h3{color:var(--warn);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px dashed #f5c8424d;align-items:center;gap:8px;margin-bottom:1rem;padding-bottom:.5rem;font-family:Share Tech Mono,monospace;font-size:12px;display:flex}.ip-section .ip-row{border-bottom:1px solid #ffffff08;justify-content:space-between;margin-bottom:.6rem;padding-bottom:4px;font-size:12.5px;display:flex}.ip-section .ip-row:last-child{border-bottom:none;margin-bottom:0}.ip-section .ip-label{color:var(--ink-2);align-items:center;gap:5px;display:flex}.ip-section .ip-label i{width:20px}.ip-value-modal{color:var(--ink-0);text-align:right;word-break:break-word;max-width:60%;font-weight:500}.rpki-valid{color:var(--accent)}.peers-header{letter-spacing:.1em;color:var(--ink-2);text-transform:uppercase;border-bottom:1px solid var(--line);margin:10px 0 5px;font-family:Share Tech Mono,monospace;font-size:10.5px}.peer-row{border-bottom:1px dashed #ffffff0d;justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;display:flex}.peer-asn{color:var(--ink-2);font-family:Share Tech Mono,monospace}.peer-asn i{margin-right:5px}.peer-name{color:var(--warn);text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:60%;overflow:hidden}.modal-loading,.modal-error{text-align:center;width:100%;color:var(--ink-1);grid-column:1/-1;padding:3rem 0}.modal-loading i{color:var(--accent);font-size:3rem}.modal-loading p{color:var(--ink-2);margin-top:1rem}.modal-error{color:var(--th-vhigh);padding:1.5rem 0}.modal-error i{font-size:2rem}.text-muted{color:var(--ink-2)}.text-critical{color:var(--th-vhigh)}.text-warning{color:var(--warn)}.icon-stable{color:var(--accent)}.icon-unstable{color:var(--th-vhigh)}.border-critical{border-color:var(--th-vhigh)!important}.hidden{display:none!important}.flex-visible{display:flex!important}.fade-in{opacity:0;animation:.8s ease-out forwards fadeIn}.delay-1{animation-delay:.3s}.delay-2{animation-delay:.6s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.section-header{flex-direction:column;align-items:flex-start;gap:4px}.tree-branches{width:95%}.ip-identity-container .ip-row{flex-direction:column;align-items:center;gap:.5rem}.ip-identity-container .ip-label{min-width:auto}.ip-value{font-size:15px}.trace-scroll-wrapper{padding:6rem 1rem;overflow-x:hidden}}