:root{--ip-primary:#2563EB;--ip-primary-hover:#1D4ED8;--ip-primary-light:#DBEAFE;--ip-primary-dark:#1E40AF;--ip-secondary:#0EA5E9;--ip-secondary-hover:#0284C7;--ip-secondary-light:#E0F2FE;--ip-success:#10B981;--ip-success-light:#D1FAE5;--ip-warning:#F59E0B;--ip-warning-light:#FEF3C7;--ip-danger:#EF4444;--ip-danger-light:#FEE2E2;--ip-info:#6366F1;--ip-info-light:#EEF2FF;--ip-bg:#F8FAFC;--ip-surface:#FFFFFF;--ip-surface-hover:#F1F5F9;--ip-border:#E2E8F0;--ip-border-light:#F1F5F9;--ip-text:#1E293B;--ip-text-secondary:#64748B;--ip-text-muted:#94A3B8;--ip-text-inverse:#FFFFFF;--ip-isp-ct:#10B981;--ip-isp-ct-bg:#D1FAE5;--ip-isp-cu:#F59E0B;--ip-isp-cu-bg:#FEF3C7;--ip-isp-cm:#3B82F6;--ip-isp-cm-bg:#DBEAFE;--ip-isp-overseas:#6B7280;--ip-isp-overseas-bg:#F3F4F6;--ip-bg-muted:#F1F5F9;--ip-bg-secondary:#EFF2F5;--ip-latency-great:#15803D;--ip-latency-good:#22C55E;--ip-latency-ok:#86EFAC;--ip-latency-warn:#EAB308;--ip-latency-bad:#F97316;--ip-latency-timeout:#EF4444;--ip-navbar-height:56px;--ip-radius:8px;--ip-radius-sm:4px;--ip-radius-lg:12px;--ip-shadow-sm:0 1px 2px rgba(0,0,0,0.05);--ip-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06);--ip-shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--ip-shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);--ip-transition:150ms ease;--ip-transition-slow:300ms ease;--ip-font:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans','PingFang SC','Microsoft YaHei',sans-serif;--ip-font-mono:'SF Mono',SFMono-Regular,ui-monospace,'DejaVu Sans Mono',Menlo,Consolas,monospace}body{font-size:.9375rem;line-height:1.6}:where(a){color:var(--ip-primary);text-decoration:none;transition:color var(--ip-transition)}:where(a):hover{color:var(--ip-primary-hover)}code,kbd,pre,samp{font-family:var(--ip-font-mono)}::selection{background-color:var(--ip-primary-light);color:var(--ip-primary-dark)}.btn-ip-primary{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1.25rem;background:var(--ip-primary);color:#fff;font-weight:600;font-size:.875rem;border-radius:var(--ip-radius);border:none;cursor:pointer;transition:all var(--ip-transition)}.btn-ip-primary:hover{background:var(--ip-primary-hover);color:#fff}.btn-ip-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ip-outline{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1.25rem;background:0 0;color:var(--ip-primary);font-weight:500;font-size:.875rem;border-radius:var(--ip-radius);border:1px solid var(--ip-primary);cursor:pointer;transition:all var(--ip-transition)}.btn-ip-outline:hover{background:var(--ip-primary);color:#fff}.input-ip{width:100%;padding:.625rem 1rem;border:1px solid var(--ip-border);border-radius:var(--ip-radius);font-size:.9375rem;background:var(--ip-surface);color:var(--ip-text);transition:border-color var(--ip-transition),box-shadow var(--ip-transition)}.input-ip:focus{outline:0;border-color:var(--ip-primary);box-shadow:0 0 0 3px rgba(37,99,235,.15)}html.dark .input-ip{background:#1e293b;border-color:#475569;color:#e2e8f0}.select-ip{padding:.375rem .75rem;border:1px solid var(--ip-border);border-radius:var(--ip-radius);font-size:.8125rem;background:var(--ip-surface);color:var(--ip-text)}html.dark .select-ip{background:#1e293b;border-color:#475569;color:#e2e8f0}.nav-link-tw{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.8125rem;font-weight:500;color:#cbd5e1;border-radius:6px;transition:color 150ms ease,background 150ms ease;white-space:nowrap;cursor:pointer;border:none;background:0 0}.nav-link-tw:hover{color:#e2e8f0;background:rgba(255,255,255,.07)}.nav-link-tw.nav-link-active{color:#fff;background:rgba(255,255,255,.1)}.dropdown-item-tw{display:flex;align-items:center;padding:.5rem .875rem;font-size:.8125rem;color:#cbd5e1;transition:background 150ms ease,color 150ms ease}.dropdown-item-tw:hover{background:rgba(255,255,255,.07);color:#fff}.dropdown-item-tw.dropdown-item-active{color:#60a5fa}.mobile-nav-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;color:#cbd5e1;border-radius:6px;transition:background 150ms ease,color 150ms ease}.mobile-nav-link:hover{background:rgba(255,255,255,.07);color:#fff}.mobile-nav-link.mobile-nav-active{color:#fff;background:rgba(255,255,255,.1)}[x-cloak]{display:none!important}.tool-grid-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem .5rem;font-size:.8125rem;color:var(--ip-text-secondary);text-decoration:none;transition:color 150ms ease,background 150ms ease;border-right:1px solid var(--ip-border-light);border-bottom:1px solid var(--ip-border-light)}.tool-grid-item i{font-size:1.125rem;color:var(--ip-text-muted);transition:color 150ms ease}.tool-grid-item:hover{color:var(--ip-primary);background:rgba(37,99,235,.04)}.tool-grid-item:hover i{color:var(--ip-primary)}html.dark .tool-grid-item{border-color:rgba(255,255,255,.06)}html.dark .tool-grid-item:hover{background:rgba(96,165,250,.06);color:#60a5fa}html.dark .tool-grid-item:hover i{color:#60a5fa}.tool-grid-item:nth-child(3n){border-right:none}@media (min-width:640px){.tool-grid-item:nth-child(3n){border-right:1px solid var(--ip-border-light)}.tool-grid-item:nth-child(4n){border-right:none}}@media (min-width:1024px){.tool-grid-item:nth-child(4n){border-right:1px solid var(--ip-border-light)}.tool-grid-item:nth-child(5n){border-right:none}}.tool-grid-item:nth-last-child(-n+5){border-bottom:none}.ip-search-box{position:relative;background:var(--ip-surface);border-radius:var(--ip-radius-lg);padding:1.25rem;box-shadow:var(--ip-shadow);border:1px solid var(--ip-border);margin-bottom:1.5rem}.ip-search-box .input-group .btn{padding:.4rem 1.25rem;font-size:.8125rem}.ip-search-options{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--ip-border-light)}.ip-quick-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.ip-quick-actions .chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:999px;font-size:.8125rem;font-weight:500;background:var(--ip-primary-light);color:var(--ip-primary);cursor:pointer;transition:all var(--ip-transition);border:1px solid transparent}.ip-quick-actions .chip:hover{background:var(--ip-primary);color:var(--ip-text-inverse)}.ip-info-card{background:var(--ip-surface);border-radius:var(--ip-radius-lg);border:1px solid var(--ip-border);box-shadow:var(--ip-shadow-sm);overflow:hidden}.ip-info-card .card-header{background:linear-gradient(135deg,var(--ip-primary) 0,var(--ip-secondary) 100%);color:var(--ip-text-inverse);padding:1rem 1.5rem;border-bottom:none}.ip-info-card .card-header h5{font-weight:600;margin-bottom:0}.ip-info-card .card-body{padding:1.5rem}.ip-info-card .info-row{display:flex;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid var(--ip-border-light)}.ip-info-card .info-row:last-child{border-bottom:none}.ip-info-card .info-label{flex:0 0 140px;font-weight:600;font-size:.8125rem;color:var(--ip-text-secondary);text-transform:uppercase;letter-spacing:.03em}.ip-info-card .info-value{flex:1;font-size:.9375rem;color:var(--ip-text);word-break:break-all}.ip-info-card .info-value .ip-address{font-family:var(--ip-font-mono);font-weight:600;font-size:1.125rem;color:var(--ip-primary)}.ip-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.ip-info-grid .info-item{padding:1rem;border-radius:var(--ip-radius);background:var(--ip-bg);border:1px solid var(--ip-border-light)}.ip-info-grid .info-item .label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ip-text-muted);margin-bottom:.25rem}.ip-info-grid .info-item .value{font-size:1rem;font-weight:500;color:var(--ip-text)}.isp-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:999px;font-size:.75rem;font-weight:600;line-height:1;white-space:nowrap}.isp-badge::before{content:'';display:block;width:6px;height:6px;border-radius:50%}.isp-badge-ct{background:var(--ip-isp-ct-bg);color:#065f46}.isp-badge-ct::before{background:var(--ip-isp-ct)}.isp-badge-cu{background:var(--ip-isp-cu-bg);color:#92400e}.isp-badge-cu::before{background:var(--ip-isp-cu)}.isp-badge-cm{background:var(--ip-isp-cm-bg);color:#1e40af}.isp-badge-cm::before{background:var(--ip-isp-cm)}.isp-badge-overseas{background:var(--ip-isp-overseas-bg);color:#374151}.isp-badge-overseas::before{background:var(--ip-isp-overseas)}.latency{font-family:var(--ip-font-mono);font-size:.875rem;font-weight:600}.latency-great{color:var(--ip-latency-great)}.latency-good{color:var(--ip-latency-good)}.latency-ok{color:var(--ip-latency-ok)}.latency-warn{color:var(--ip-latency-warn)}.latency-bad{color:var(--ip-latency-bad)}.latency-timeout{color:var(--ip-latency-timeout)}.latency-bar{display:inline-block;width:60px;height:4px;border-radius:2px;background:var(--ip-border);overflow:hidden;vertical-align:middle;margin-left:.5rem}.latency-bar .fill{height:100%;border-radius:2px;transition:width var(--ip-transition-slow)}.latency-bar .fill-great{background:var(--ip-latency-great)}.latency-bar .fill-good{background:var(--ip-latency-good)}.latency-bar .fill-ok{background:var(--ip-latency-ok)}.latency-bar .fill-warn{background:var(--ip-latency-warn)}.latency-bar .fill-bad{background:var(--ip-latency-bad)}.quality-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--ip-radius);font-size:.875rem;font-weight:600}.quality-excellent{background:#d1fae5;color:#065f46}.quality-good{background:#dbeafe;color:#1e40af}.quality-fair{background:#fef3c7;color:#92400e}.quality-poor{background:#fee2e2;color:#991b1b}.quality-indicator .quality-dots{display:flex;gap:2px}.quality-indicator .quality-dots span{width:4px;height:12px;border-radius:2px;background:currentColor;opacity:.25}.quality-indicator .quality-dots span.active{opacity:1}.ip-result-table-wrap{background:var(--ip-surface);border-radius:var(--ip-radius-lg);border:1px solid var(--ip-border);box-shadow:var(--ip-shadow-sm);overflow:hidden;margin-bottom:1.5rem}.ip-result-table-wrap .table-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--ip-border);background:var(--ip-bg)}.ip-result-table-wrap .table-header h6{font-weight:600;margin-bottom:0}.ip-result-table-wrap .table-actions{display:flex;gap:.5rem}.ip-result-table{width:100%;margin-bottom:0;font-size:.875rem;border-collapse:collapse}.ip-result-table thead th{background:var(--ip-bg);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ip-text-secondary);padding:.75rem 1rem;border-bottom:2px solid var(--ip-border);white-space:nowrap;position:sticky;top:0;z-index:10}.ip-result-table tbody td{padding:.625rem 1rem;vertical-align:middle;border-bottom:1px solid var(--ip-border-light);color:var(--ip-text)}.ip-result-table tbody tr:nth-child(2n){background:var(--ip-bg)}.ip-result-table tbody tr:hover{background:var(--ip-primary-light)}.ip-result-table .col-ip,.ip-result-table .col-latency,.ip-result-table .col-ttl{font-family:var(--ip-font-mono)}.ip-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-height:70vh;overflow-y:auto}.node-status{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem}.node-status .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.node-status .dot-online{background:var(--ip-success);box-shadow:0 0 0 3px rgba(16,185,129,.2);animation:pulse-green 2s infinite}.node-status .dot-offline{background:#cbd5e1}.node-status .dot-busy{background:var(--ip-warning);box-shadow:0 0 0 3px rgba(245,158,11,.2);animation:pulse-amber 2s infinite}@keyframes pulse-green{0%,100%{box-shadow:0 0 0 3px rgba(16,185,129,.2)}50%{box-shadow:0 0 0 6px rgba(16,185,129,.05)}}@keyframes pulse-amber{0%,100%{box-shadow:0 0 0 3px rgba(245,158,11,.2)}50%{box-shadow:0 0 0 6px rgba(245,158,11,.05)}}.node-select-wrap{position:relative;flex-shrink:0;width:240px}.node-select-trigger{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;height:100%;min-height:38px;background:var(--ip-surface);border:1px solid var(--ip-border);border-radius:var(--ip-radius);cursor:pointer;font-size:.875rem;transition:border-color .15s;white-space:nowrap;overflow:hidden}.node-select-trigger:hover{border-color:var(--ip-primary)}.node-select-trigger .dot-sm{width:6px;height:6px;flex-shrink:0}.node-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:360px;max-width:90vw;background:var(--ip-surface);border:1px solid var(--ip-border);border-radius:var(--ip-radius-lg);box-shadow:var(--ip-shadow-lg);z-index:1050;overflow:hidden}.node-select-filter{padding:.625rem;border-bottom:1px solid var(--ip-border)}.node-select-list{max-height:280px;overflow-y:auto;padding:.25rem}.node-select-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .625rem;border-radius:var(--ip-radius);cursor:pointer;font-size:.8125rem;transition:background .1s}.node-select-item:hover{background:var(--ip-primary-light)}.node-select-item.active{background:var(--ip-primary-light);font-weight:600}.node-select-item .dot-sm{width:6px;height:6px;flex-shrink:0}.node-select-name{white-space:nowrap}.node-select-region{font-size:.6875rem;margin-left:auto;white-space:nowrap}.trace-summary-bar{padding:.625rem 1rem;background:var(--ip-surface);border-radius:var(--ip-radius-lg);border:1px solid var(--ip-border);box-shadow:var(--ip-shadow-sm)}.node-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.node-list .node-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--ip-radius);background:var(--ip-surface);border:1px solid var(--ip-border);transition:all var(--ip-transition);cursor:pointer}.node-list .node-item:hover{border-color:var(--ip-primary);box-shadow:var(--ip-shadow)}.node-list .node-item.selected{border-color:var(--ip-primary);background:var(--ip-primary-light)}.node-list .node-item .node-name{font-weight:600;font-size:.875rem;color:var(--ip-text)}.node-list .node-item .node-region{font-size:.75rem;color:var(--ip-text-muted)}.ip-map-container{position:relative;width:100%;height:450px;background:var(--ip-surface);border-radius:var(--ip-radius-lg);border:1px solid var(--ip-border);box-shadow:var(--ip-shadow-sm);overflow:hidden;margin-bottom:1.5rem}.ip-map-container .map-canvas{width:100%;height:100%}.ip-map-container .map-overlay{position:absolute;top:.375rem;right:.375rem;z-index:10;opacity:.7;transition:opacity .2s}.ip-map-container .map-overlay:hover{opacity:1}.ip-map-container .map-legend{position:absolute;bottom:.5rem;left:.5rem;z-index:10;background:0 0;border-radius:var(--ip-radius);padding:.25rem .5rem;font-size:.6875rem;line-height:1.3}.ip-map-container .map-legend .legend-item{display:flex;align-items:center;gap:.35rem;padding:.125rem 0}.ip-map-container .map-legend .legend-dot{width:8px;height:8px;border-radius:50%}@media (max-width:767.98px){.ip-map-container{height:300px}}.ip-panel{background:var(--ip-surface);border-radius:var(--ip-radius-lg);border:1px solid var(--ip-border);box-shadow:var(--ip-shadow-sm);margin-bottom:1.5rem;overflow:hidden}.ip-panel .panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--ip-border);background:var(--ip-bg)}.ip-panel .panel-header h6{font-weight:600;margin-bottom:0;font-size:.9375rem}.ip-panel .panel-body{padding:1.5rem}.ip-panel .panel-footer{padding:1rem 1.5rem;border-top:1px solid var(--ip-border);background:var(--ip-bg);font-size:.8125rem;color:var(--ip-text-muted)}.ws-status{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;padding:.25rem .625rem;border-radius:999px}.ws-status .ws-dot{width:6px;height:6px;border-radius:50%;transition:background var(--ip-transition)}.ws-status-connected{background:var(--ip-success-light);color:#065f46}.ws-status-connected .ws-dot{background:var(--ip-success);animation:pulse-green 2s infinite}.ws-status-connecting{background:var(--ip-warning-light);color:#92400e}.ws-status-connecting .ws-dot{background:var(--ip-warning);animation:pulse-amber 1s infinite}.ws-status-disconnected{background:var(--ip-danger-light);color:#991b1b}.ws-status-disconnected .ws-dot{background:var(--ip-danger)}.ip-loading{text-align:center;padding:3rem 1rem;color:var(--ip-text-muted)}.ip-loading .spinner{display:inline-block;width:32px;height:32px;border:3px solid var(--ip-border);border-top-color:var(--ip-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ip-loading .spinner-sm{width:16px;height:16px;border-width:2px}.ip-loading p{margin-top:1rem;font-size:.875rem}.skeleton{position:relative;overflow:hidden;background:#e2e8f0;border-radius:var(--ip-radius-sm)}.skeleton::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.5) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.skeleton-text{height:1rem;margin-bottom:.75rem}.skeleton-text:last-child{width:60%}.skeleton-heading{height:1.5rem;width:40%;margin-bottom:1rem}.skeleton-circle{width:40px;height:40px;border-radius:50%}.skeleton-card{height:120px;border-radius:var(--ip-radius-lg)}.skeleton-row{display:flex;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--ip-border-light)}.skeleton-row .skeleton-cell{height:.875rem;flex:1;border-radius:4px}.skeleton-row .skeleton-cell:first-child{flex:0 0 120px}.traceroute-hop{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.875rem}.traceroute-hop .hop-num{flex:0 0 30px;font-weight:600;color:var(--ip-text-muted);text-align:right;font-family:var(--ip-font-mono)}.traceroute-hop .hop-ip{flex:0 0 160px;font-family:var(--ip-font-mono);color:var(--ip-primary)}.traceroute-hop .hop-host{flex:1;color:var(--ip-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.traceroute-hop .hop-latency{flex:0 0 80px;text-align:right;font-family:var(--ip-font-mono);font-weight:600}.traceroute-hop .hop-timeout{color:var(--ip-latency-timeout);font-style:italic}.ip-live-output{background:#0f172a;color:#e2e8f0;font-family:var(--ip-font-mono);font-size:.8125rem;line-height:1.7;padding:1.25rem;border-radius:var(--ip-radius-lg);overflow-x:auto;max-height:500px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.ip-live-output .line-highlight{background:rgba(37,99,235,.15);margin:0 -1.25rem;padding:0 1.25rem}.ip-toast-container{position:fixed;top:calc(var(--ip-navbar-height) + 1rem);right:1rem;z-index:1100;display:flex;flex-direction:column;gap:.5rem}.ip-toast{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--ip-surface);border-radius:var(--ip-radius);box-shadow:var(--ip-shadow-lg);border-left:4px solid var(--ip-primary);font-size:.875rem;min-width:280px;max-width:400px;animation:slideIn .3s ease}.ip-toast-success{border-left-color:var(--ip-success)}.ip-toast-warning{border-left-color:var(--ip-warning)}.ip-toast-danger{border-left-color:var(--ip-danger)}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.ip-toast .toast-close{margin-left:auto;background:0 0;border:none;color:var(--ip-text-muted);cursor:pointer;padding:.25rem;line-height:1;font-size:1.125rem}.btn-copy{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.75rem;border:1px solid var(--ip-border);border-radius:var(--ip-radius-sm);background:var(--ip-surface);color:var(--ip-text-secondary);cursor:pointer;transition:all var(--ip-transition)}.btn-copy:hover{border-color:var(--ip-primary);color:var(--ip-primary)}.btn-copy.copied{border-color:var(--ip-success);color:var(--ip-success)}.quality-timeline{display:flex;gap:0;align-items:flex-end;height:22px;max-width:240px;overflow:hidden}.quality-timeline .qt-block{width:3px;min-width:3px;flex-shrink:0;border-radius:0}.quality-timeline .qt-block:hover{opacity:.7}.qt-block-good{background:#22c55e}.qt-block-warn{background:#eab308}.qt-block-bad{background:#ef4444}.qt-block-timeout{background:#ef4444}.qt-block-pending{background:#94a3b8;opacity:.35}.ip-summary-bar{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;padding:1rem 1.5rem;background:var(--ip-surface);border-radius:var(--ip-radius-lg);border:1px solid var(--ip-border);box-shadow:var(--ip-shadow-sm);margin-bottom:1.5rem}.ip-summary-bar .stat-item{display:flex;align-items:center;gap:.5rem}.ip-summary-bar .stat-value{font-size:1.25rem;font-weight:700}.ip-summary-bar .stat-label{font-size:.75rem;color:var(--ip-text-muted)}.isp-stats-table{width:100%;font-size:.75rem;border-collapse:collapse}.isp-stats-table th{font-weight:600;color:var(--ip-text-muted);padding:.125rem .25rem;border-bottom:1px solid var(--ip-border);white-space:nowrap;font-size:.6875rem}.isp-stats-table td{padding:.125rem .25rem;vertical-align:middle;border-bottom:1px solid var(--ip-border-light);line-height:1.35}.isp-stats-table tr:last-child td{border-bottom:none}.isp-stats-cell{display:inline}.isp-stats-cell .node-name{font-size:.625rem;color:var(--ip-text-muted);white-space:nowrap}.isp-stats-cell .latency-val{font-weight:600;white-space:nowrap;font-size:.6875rem}.region-group-header td{background:var(--ip-bg-secondary);font-weight:600;font-size:.8125rem;color:var(--ip-text-secondary);padding:.375rem .75rem!important;border-bottom:1px solid var(--ip-border)}.ip-detail-card{position:relative;background:var(--ip-surface);border-radius:var(--ip-radius-lg);border:1px solid var(--ip-border);box-shadow:var(--ip-shadow-sm);overflow:hidden;transition:box-shadow var(--ip-transition-slow),transform var(--ip-transition-slow)}.ip-detail-card:hover{box-shadow:var(--ip-shadow-md);transform:translateY(-1px)}.ip-detail-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,var(--ip-primary) 0,var(--ip-secondary) 100%)}.ip-hero-block{position:relative;padding:1rem 1.25rem;background:var(--ip-bg);border-radius:var(--ip-radius);border:1px solid var(--ip-border-light)}.ip-hero-flag{font-size:2rem;line-height:1;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.ip-hero-addr{font-family:var(--ip-font-mono);font-size:clamp(1.25rem, 3.5vw, 1.5rem);font-weight:700;color:var(--ip-primary);word-break:break-all;letter-spacing:-.01em}.ip-hero-rdns{font-size:.8125rem;color:var(--ip-text-muted);margin-top:.25rem;font-family:var(--ip-font-mono)}.ip-hero-query{font-size:.75rem;color:var(--ip-text-muted);margin-top:.25rem}.ip-field{display:flex;align-items:baseline;gap:.75rem;padding:.625rem 0;border-bottom:1px solid var(--ip-border-light)}.ip-field:last-child{border-bottom:none}.ip-field-label{flex:0 0 auto;display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;color:var(--ip-text-muted);min-width:52px}.ip-field-label i{font-size:.8125rem;color:var(--ip-text-muted);opacity:.6;width:14px;text-align:center}.ip-field-value{flex:1;font-size:.9375rem;color:var(--ip-text);word-break:break-word}.ip-proxy-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:999px;font-size:.8125rem;font-weight:500}.ip-proxy-chip-safe{background:var(--ip-success-light);color:#065f46}.ip-proxy-chip-warn{background:var(--ip-warning-light);color:#92400e}html.dark .ip-proxy-chip-safe{color:#6ee7b7}html.dark .ip-proxy-chip-warn{color:#fcd34d}.ms-item{padding:.75rem 0;border-bottom:1px solid var(--ip-border-light)}.ms-item:first-child{padding-top:0}.ms-item:last-child{border-bottom:none;padding-bottom:0}.ms-item-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.ms-item-dot{width:6px;height:6px;border-radius:50%;background:var(--ip-primary);flex-shrink:0;opacity:.5}.ms-item-name{font-weight:600;font-size:.875rem;color:var(--ip-text)}.ms-item-isp,.ms-item-loc{font-size:.8125rem;color:var(--ip-text-secondary);line-height:1.5;padding-left:.875rem}.ms-item-diff{background:var(--ip-warning-light);padding:.0625rem .375rem;border-radius:var(--ip-radius-sm);font-weight:500}html.dark .ms-item-diff{background:rgba(245,158,11,.15)}.ip-tool-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;color:var(--ip-text-secondary);background:var(--ip-surface);border:1px solid var(--ip-border);border-radius:var(--ip-radius);transition:all var(--ip-transition);text-decoration:none}.ip-tool-btn:hover{color:var(--ip-primary);border-color:var(--ip-primary);background:var(--ip-primary-light);transform:translateY(-1px);box-shadow:var(--ip-shadow-sm)}.ip-tool-btn .tool-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:var(--ip-primary-light);color:var(--ip-primary);font-size:.75rem;transition:background var(--ip-transition),color var(--ip-transition)}.ip-tool-btn:hover .tool-icon{background:var(--ip-primary);color:#fff}.ms-header-link{font-size:.75rem;color:var(--ip-text-muted);text-decoration:none;transition:color var(--ip-transition)}.ms-header-link:hover{color:var(--ip-primary)}.ip-asn-link{color:var(--ip-primary);font-family:var(--ip-font-mono);font-weight:600;font-size:.875rem;text-decoration:none;transition:color var(--ip-transition)}.ip-asn-link:hover{color:var(--ip-primary-hover);text-decoration:underline}.ip-type-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:999px;font-size:.6875rem;font-weight:600;background:var(--ip-bg);color:var(--ip-text-secondary);border:1px solid var(--ip-border-light)}.ms-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 .25rem;border-radius:999px;font-size:.625rem;font-weight:700;background:var(--ip-primary);color:#fff}@media (max-width:575.98px){.ip-hero-flag{font-size:1.5rem}.ip-hero-block{padding:.875rem 1rem}.ip-detail-card .ip-card-inner{padding:1rem!important}.ip-field{flex-direction:column;gap:.125rem}.ip-field-label{min-width:unset}.ip-tool-btn{flex:1;justify-content:center}}.ip-multisource-table{font-size:.875rem;width:100%;border-collapse:collapse}.ip-multisource-table thead th{background:var(--ip-bg);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--ip-text-secondary);padding:.75rem .75rem;border-bottom:2px solid var(--ip-border);white-space:nowrap;text-align:center}.ip-multisource-table thead th.field-col{text-align:left;min-width:90px}.ip-multisource-table thead th.source-col{min-width:120px}.ip-multisource-table tbody td{padding:.625rem .75rem;vertical-align:middle;border-bottom:1px solid var(--ip-border-light);text-align:center}.ip-multisource-table tbody td.field-col{text-align:left;color:var(--ip-text-secondary);font-size:.8125rem}.ip-multisource-table tbody tr:nth-child(2n){background:var(--ip-bg)}.ip-multisource-table tbody tr:hover{background:var(--ip-primary-light)}.ip-multisource-table td.ms-diff{background:var(--ip-warning-light);font-weight:600}.ip-multisource-table tbody tr:hover td.ms-diff{background:#fde68a}html.dark .ip-multisource-table tbody tr:hover td.ms-diff{background:rgba(245,158,11,.25)}.http-headers-detail{padding:.75rem 1rem;background:var(--ip-bg);font-family:var(--ip-font-mono);font-size:.75rem;line-height:1.6;max-height:300px;overflow-y:auto;overflow-x:hidden}.http-header-line{word-break:break-all}.http-header-key{color:var(--ip-primary);font-weight:600;margin-right:.5rem}html.dark .http-headers-detail{background:#0f172a}.screenshot-dropdown{min-width:200px}.ip-main{flex:1;padding:2rem 0}.ip-page-header{margin-bottom:2rem}.ip-page-header h1{font-size:1.75rem;font-weight:700;color:var(--ip-text);margin-bottom:.25rem}.ip-page-header p{color:var(--ip-text-secondary);margin-bottom:0}.badge{display:inline-flex;align-items:center;padding:.2rem .5rem;font-size:.75rem;font-weight:600;border-radius:var(--ip-radius-sm);line-height:1}.bg-success{background-color:var(--ip-success);color:#fff}.bg-danger{background-color:var(--ip-danger);color:#fff}.bg-warning{background-color:var(--ip-warning);color:#000}.bg-info{background-color:var(--ip-info);color:#fff}.bg-secondary{background-color:#64748b;color:#fff}.bg-primary{background-color:var(--ip-primary);color:#fff}.bg-light{background-color:var(--ip-bg);color:var(--ip-text)}.bg-dark{background-color:#1e293b;color:#fff}.bg-opacity-75{opacity:.85}.bg-opacity-25{opacity:.75}.bg-opacity-10{opacity:.85}.text-dark{color:#1e293b!important}.progress{height:6px;background:var(--ip-border);border-radius:999px;overflow:hidden}.progress-bar{height:100%;border-radius:999px;transition:width .3s ease}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{animation:progress-bar-stripes 1s linear infinite}@keyframes progress-bar-stripes{0%{background-position:1rem 0}100%{background-position:0 0}}.spinner-border{display:inline-block;width:1rem;height:1rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite}.spinner-border-sm{width:.875rem;height:.875rem;border-width:2px}.form-check{display:flex;align-items:center;gap:.375rem}.form-check-input{width:1rem;height:1rem;accent-color:var(--ip-primary);cursor:pointer}.form-check-label{font-size:.875rem;cursor:pointer}.form-check-inline{display:inline-flex;align-items:center;gap:.25rem;margin-right:.5rem}.form-switch .form-check-input{width:2rem;height:1rem;appearance:none;-webkit-appearance:none;background:var(--ip-border);border-radius:999px;position:relative;cursor:pointer;transition:background .2s}.form-switch .form-check-input::after{content:'';position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .2s}.form-switch .form-check-input:checked{background:var(--ip-primary)}.form-switch .form-check-input:checked::after{transform:translateX(16px)}.alert{padding:.75rem 1rem;border-radius:var(--ip-radius);font-size:.875rem;margin-bottom:1rem}.alert-danger{background:var(--ip-danger-light);color:#991b1b;border:1px solid rgba(239,68,68,.2)}.alert-info{background:var(--ip-info-light);color:#3730a3;border:1px solid rgba(99,102,241,.2)}.alert-warning{background:var(--ip-warning-light);color:#92400e;border:1px solid rgba(245,158,11,.2)}.alert-success{background:var(--ip-success-light);color:#065f46;border:1px solid rgba(16,185,129,.2)}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:.5rem .75rem;vertical-align:middle}.table-sm td,.table-sm th{padding:.375rem .5rem}.table-hover tbody tr:hover{background:var(--ip-primary-light)}.table-borderless td,.table-borderless th{border:none}.table thead.table-light th,.table-light{background:var(--ip-bg)}.nav-tabs{display:flex;gap:0;border-bottom:2px solid var(--ip-border);margin-bottom:1.5rem}.nav-tabs .nav-item{margin-bottom:-2px}.nav-tabs .nav-link{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:var(--ip-text-secondary);border-bottom:2px solid transparent;transition:all var(--ip-transition);text-decoration:none}.nav-tabs .nav-link:hover{color:var(--ip-primary)}.nav-tabs .nav-link.active{color:var(--ip-primary);border-bottom-color:var(--ip-primary);font-weight:600}.tab-content>.tab-pane{display:none}.tab-content>.tab-pane.show.active{display:block}.tab-pane.fade{opacity:0;transition:opacity .15s}.tab-pane.fade.show{opacity:1}.btn-group{display:inline-flex;border-radius:var(--ip-radius);overflow:hidden}.btn-group .btn{padding:.25rem .625rem;font-size:.75rem;font-weight:500;border:1px solid var(--ip-border);background:var(--ip-surface);border-radius:0;color:var(--ip-text-secondary);cursor:pointer;transition:all var(--ip-transition);text-decoration:none;display:inline-flex;align-items:center}.btn-group .btn+.btn{margin-left:-1px}.btn-group .btn:first-child{border-radius:var(--ip-radius-sm) 0 0 var(--ip-radius-sm)}.btn-group .btn:last-child{border-radius:0 var(--ip-radius-sm) var(--ip-radius-sm) 0}.btn-group .btn-primary,.btn-group .btn.btn-primary{background:var(--ip-primary);color:#fff;border-color:var(--ip-primary)}.btn-group .btn.btn-outline-primary{color:var(--ip-primary);border-color:var(--ip-primary);background:0 0}.btn-group .btn.btn-outline-primary:hover{background:var(--ip-primary);color:#fff}.btn-group .btn.btn-success{background:var(--ip-success);color:#fff;border-color:var(--ip-success)}.btn-group .btn.btn-outline-success{color:var(--ip-success);border-color:var(--ip-success);background:0 0}.btn-group .btn.btn-outline-success:hover{background:var(--ip-success);color:#fff}.btn-group .btn.btn-danger{background:var(--ip-danger);color:#fff;border-color:var(--ip-danger)}.btn-group .btn.btn-outline-danger{color:var(--ip-danger);border-color:var(--ip-danger);background:0 0}.btn-group .btn.btn-outline-danger:hover{background:var(--ip-danger);color:#fff}.btn-group-sm .btn{font-size:.6875rem;padding:.15rem .4rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.4rem 1rem;font-weight:500;font-size:.875rem;border-radius:var(--ip-radius);border:1px solid transparent;cursor:pointer;transition:all var(--ip-transition);text-decoration:none;line-height:1.5;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--ip-primary);color:#fff;border-color:var(--ip-primary)}.btn-primary:hover{background:var(--ip-primary-hover);border-color:var(--ip-primary-hover);color:#fff}.btn-outline-primary{background:0 0;color:var(--ip-primary);border-color:var(--ip-primary)}.btn-outline-primary:hover{background:var(--ip-primary);color:#fff}.btn-outline-secondary{background:0 0;color:var(--ip-text-secondary);border-color:var(--ip-border)}.btn-outline-secondary:hover{background:var(--ip-surface-hover);color:var(--ip-text)}.btn-warning{background:var(--ip-warning);color:#000;border-color:var(--ip-warning)}.btn-warning:hover{background:#d97706;color:#000}.btn-dark{background:#1e293b;color:#fff;border-color:#1e293b}.btn-dark:hover{background:#0f172a;color:#fff}.btn-light{background:var(--ip-bg);color:var(--ip-text);border-color:var(--ip-border)}.btn-light:hover{background:var(--ip-border)}.btn-link{background:0 0;border:none;color:var(--ip-primary);padding:0}.btn-link:hover{color:var(--ip-primary-hover);text-decoration:underline}.btn-sm{font-size:.75rem;padding:.1875rem .625rem}.btn-lg{font-size:.875rem;padding:.3rem 1.25rem}.form-control,.form-select{display:block;width:100%;padding:.4rem .75rem;font-size:.875rem;border:1px solid var(--ip-border);border-radius:var(--ip-radius);background:var(--ip-surface);color:var(--ip-text);transition:border-color var(--ip-transition),box-shadow var(--ip-transition)}.form-control:focus,.form-select:focus{outline:0;border-color:var(--ip-primary);box-shadow:0 0 0 3px rgba(37,99,235,.15)}.form-control.is-invalid,.form-select.is-invalid{border-color:var(--ip-danger);box-shadow:0 0 0 3px rgba(239,68,68,.15)}.form-control-sm,.form-select-sm{padding:.1875rem .5rem;font-size:.75rem}.form-control-lg,.form-select-lg{padding:.3rem .75rem;font-size:.875rem}.form-label{display:block;font-weight:600;font-size:.875rem;margin-bottom:.5rem;color:var(--ip-text)}.form-text{font-size:.8125rem;color:var(--ip-text-muted);margin-top:.5rem}.font-monospace{font-family:var(--ip-font-mono)}html.dark .form-control,html.dark .form-select{background:#1e293b;border-color:#475569;color:#e2e8f0}.input-group{display:flex;align-items:stretch}.input-group .form-control{flex:1 1 auto;min-width:0}.input-group .form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group .form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.input-group .btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group .btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group .input-group-text{display:flex;align-items:center;padding:.4rem .75rem;background:var(--ip-surface);border:1px solid var(--ip-border);font-size:.875rem;color:var(--ip-text-muted)}.input-group .input-group-text:first-child{border-right:none;border-radius:var(--ip-radius) 0 0 var(--ip-radius)}.input-group-lg .form-control{padding:.3rem .75rem;font-size:.8125rem}.input-group-lg .btn{padding:.3rem 1.25rem;font-size:.8125rem}.input-group input[type=number]{border-right:1px solid var(--ip-border)}.card{background:var(--ip-surface);border:1px solid var(--ip-border);border-radius:var(--ip-radius-lg);box-shadow:var(--ip-shadow-sm);transition:box-shadow var(--ip-transition)}.card:hover{box-shadow:var(--ip-shadow)}.card-body{padding:1.25rem}.card-header{padding:1rem 1.25rem;border-bottom:1px solid var(--ip-border)}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;right:0;z-index:1000;min-width:10rem;padding:.375rem;margin-top:.25rem;background:var(--ip-surface);border:1px solid var(--ip-border);border-radius:var(--ip-radius);box-shadow:var(--ip-shadow-lg)}.dropdown-menu-dark{background:#1e293b;border-color:#334155}.dropdown-menu-dark .dropdown-item{color:rgba(255,255,255,.8)}.dropdown-menu-dark .dropdown-item:hover{background:rgba(255,255,255,.08);color:#fff}.dropdown-menu-dark .dropdown-divider{border-color:rgba(255,255,255,.15)}.dropdown-item{display:flex;align-items:center;gap:.375rem;padding:.4rem .75rem;font-size:.8125rem;color:var(--ip-text);border-radius:var(--ip-radius-sm);transition:background var(--ip-transition);text-decoration:none}.dropdown-item:hover{background:var(--ip-surface-hover);color:var(--ip-text);text-decoration:none}.dropdown-item.active{background:rgba(37,99,235,.1);color:var(--ip-primary)}.dropdown-divider{border-top:1px solid var(--ip-border-light);margin:.25rem 0}.dropdown-toggle::after{content:'';display:inline-block;width:0;height:0;margin-left:.375rem;vertical-align:middle;border-top:.3em solid;border-right:.3em solid transparent;border-left:.3em solid transparent}.rounded-circle{border-radius:50%}@media (max-width:575.98px){.ip-search-box{padding:1rem}.ip-info-card .info-row{flex-direction:column;gap:.25rem}.ip-info-card .info-label{flex:none}.ip-result-table{font-size:.75rem}.ip-result-table tbody td,.ip-result-table thead th{padding:.375rem .5rem}.ip-result-table tbody td:nth-child(6),.ip-result-table tbody td:nth-child(8),.ip-result-table tbody td:nth-child(9),.ip-result-table thead th:nth-child(6),.ip-result-table thead th:nth-child(8),.ip-result-table thead th:nth-child(9){display:none}.ip-table-scroll{max-height:60vh}#dnsGlobalTable{table-layout:auto}#dnsGlobalTable thead{display:none}#dnsGlobalTable colgroup{display:none}#dnsGlobalTable,#dnsGlobalTable tbody,#dnsGlobalTable td,#dnsGlobalTable tr{display:block;width:100%}#dnsGlobalTable tr{padding:.5rem .75rem;border-bottom:1px solid var(--ip-border)}#dnsGlobalTable td{padding:.125rem 0!important;text-align:left!important;border:none!important}#dnsGlobalTable td:before{content:attr(data-label);font-size:.625rem;color:var(--ip-text-secondary);margin-right:.25rem}#dnsGlobalTable td:first-child{font-size:.8125rem;margin-bottom:.25rem}#dnsGlobalTable td:first-child:before{display:none}#dnsGlobalTable td:nth-child(3),#dnsGlobalTable td:nth-child(4),#dnsGlobalTable td:nth-child(5){display:inline-block;width:auto;margin-right:.75rem}.ip-map-container{height:250px!important;margin-bottom:1rem}.ip-panel .panel-body{padding:1rem}.ip-panel .panel-header{padding:.75rem 1rem;flex-wrap:wrap;gap:.5rem}.ip-main{padding:1rem 0}.ip-search-box{margin-bottom:1rem}.ip-page-header{margin-bottom:1rem}.ip-page-header h1{font-size:1.25rem}.node-list{grid-template-columns:1fr}.node-select-wrap{width:100%}.node-select-dropdown{width:100%}.ip-search-box .input-group{flex-wrap:wrap}.ip-search-box .input-group .input-group-text{flex:0 0 auto}.ip-search-box .input-group .form-control{flex:1 1 0%;min-width:calc(100% - 10rem)}.ip-search-box .input-group input[type=number]{flex:0 0 70px;width:70px}.ip-search-box .input-group .btn[type=submit]{flex:0 0 auto;font-size:0;gap:0;padding-left:.5rem;padding-right:.5rem}.ip-search-box .input-group .btn[type=submit] .spinner-border,.ip-search-box .input-group .btn[type=submit] i.bi{font-size:.875rem;margin:0!important}.ip-search-box .input-group .btn:not([type=submit]){flex:1 0 calc(50% - 0.25rem);margin-top:.375rem;border-radius:var(--ip-radius)!important}.ip-summary-bar{gap:1rem;padding:.75rem 1rem}.ip-summary-bar .stat-value{font-size:1rem}.quality-timeline{max-width:120px}.trace-summary-bar{padding:.5rem .75rem;font-size:.8125rem}}@media (max-width:767.98px){.ip-result-table-wrap .table-header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.75rem 1rem}.ip-result-table-wrap .table-actions{width:100%;flex-wrap:wrap;gap:.5rem}.ip-info-card .info-label{flex:0 0 100px;font-size:.75rem}}@media (min-width:768px) and (max-width:991.98px){.node-list{grid-template-columns:repeat(2,1fr)}}@media print{.btn-copy,.ip-toast-container,.ws-status,footer,nav{display:none!important}body{background:#fff;color:#000}.ip-result-table thead th{position:static}.ip-info-card,.ip-panel,.ip-result-table-wrap{box-shadow:none;break-inside:avoid}}.ip-history-dropdown{position:absolute;top:100%;left:0;right:0;z-index:40;background:var(--ip-surface);border:1px solid var(--ip-border);border-radius:var(--ip-radius);box-shadow:var(--ip-shadow-md);max-height:200px;overflow-y:auto;margin-top:2px}.ip-history-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;cursor:pointer;font-size:.875rem;font-family:var(--ip-font-mono)}.ip-history-item:hover{background:var(--ip-surface-hover)}.ip-history-item .ip-history-text{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ip-history-item .ip-history-del{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;border:none;background:0 0;color:var(--ip-text-muted);font-size:.75rem;cursor:pointer;opacity:0;transition:opacity .15s,background .15s,color .15s}.ip-history-item:hover .ip-history-del{opacity:1}.ip-history-item .ip-history-del:hover{background:var(--ip-danger-light);color:var(--ip-danger)}.ip-history-clear{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.375rem .75rem;font-size:.75rem;color:var(--ip-text-muted);border-top:1px solid var(--ip-border-light);cursor:pointer;transition:background .15s,color .15s}.ip-history-clear:hover{background:var(--ip-surface-hover);color:var(--ip-danger)}html.dark{--ip-bg:#0F172A;--ip-surface:#1E293B;--ip-surface-hover:#334155;--ip-border:#334155;--ip-border-light:#1E293B;--ip-text:#E2E8F0;--ip-text-secondary:#94A3B8;--ip-text-muted:#64748B;--ip-primary-light:rgba(37, 99, 235, 0.15);--ip-secondary-light:rgba(14, 165, 233, 0.15);--ip-success-light:rgba(16, 185, 129, 0.15);--ip-warning-light:rgba(245, 158, 11, 0.15);--ip-danger-light:rgba(239, 68, 68, 0.15);--ip-isp-ct-bg:rgba(16, 185, 129, 0.15);--ip-isp-cu-bg:rgba(245, 158, 11, 0.15);--ip-isp-cm-bg:rgba(59, 130, 246, 0.15);--ip-isp-overseas-bg:rgba(107, 114, 128, 0.15);--ip-bg-muted:#334155;--ip-bg-secondary:#1E293B;--ip-shadow-sm:0 1px 2px rgba(0,0,0,0.2);--ip-shadow:0 1px 3px rgba(0,0,0,0.3);--ip-shadow-md:0 4px 6px rgba(0,0,0,0.3);--ip-shadow-lg:0 10px 15px rgba(0,0,0,0.4)}html.dark .skeleton{background:#334155}html.dark .ip-live-output{background:#020617}html.dark .ip-map-container .map-legend{background:0 0;color:#e2e8f0}html.dark .node-select-dropdown{background:var(--ip-surface);border-color:var(--ip-border)}html.dark .trace-summary-bar{background:var(--ip-surface);border-color:var(--ip-border)}html.dark .card{background:var(--ip-surface);border-color:var(--ip-border)}html.dark .alert-danger{background:rgba(239,68,68,.1);color:#fca5a5;border-color:rgba(239,68,68,.2)}html.dark .alert-info{background:rgba(99,102,241,.1);color:#a5b4fc;border-color:rgba(99,102,241,.2)}html.dark .alert-warning{background:rgba(245,158,11,.1);color:#fcd34d;border-color:rgba(245,158,11,.2)}html.dark .dropdown-menu{background:#1e293b;border-color:#475569}html.dark .dropdown-item{color:#cbd5e1}html.dark .dropdown-item:hover{background:#334155;color:#f1f5f9}html.dark .bg-light{background-color:#334155!important;color:#e2e8f0!important}html.dark .bg-white{background-color:#1e293b!important}html.dark .btn-light{background:#334155;color:#e2e8f0;border-color:#475569}html.dark .input-group-text{background:#1e293b;border-color:#475569;color:#94a3b8}html.dark .ip-history-dropdown{background:#1e293b;border-color:#475569}html.dark .ip-history-item:hover{background:#334155}html.dark .table thead.table-light th,html.dark .table-light{background:#0f172a;color:#cbd5e1}html.dark .nav-tabs{border-bottom-color:#334155}html.dark .nav-tabs .nav-link{color:#94a3b8}html.dark .nav-tabs .nav-link:hover{color:#60a5fa}html.dark .nav-tabs .nav-link.active{color:#60a5fa;border-bottom-color:#60a5fa}html.dark .table-warning,html.dark .table-warning>td{background:rgba(245,158,11,.1)!important;color:#fcd34d}html.dark .text-muted{color:#64748b}html.dark .border-bottom{border-bottom-color:var(--ip-border)}html.dark .form-text{color:#64748b}html.dark .list-none li{color:#cbd5e1}html.dark .table-borderless td{border:none}html.dark .table{border-color:var(--ip-border)}html.dark .table tbody tr{border-color:var(--ip-border)}html.dark :where(a){color:#60a5fa}html.dark :where(a):hover{color:#93c5fd}html.dark .isp-badge-ct{color:#6ee7b7}html.dark .isp-badge-cu{color:#fcd34d}html.dark .isp-badge-cm{color:#93c5fd}html.dark .isp-badge-overseas{color:#d1d5db}html.dark .text-dark{color:#e2e8f0!important}html.dark .ws-status-connected{color:#6ee7b7}html.dark .ws-status-connecting{color:#fcd34d}html.dark .ws-status-disconnected{color:#fca5a5}html.dark .quality-excellent{background:rgba(16,185,129,.15);color:#6ee7b7}html.dark .quality-good{background:rgba(59,130,246,.15);color:#93c5fd}html.dark .quality-fair{background:rgba(245,158,11,.15);color:#fcd34d}html.dark .quality-poor{background:rgba(239,68,68,.15);color:#fca5a5}.scanner-search-bar{background:var(--ip-surface);border:2px solid var(--ip-border);border-radius:16px;padding:6px;box-shadow:var(--ip-shadow-lg);transition:border-color var(--ip-transition),box-shadow var(--ip-transition)}.scanner-search-bar:focus-within{border-color:var(--ip-primary);box-shadow:0 0 0 4px rgba(37,99,235,.12),var(--ip-shadow-lg)}.scanner-search-input{width:100%;padding:.875rem 1rem .875rem 2.75rem;font-size:1.0625rem;border:none;background:0 0;color:var(--ip-text);outline:0}.scanner-search-input::placeholder{color:var(--ip-text-muted)}.scanner-search-btn{position:absolute;right:4px;display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1.25rem;background:var(--ip-primary);color:#fff;font-weight:600;font-size:.9375rem;border:none;border-radius:12px;cursor:pointer;transition:background var(--ip-transition);white-space:nowrap}.scanner-search-btn:hover{background:var(--ip-primary-hover)}.scanner-search-bar-compact{background:var(--ip-surface);border:1px solid var(--ip-border);border-radius:var(--ip-radius-lg);padding:3px;transition:border-color var(--ip-transition)}.scanner-search-bar-compact:focus-within{border-color:var(--ip-primary)}.scanner-search-input-compact{width:100%;padding:.5rem .75rem .5rem 2.25rem;font-size:.9375rem;border:none;background:0 0;color:var(--ip-text);outline:0}.scanner-search-btn-compact{position:absolute;right:3px;display:inline-flex;align-items:center;gap:.25rem;padding:.4375rem 1rem;background:var(--ip-primary);color:#fff;font-weight:600;font-size:.8125rem;border:none;border-radius:var(--ip-radius);cursor:pointer;transition:background var(--ip-transition)}.scanner-search-btn-compact:hover{background:var(--ip-primary-hover)}.scanner-chip{display:inline-flex;align-items:center;padding:.3125rem .75rem;border-radius:999px;font-size:.8125rem;font-family:var(--ip-font-mono);font-weight:500;background:var(--ip-primary-light);color:var(--ip-primary);border:1px solid transparent;transition:all var(--ip-transition);text-decoration:none}.scanner-chip:hover{background:var(--ip-primary);color:#fff}.scanner-syntax-item{display:flex;align-items:baseline;gap:.5rem;padding:.375rem 0}.scanner-syntax-key{font-family:var(--ip-font-mono);font-size:.8125rem;font-weight:600;color:var(--ip-primary);background:var(--ip-primary-light);padding:.125rem .375rem;border-radius:var(--ip-radius-sm)}.scanner-facet-card{background:var(--ip-surface);border:1px solid var(--ip-border);border-radius:var(--ip-radius-lg);padding:1rem;box-shadow:var(--ip-shadow-sm)}.scanner-facet-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ip-text-muted);margin-bottom:.5rem}.scanner-facet-item{display:flex;align-items:center;justify-content:space-between;padding:.375rem .5rem;border-radius:var(--ip-radius-sm);transition:background var(--ip-transition);text-decoration:none;color:inherit}.scanner-facet-item:hover{background:var(--ip-primary-light);color:var(--ip-text)}.scanner-facet-active{background:var(--ip-primary-light);border-left:2px solid var(--ip-primary);padding-left:calc(.5rem - 2px)}.scanner-result-card{background:var(--ip-surface);border:1px solid var(--ip-border);border-radius:var(--ip-radius-lg);padding:1rem 1.25rem;box-shadow:var(--ip-shadow-sm);transition:box-shadow var(--ip-transition),transform var(--ip-transition)}.scanner-result-card:hover{box-shadow:var(--ip-shadow);transform:translateY(-1px)}.scanner-banner{background:#0f172a;color:#4ade80;font-family:var(--ip-font-mono);font-size:.75rem;line-height:1.5;padding:.75rem 1rem;border-radius:var(--ip-radius);overflow-x:auto;white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto}.scanner-badge-service{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:999px;font-size:.6875rem;font-weight:600;background:rgba(14,165,233,.12);color:#0ea5e9;border:1px solid rgba(14,165,233,.2)}.scanner-badge-proto{display:inline-flex;align-items:center;padding:.0625rem .375rem;border-radius:var(--ip-radius-sm);font-size:.625rem;font-weight:700;background:var(--ip-bg);color:var(--ip-text-muted);text-transform:uppercase;letter-spacing:.04em}.scanner-badge-proto-sm{display:inline-flex;align-items:center;padding:.0625rem .3125rem;border-radius:3px;font-size:.5625rem;font-weight:700;background:var(--ip-bg);color:var(--ip-text-muted);text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--ip-border-light)}.scanner-badge-tech{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:999px;font-size:.6875rem;font-weight:500;background:rgba(99,102,241,.1);color:#6366f1;border:1px solid rgba(99,102,241,.15)}.scanner-badge-os{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:999px;font-size:.6875rem;font-weight:500;background:rgba(245,158,11,.1);color:#d97706;border:1px solid rgba(245,158,11,.15)}.scanner-page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .5rem;font-size:.8125rem;font-weight:500;color:var(--ip-text-secondary);background:var(--ip-surface);border:1px solid var(--ip-border);border-radius:var(--ip-radius);transition:all var(--ip-transition);text-decoration:none}.scanner-page-btn:hover{border-color:var(--ip-primary);color:var(--ip-primary)}.scanner-page-btn.scanner-page-active{background:var(--ip-primary);border-color:var(--ip-primary);color:#fff;font-weight:600}.scanner-host-card{position:relative;background:var(--ip-surface);border:1px solid var(--ip-border);border-radius:var(--ip-radius-lg);box-shadow:var(--ip-shadow-sm);overflow:hidden}.scanner-host-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,var(--ip-primary) 0,var(--ip-secondary) 100%)}.scanner-service-item{background:var(--ip-surface);border:1px solid var(--ip-border);border-radius:var(--ip-radius-lg);overflow:hidden;transition:box-shadow var(--ip-transition)}.scanner-service-item:hover{box-shadow:var(--ip-shadow-sm)}html.dark .scanner-search-bar{border-color:#475569}html.dark .scanner-search-bar:focus-within{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(96,165,250,.12),var(--ip-shadow-lg)}html.dark .scanner-search-input{color:#e2e8f0}html.dark .scanner-search-bar-compact{border-color:#475569}html.dark .scanner-search-bar-compact:focus-within{border-color:#60a5fa}html.dark .scanner-search-input-compact{color:#e2e8f0}html.dark .scanner-chip{background:rgba(37,99,235,.15);color:#60a5fa}html.dark .scanner-chip:hover{background:#2563eb;color:#fff}html.dark .scanner-syntax-key{background:rgba(37,99,235,.15);color:#60a5fa}html.dark .scanner-badge-service{background:rgba(14,165,233,.15);color:#38bdf8;border-color:rgba(14,165,233,.25)}html.dark .scanner-badge-tech{background:rgba(99,102,241,.15);color:#a5b4fc;border-color:rgba(99,102,241,.2)}html.dark .scanner-badge-os{background:rgba(245,158,11,.15);color:#fcd34d;border-color:rgba(245,158,11,.2)}html.dark .scanner-badge-proto,html.dark .scanner-badge-proto-sm{background:#1e293b;color:#94a3b8;border-color:#334155}html.dark .scanner-banner{background:#020617}html.dark .scanner-page-btn{background:#1e293b;border-color:#334155;color:#94a3b8}html.dark .scanner-page-btn:hover{border-color:#60a5fa;color:#60a5fa}html.dark .scanner-page-btn.scanner-page-active{background:#2563eb;border-color:#2563eb;color:#fff}.scanner-facet-scroll::-webkit-scrollbar{width:4px}.scanner-facet-scroll::-webkit-scrollbar-track{background:0 0}.scanner-facet-scroll::-webkit-scrollbar-thumb{background:var(--ip-border);border-radius:2px}.scanner-facet-scroll::-webkit-scrollbar-thumb:hover{background:var(--ip-text-muted)}html.dark .scanner-facet-scroll::-webkit-scrollbar-thumb{background:#334155}html.dark .scanner-facet-active{background:rgba(37,99,235,.15);border-left-color:#60a5fa}@media (max-width:575.98px){.scanner-search-input{font-size:.9375rem;padding-left:2.25rem}.scanner-search-btn{padding:.5rem .875rem;font-size:.8125rem}.scanner-result-card{padding:.75rem 1rem}.scanner-banner{font-size:.6875rem;padding:.5rem .75rem}}