:root{--bg: #0a0d14;--panel: #0f131d;--panel-2: #11161f;--border: #1d2433;--border-soft: #161c28;--text: #e6eaf2;--muted: #7e8aa3;--muted-dim: #515c72;--accent: #7c5cff;--accent-dim: #7c5cff22;--prompt: #5eead4;--critical: #ff4d6d;--high: #ff9244;--medium: #ffce4d;--low: #34d399;--review: #c4b5fd;--filtered: #38bdf8;--closed: #3a455c;--mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--bg);background-image:radial-gradient(rgba(124,92,255,.045) 1px,transparent 1px);background-size:22px 22px;color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.app{max-width:1080px;margin:0 auto;padding:26px 22px 70px}.sec-label{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:8px;margin:0 0 12px}.sec-label .slashes{color:var(--accent)}.sec-label .sub{color:var(--muted-dim);letter-spacing:.04em;text-transform:none}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:6px}.brand{display:flex;align-items:center;gap:12px}.logo-mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--accent),#4b2fd0);display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:13px;color:#fff;box-shadow:0 0 24px #7c5cff44}.brand-text h1{font-family:var(--mono);font-weight:700;font-size:20px;margin:0;letter-spacing:-.01em}.brand-text h1 .cursor{color:var(--accent);animation:blink 1.1s step-end infinite}@keyframes blink{50%{opacity:0}}.brand-sub{font-family:var(--mono);font-size:10px;letter-spacing:.22em;color:var(--muted-dim);text-transform:uppercase}.status-badge{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:7px;border:1px solid var(--border);color:var(--muted)}.status-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.status-idle .dot{background:var(--muted-dim)}.status-running{color:var(--filtered);border-color:#38bdf855}.status-running .dot{background:var(--filtered);box-shadow:0 0 8px var(--filtered);animation:pulse 1s ease-in-out infinite}.status-complete{color:var(--low);border-color:#34d39955}.status-complete .dot{background:var(--low);box-shadow:0 0 8px var(--low)}.status-error{color:var(--critical);border-color:#ff4d6d55}.status-error .dot{background:var(--critical)}@keyframes pulse{50%{opacity:.35}}.lede{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:14px 0 22px}.lede p{margin:0;max-width:62ch;color:var(--muted);font-size:13px}.lede strong{color:var(--text);font-weight:600}.vantage{font-family:var(--mono);font-size:11px;color:var(--muted-dim);white-space:nowrap}.vantage b{color:var(--muted);font-weight:500}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px 18px 20px;margin-bottom:16px}label.fld{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-dim);margin-bottom:7px}input[type=text],input[type=number]{width:100%;background:#090c12;border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 12px;font-family:var(--mono);font-size:13px}input::placeholder{color:var(--muted-dim)}input:focus-visible,button:focus-visible,th.sortable:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.target-wrap{position:relative;display:flex;align-items:center;background:#090c12;border:1px solid var(--border);border-radius:9px;padding:0 14px}.target-wrap:focus-within{border-color:var(--accent)}.target-wrap .prompt{color:var(--prompt);font-family:var(--mono);font-size:16px;margin-right:10px}.target-wrap input{border:none;background:transparent;padding:14px 0;font-size:16px}.target-wrap input:focus-visible{outline:none}.detect-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:12px}.detect-results{display:flex;flex-wrap:wrap;gap:6px 16px;font-family:var(--mono);font-size:12px}.detect-ip{display:inline-flex;align-items:center;gap:8px}.detect-ip .tag{color:var(--muted-dim);font-size:10px;letter-spacing:.1em}.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-family:var(--mono);font-size:11px;padding:0}.link-btn:hover{text-decoration:underline}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{display:inline-flex;align-items:center;gap:7px;background:#0b0f17;border:1px solid var(--border);color:var(--text);padding:7px 12px;border-radius:7px;cursor:pointer;font-size:12.5px;font-family:var(--sans)}.chip:hover{border-color:#2c3650}.chip-active{background:#16111f;border-color:var(--accent);color:#fff}.chip-count{font-family:var(--mono);font-size:10px;color:var(--muted-dim)}.chip-active .chip-count{color:#b9a7ff}.custom-ports{margin-top:14px}.params-row{display:flex;align-items:flex-end;gap:14px;margin-top:16px;flex-wrap:wrap}.param{width:110px}.cmd-preview{flex:1;min-width:240px;background:#070a0f;border:1px solid var(--border-soft);border-radius:8px;padding:11px 13px;font-family:var(--mono);font-size:12px;color:var(--muted);overflow-x:auto;white-space:nowrap}.cmd-preview .dollar{color:var(--prompt);margin-right:8px}.cmd-preview .flag{color:var(--accent)}.validation-error{color:var(--critical);font-size:12.5px;font-family:var(--mono);margin:12px 0 0}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.btn{font-family:var(--mono);font-size:12.5px;font-weight:500;border-radius:8px;padding:10px 18px;cursor:pointer;border:1px solid transparent;display:inline-flex;align-items:center;gap:8px}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 6px 18px #7c5cff33}.btn-primary:hover{background:#6c4cf2}.btn-stop{background:var(--critical);color:#fff}.btn-ghost{background:#0b0f17;border-color:var(--border);color:var(--text)}.btn-ghost:hover:not(:disabled){border-color:var(--accent)}.btn-sm{padding:7px 12px;font-size:11.5px}.btn:disabled{opacity:.4;cursor:not-allowed}.verdict{border-radius:12px;border:1px solid var(--border);padding:16px 18px 18px;margin-bottom:16px;background:var(--panel)}.verdict-exposed{border-color:#ff4d6d44;background:linear-gradient(180deg,#1d0c14,#0f131d 70%);border-left:3px solid var(--critical)}.verdict-warn{border-color:#ff924444;border-left:3px solid var(--high)}.verdict-clean{border-color:#34d39944;border-left:3px solid var(--low)}.verdict-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.verdict-title{font-family:var(--mono);font-weight:700;font-size:15px;letter-spacing:.1em;display:inline-flex;align-items:center;gap:9px}.verdict-exposed .verdict-title{color:var(--critical)}.verdict-warn .verdict-title{color:var(--high)}.verdict-clean .verdict-title{color:var(--low)}.verdict-title .dot{width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.verdict-sub{color:var(--muted);font-size:13px}.verdict-grid{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-top:16px;flex-wrap:wrap}.resolved{min-width:0}.resolved-label,.stat-label{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-dim);margin-bottom:6px}.hex-row{display:flex;flex-wrap:wrap;gap:4px}.hex-seg{font-family:var(--mono);font-size:14px;background:#0b0f17;border:1px solid var(--border);border-radius:5px;padding:3px 8px;letter-spacing:.04em}.hex-zone{font-family:var(--mono);color:var(--accent);padding:3px 2px;font-size:13px}.resolved-host{font-family:var(--mono);font-size:11px;color:var(--muted-dim);margin-top:6px}.stats{display:flex;gap:26px}.stat{text-align:right}.stat-val{font-family:var(--mono);font-weight:700;font-size:20px}.stat-val .unit,.stat-val .denom{font-size:11px;font-weight:400;color:var(--muted-dim)}.progress{height:5px;background:#070a0f;border-radius:999px;overflow:hidden;margin-top:16px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--filtered));transition:width .2s ease}.spectrum-wrap{width:100%;overflow:hidden}.spectrum{width:100%;height:200px;display:block}.spectrum .axis-line{stroke:var(--border);stroke-width:1}.spectrum .tick-label{fill:var(--muted-dim);font-family:var(--mono);font-size:9px}.spectrum .stem{stroke-width:1.5;opacity:.55}.spectrum .filt-tick{stroke:var(--closed);stroke-width:1;opacity:.5}.spectrum .port-label{font-family:var(--mono);font-size:9px;text-anchor:middle}.legend{list-style:none;display:flex;flex-wrap:wrap;gap:9px 16px;margin:12px 0 0;padding:0;font-family:var(--mono);font-size:10.5px;color:var(--muted)}.legend li{display:flex;align-items:center;gap:6px}.legend .swatch{width:9px;height:9px;border-radius:50%}.empty-hint{margin:0;font-size:13px;color:var(--muted);font-family:var(--mono)}.summary-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.summary-card{background:var(--panel);border:1px solid var(--border);border-top-width:2px;border-radius:10px;padding:14px 16px}.summary-val{font-family:var(--mono);font-weight:700;font-size:26px;line-height:1}.summary-lbl{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-dim);margin-top:8px}.sc-open{border-top-color:var(--accent)}.sc-open .summary-val{color:#fff}.sc-critical{border-top-color:var(--critical)}.sc-critical .summary-val{color:var(--critical)}.sc-high{border-top-color:var(--high)}.sc-high .summary-val{color:var(--high)}.sc-filtered{border-top-color:var(--filtered)}.sc-filtered .summary-val{color:var(--filtered)}.sc-closed{border-top-color:var(--closed)}.sc-closed .summary-val{color:var(--muted)}.results-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:12px}.results-tools{display:flex;align-items:center;gap:10px}.filter-input{width:220px;font-size:12px;padding:8px 11px}.toggle{display:inline-flex;border:1px solid var(--border);border-radius:7px;overflow:hidden}.toggle-btn{background:transparent;border:none;color:var(--muted);padding:7px 12px;font-family:var(--mono);font-size:11px;cursor:pointer}.toggle-active{background:var(--accent-dim);color:#fff}.table-scroll{overflow-x:auto}.rtable{width:100%;border-collapse:collapse;font-size:12.5px}.rtable th,.rtable td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--border-soft);vertical-align:top}.rtable th{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-dim);white-space:nowrap}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--muted)}.sort-arrow{color:var(--accent)}.rtable tbody tr{border-left:3px solid transparent}.row-critical{border-left-color:var(--critical)}.row-high{border-left-color:var(--high)}.row-medium{border-left-color:var(--medium)}.row-low{border-left-color:var(--low)}.row-review{border-left-color:var(--review)}.row-info{border-left-color:var(--closed)}.col-port,.col-banner{font-family:var(--mono)}.col-port{color:var(--text)}.col-banner{color:var(--muted);max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px}.col-why{color:var(--muted);max-width:300px;font-size:12px}.state-tag{font-family:var(--mono);font-size:10px;letter-spacing:.06em;padding:2px 7px;border-radius:5px;text-transform:uppercase}.st-open{color:var(--low);border:1px solid #34d39955}.st-filtered{color:var(--filtered);border:1px solid #38bdf855}.st-closed,.st-unreachable{color:var(--muted-dim);border:1px solid var(--border)}.risk-badge{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border-radius:999px;color:#0a0d14}.rb-critical{background:var(--critical)}.rb-high{background:var(--high)}.rb-medium{background:var(--medium)}.rb-low{background:var(--low)}.rb-review{background:var(--review)}.rb-info{background:var(--closed);color:var(--text)}.rem-summary{font-family:var(--mono);font-size:12.5px;color:var(--muted);margin:0 0 14px}.rem-summary b{color:var(--text)}.rem-list{display:flex;flex-direction:column;gap:12px}.rem-item{border-left:2px solid var(--border);padding-left:14px}.rem-item.crit{border-left-color:var(--critical)}.rem-item.high{border-left-color:var(--high)}.rem-head{font-size:12.5px;color:var(--muted);margin-bottom:7px}.rem-port{font-family:var(--mono);font-weight:700}.rem-item.crit .rem-port{color:var(--critical)}.rem-item.high .rem-port{color:var(--high)}.rem-svc{color:var(--text);font-weight:600}.fix{display:flex;align-items:center;gap:10px;background:#070a0f;border:1px solid var(--border-soft);border-radius:7px;padding:8px 11px}.fix-label{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-dim)}.fix-cmd{font-family:var(--mono);font-size:12px;color:var(--prompt);overflow-x:auto;white-space:nowrap;flex:1}.copy-btn{background:none;border:1px solid var(--border);color:var(--muted);border-radius:5px;padding:3px 8px;font-family:var(--mono);font-size:10px;cursor:pointer}.copy-btn:hover{border-color:var(--accent);color:var(--text)}.rem-core{margin-top:14px;padding:12px 14px;border:1px solid var(--border);border-left:2px solid var(--accent);border-radius:8px;background:var(--accent-dim);font-size:12.5px;color:var(--text)}.rem-note{margin-top:10px;font-size:12px;color:var(--muted)}.rem-ok{padding:14px;border:1px solid #34d39944;border-left:2px solid var(--low);border-radius:8px;background:#34d3990d;font-size:12.5px}.rem-warn{padding:14px;border:1px solid #ff924444;border-left:2px solid var(--high);border-radius:8px;background:#ff92440d;font-size:12.5px}.banner-error{background:#ff4d6d12;border:1px solid #ff4d6d44;border-radius:9px;padding:11px 14px;margin-bottom:16px;color:var(--critical);font-family:var(--mono);font-size:12.5px}.app-footer{margin-top:26px;border-top:1px solid var(--border-soft);padding-top:16px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:11.5px;color:var(--muted-dim)}.app-footer code{font-family:var(--mono);color:var(--muted)}.app-footer a{color:var(--accent);text-decoration:none}.app-footer a:hover{text-decoration:underline}@media (max-width: 760px){.summary-cards{grid-template-columns:repeat(2,1fr)}.lede,.verdict-grid{flex-direction:column;align-items:flex-start}.stats{gap:18px}}@media (prefers-reduced-motion: reduce){.brand-text h1 .cursor,.status-running .dot{animation:none}.progress-fill{transition:none}.btn:active{transform:none}}.turnstile-row{margin-top:18px}.turnstile{min-height:65px}