.network-screen{--network-accent: #0f766e;--network-accent-rgb: 15, 118, 110;--network-accent-soft: rgba(204, 251, 241, .92);--network-accent-strong: #115e59;--network-panel-tint: rgba(236, 253, 245, .82);--network-shell-bg: linear-gradient(180deg, rgba(248, 250, 252, .98), rgba(241, 245, 249, .96));--network-diagram-bg: radial-gradient(circle at top left, rgba(var(--network-accent-rgb), .12), rgba(var(--network-accent-rgb), 0) 44%), linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .96))}.network-screen .network-panel,.network-screen .network-result-card,.network-screen .network-empty-card,.network-screen .network-detail-group,.network-screen .network-diagram-card,.network-screen .network-compare-link{border:1px solid rgba(15,23,42,.08);border-radius:.9rem;background:linear-gradient(180deg,#fffffffa,#f8fafcf5),linear-gradient(135deg,var(--network-panel-tint) 0%,rgba(255,255,255,0) 48%);box-shadow:0 14px 34px -28px #0f172a59}.network-screen .network-panel{padding:1rem}.network-screen .network-panel--main{background:var(--network-shell-bg),linear-gradient(135deg,rgba(var(--network-accent-rgb),.08),#fff0 46%)}.network-screen .network-panel__title{font-size:.95rem;font-weight:700;margin-bottom:.8rem;letter-spacing:.02em}.network-screen .network-control-hint{margin-bottom:.95rem;padding:.75rem .85rem;border-radius:.8rem;border:1px solid rgba(var(--network-accent-rgb),.14);background:linear-gradient(180deg,rgba(var(--network-accent-rgb),.08),#ffffffe6);color:#334155;font-size:.85rem;line-height:1.45}.network-screen .network-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.network-screen .network-loader{margin-top:.9rem}.network-screen .network-kicker{color:var(--network-accent-strong);text-transform:uppercase;font-size:.78rem;font-weight:700;letter-spacing:.08em;margin-bottom:.35rem}.network-screen .network-badge-row,.network-screen .network-chip-group{display:flex;flex-wrap:wrap;gap:.5rem}.network-screen .network-badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.35rem .65rem;font-size:.78rem;font-weight:600;background:#ffffffdb;border:1px solid rgba(var(--network-accent-rgb),.14);color:#334155}.network-screen .network-badge--strong{background:var(--network-accent-soft);color:var(--network-accent-strong);border-color:rgba(var(--network-accent-rgb),.22)}.network-screen .network-progress-badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.45rem .7rem;border:1px solid rgba(15,23,42,.1);background:#fffffff0;color:#334155;font-size:.8rem;font-weight:600}.network-screen .network-progress-badge.is-info{color:#0f766e;border-color:#0f766e40}.network-screen .network-progress-badge.is-success{color:#047857;border-color:#04785740}.network-screen .network-progress-badge.is-danger{color:#b91c1c;border-color:#b91c1c40}.network-screen .network-answer-banner{border-radius:.75rem;color:#1e293b;background:#ffffffeb}.network-screen .network-diagram-card{padding:1rem;background:var(--network-diagram-bg)}.network-screen .network-diagram-card__title,.network-screen .network-detail-group__title{font-size:.9rem;font-weight:700;color:#0f172a}.network-screen .network-diagram-container{min-height:280px;border-radius:.85rem;border:1px dashed rgba(var(--network-accent-rgb),.24);background:#ffffffe6;padding:1rem;overflow:auto}.network-screen .network-diagram-placeholder{min-height:240px;display:flex;align-items:center;justify-content:center;color:#64748b;text-align:center;line-height:1.45}.network-screen .network-diagram-container svg{max-width:100%;height:auto!important}.network-screen .network-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.network-screen .network-result-card,.network-screen .network-empty-card,.network-screen .network-detail-group{padding:.9rem}.network-screen .network-result-card__label{display:block;font-size:.78rem;font-weight:700;color:#475569;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.04em}.network-screen .network-result-card__value{font-size:1rem;font-weight:700;color:#0f172a;word-break:break-word}.network-screen .network-result-card__hint{display:block;color:#64748b;font-size:.8rem;margin-top:.3rem}.network-screen .network-detail-groups{display:grid;gap:.85rem}.network-screen .network-detail-list{display:grid;gap:.55rem;margin:0}.network-screen .network-detail-row{display:grid;grid-template-columns:minmax(120px,160px) minmax(0,1fr);gap:.75rem;align-items:start;font-size:.9rem}.network-screen .network-detail-row dt{margin:0;color:#475569;font-weight:600}.network-screen .network-detail-row dd{margin:0;color:#0f172a;word-break:break-word}.network-screen .network-copy-btn{border-radius:999px}.network-screen .card-footer{padding:0;border:0;background:transparent;display:block}.network-screen .card-footer span{display:block;margin-bottom:.55rem;font-size:.85rem;color:#475569}.network-screen .form-group+.form-group{margin-top:.75rem}.network-screen .network-result-table{width:100%;table-layout:auto}.network-screen .network-result-table th,.network-screen .network-result-table td{vertical-align:middle}.network-screen .network-result-table .network-col-index,.network-screen .network-result-table .network-col-metric,.network-screen .network-result-table .network-col-status,.network-screen .network-result-table .network-col-action,.network-screen .network-result-table .network-col-toggle,.network-screen .network-result-table .network-col-type{white-space:nowrap}.network-screen .network-result-table .network-col-index{width:3.2rem;min-width:3.2rem;text-align:center}.network-screen .network-result-table .network-col-type{width:6.2rem;min-width:6.2rem}.network-screen .network-result-table .network-col-status{width:7.2rem;min-width:7.2rem}.network-screen .network-result-table .network-col-metric{width:5.8rem;min-width:5.8rem;text-align:center}.network-screen .network-result-table .network-col-action,.network-screen .network-result-table .network-col-toggle{width:4.4rem;min-width:4.4rem;text-align:center}.network-screen .network-result-table .network-col-domain,.network-screen .network-result-table .network-col-value{min-width:15rem;white-space:normal}.network-screen .network-table-detail-row>td{background:rgba(var(--network-accent-rgb),.06);padding:.75rem .85rem}.network-screen .network-table-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem 1rem}.network-screen .network-table-detail-item{min-width:0}.network-screen .network-table-detail-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#475569;font-weight:700}.network-screen .network-table-detail-value{font-size:.86rem;color:#0f172a;margin-top:.15rem}.network-screen .network-detail-toggle i{transition:transform .16s ease}.network-screen .network-detail-toggle.is-open i{transform:rotate(180deg)}.network-screen .row>[class*=col-]{min-width:0}.network-screen .form-control,.network-screen .form-select{width:100%;min-width:0}.network-screen input.form-control,.network-screen select.form-select{min-height:2.7rem}.network-screen textarea.form-control{min-height:172px}.network-screen input.form-control{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:.96rem}.network-screen select.form-select{font-size:.95rem}.network-screen .form-group small,.network-screen .form-group .text-muted{display:block;line-height:1.4;word-break:break-word}.network-screen .smallerwidth,.network-screen .smallwidth{width:100%;max-width:none}[data-bs-theme=dark] .network-screen{--network-accent: #34d399;--network-accent-rgb: 52, 211, 153;--network-accent-soft: rgba(6, 78, 59, .9);--network-accent-strong: #a7f3d0;--network-panel-tint: rgba(15, 23, 42, .82);--network-shell-bg: linear-gradient(180deg, rgba(15, 23, 42, .98), rgba(17, 24, 39, .96));--network-diagram-bg: radial-gradient(circle at top left, rgba(var(--network-accent-rgb), .16), rgba(var(--network-accent-rgb), 0) 44%), linear-gradient(180deg, rgba(15, 23, 42, .98), rgba(17, 24, 39, .96))}[data-bs-theme=dark] .network-screen .network-panel,[data-bs-theme=dark] .network-screen .network-result-card,[data-bs-theme=dark] .network-screen .network-empty-card,[data-bs-theme=dark] .network-screen .network-detail-group,[data-bs-theme=dark] .network-screen .network-diagram-card,[data-bs-theme=dark] .network-screen .network-compare-link{background:linear-gradient(180deg,#0f172afa,#111827f5),linear-gradient(135deg,rgba(var(--network-accent-rgb),.08),#0f172a00 48%);border-color:#94a3b82e;box-shadow:0 18px 40px -30px #020617cc}[data-bs-theme=dark] .network-screen .network-panel__title,[data-bs-theme=dark] .network-screen .network-diagram-card__title,[data-bs-theme=dark] .network-screen .network-detail-group__title,[data-bs-theme=dark] .network-screen .network-result-card__value,[data-bs-theme=dark] .network-screen .network-detail-row dd,[data-bs-theme=dark] .network-screen .network-answer-banner,[data-bs-theme=dark] .network-screen #network-tool-problem,[data-bs-theme=dark] .network-screen #network-tool-focus,[data-bs-theme=dark] .network-screen #network-tool-best-with,[data-bs-theme=dark] .network-screen #network-tool-watch-for,[data-bs-theme=dark] .network-screen #class-c-tool-problem,[data-bs-theme=dark] .network-screen #class-c-tool-focus,[data-bs-theme=dark] .network-screen #class-c-tool-best-with,[data-bs-theme=dark] .network-screen #class-c-tool-watch-for{color:#f8fafc}[data-bs-theme=dark] .network-screen .network-kicker{color:#6ee7b7}[data-bs-theme=dark] .network-screen .network-control-hint{background:linear-gradient(180deg,rgba(var(--network-accent-rgb),.12),#0f172af0);border-color:rgba(var(--network-accent-rgb),.24);color:#d1fae5}[data-bs-theme=dark] .network-screen .network-badge,[data-bs-theme=dark] .network-screen .network-progress-badge{background:#0f172ae0;border-color:#94a3b83d;color:#e2e8f0}[data-bs-theme=dark] .network-screen .network-badge--strong{background:#064e3be0;color:#d1fae5;border-color:#34d39942}[data-bs-theme=dark] .network-screen .network-answer-banner{background:#0f172af0;border-color:#94a3b833!important}[data-bs-theme=dark] .network-screen .network-diagram-container{background:#020617b3;border-color:#34d3993d}[data-bs-theme=dark] .network-screen .network-table-detail-row>td{background:#0f172abf}[data-bs-theme=dark] .network-screen .network-table-detail-label{color:#94a3b8}[data-bs-theme=dark] .network-screen .network-table-detail-value{color:#e2e8f0}[data-bs-theme=dark] .network-screen .network-diagram-placeholder,[data-bs-theme=dark] .network-screen .network-result-card__hint,[data-bs-theme=dark] .network-screen .network-detail-row dt,[data-bs-theme=dark] .network-screen .network-result-card__label,[data-bs-theme=dark] .network-screen .card-footer span,[data-bs-theme=dark] .network-screen .small.text-muted,[data-bs-theme=dark] .network-screen .text-muted{color:#94a3b8!important}[data-bs-theme=dark] .network-screen input.form-control,[data-bs-theme=dark] .network-screen select.form-select,[data-bs-theme=dark] .network-screen textarea.form-control{background:#020617b8;border-color:#94a3b83d;color:#f8fafc}[data-bs-theme=dark] .network-screen input.form-control::placeholder,[data-bs-theme=dark] .network-screen textarea.form-control::placeholder{color:#64748b}[data-bs-theme=dark] .network-screen label,[data-bs-theme=dark] .network-screen .form-text,[data-bs-theme=dark] .network-screen small{color:#cbd5e1}[data-bs-theme=dark] .network-screen .network-copy-btn,[data-bs-theme=dark] .network-screen .network-compare-link:hover{border-color:#34d3994d}@media(max-width:1199.98px){.network-screen .network-result-grid{grid-template-columns:1fr}}@media(max-width:767.98px){.network-screen .network-detail-row{grid-template-columns:1fr;gap:.25rem}.network-screen .network-table-detail-grid{grid-template-columns:1fr}.network-screen .network-result-table .network-col-domain,.network-screen .network-result-table .network-col-value{min-width:11rem}.network-screen .network-diagram-container{min-height:240px}}.browser-diagnostics-screen .network-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.browser-diagnostics-screen .network-result-card__value{font-size:.95rem;font-weight:650;white-space:normal}.browser-diagnostics-screen .network-result-card:nth-child(10) .network-result-card__value,.browser-diagnostics-screen .network-result-card:nth-child(9) .network-result-card__value{font-size:.82rem;line-height:1.45;word-break:break-word}.browser-diagnostics-screen .browser-resize-log{margin:0;padding-left:1.1rem;display:grid;gap:.3rem;color:#334155;font-size:.83rem}@media(max-width:991.98px){.browser-diagnostics-screen .network-result-grid{grid-template-columns:minmax(0,1fr)}}.ip-diagnostics-screen #publicIpValue{font-size:clamp(1.7rem,3vw,2.35rem);word-break:break-all}.ip-diagnostics-screen .network-detail-row dd a{margin-left:.45rem}