.hosts-design{--tool-text:var(--tone-text, #182f38);--tool-muted:var(--tone-muted, #52646e);--tool-accent:var(--tone-accent, #145965);--tool-tint:var(--tone-soft, #edf1f3);--tool-line:var(--tone-line, #cfdadf);--tool-surface:var(--tone-surface, #fff);--tool-shadow:0 4px 18px #19382c10}.hosts-page{padding-bottom:55px}.hosts-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:6px 0 0}.hosts-view-switch{display:flex;align-items:center;padding:3px;border:1px solid var(--tone-line, #cfdadf);border-radius:5px;background:var(--tone-soft, #e8edf0);margin-right:auto;gap:2px}.hosts-view-switch button{display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 11px;border:1px solid transparent;border-radius:3px;background:none;color:var(--tone-muted, #536b5c);font-size:12px}.hosts-view-switch button[aria-pressed=true]{background:var(--tone-surface, #fff);border-color:var(--tone-line, #c6d5c5);color:var(--tone-text, #182f38)}.hosts-view-switch button:disabled{opacity:.5;cursor:default}.hosts-controls>label{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--tone-muted, #52675b)}.hosts-controls select{padding:7px 9px;border:1px solid var(--tone-line, #cbd8cb);border-radius:4px;background:var(--tone-surface, #fff);font:inherit;color:var(--tone-text, #182f38)}.hosts-results-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:10px 0}.hosts-results-heading h2{font-size:20px;font-weight:500;letter-spacing:-.3px}.hosts-results-heading p{font-size:11px;color:var(--muted);margin-top:3px}.hosts-exports{display:flex;align-items:center;gap:10px}.hosts-exports details{position:relative}.hosts-exports summary{display:flex;align-items:center;gap:7px;list-style:none;padding:8px 10px;font-size:12px;color:var(--tone-accent, #145965);border:1px solid var(--tone-line, #b7ccc0);border-radius:4px}.hosts-exports details>div{position:absolute;right:0;top:calc(100% + 5px);min-width:130px;padding:6px;background:var(--tone-surface, #fff);border:1px solid var(--tone-line, #cfdadf);z-index:20;box-shadow:0 5px 20px #23333616;border-radius:4px}.hosts-exports details button{display:block;width:100%;text-align:left;padding:7px;font-size:12px;background:none;border:0;color:var(--tone-accent, #145965)}.hosts-exports details button:hover{background:var(--tone-soft, #e9f0f3)}.hosts-observations-layout{display:grid;grid-template-columns:185px minmax(0,1fr);gap:16px;align-items:start}.hosts-page-summary{padding-right:18px;border-right:1px solid var(--tone-line, #cfdadf)}.hosts-page-summary h3{font-size:12px;font-weight:600}.hosts-page-summary p{font-size:10px;line-height:1.65;color:var(--muted);margin:5px 0 12px}.hosts-page-summary dl{margin:10px 0}.hosts-page-summary dl>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;font-size:11px}.hosts-page-summary dt{color:var(--tone-muted, #5a6e61)}.hosts-page-summary dd{margin:0;font-family:monospace}.hosts-page-summary section{border-top:1px solid var(--tone-line, #cfdadf);padding-top:10px;margin-top:12px}.hosts-page-summary h4{font-size:11px;font-weight:600;margin:0 0 9px}.hosts-page-summary section>button{display:flex;width:100%;justify-content:space-between;gap:10px;position:relative;padding:7px 0;background:none;border:0;font-size:11px;color:var(--tone-muted, #425b4b);text-align:left}.hosts-page-summary section>button>span:first-child{overflow-wrap:anywhere}.hosts-page-summary section>button b{font:10px monospace;color:var(--tone-muted, #5a6e61);padding-top:2px}.hosts-page-summary section>button:hover{color:var(--tone-accent, #145965);background:var(--tone-soft, #edf2e8)}.host-frequency-bar{position:absolute;bottom:1px;left:0;height:2px;background:var(--tone-success-strong, #a1b9a2)}.hosts-favicon-filter{min-width:0}.hosts-observation-list{display:flex;flex-direction:column;gap:10px;min-width:0}.hosts-local-filter{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.hosts-local-filter label{display:flex;align-items:center;gap:8px;flex:1;padding:8px 11px;border:1px solid var(--tone-line, #cfdadf);background:var(--tone-surface, #fff);border-radius:4px}.hosts-local-filter input{border:0;background:none;color:var(--tone-text, #182f38);font:inherit;width:100%;outline-offset:3px}.hosts-local-filter button{border:0;background:none;color:var(--tone-accent, #145965);font-size:11px}.host-observation{background:var(--tone-surface, #fff);border:1px solid var(--tone-line, #ccd9df);border-radius:7px;overflow:hidden;content-visibility:auto;contain-intrinsic-size:auto 270px}.host-observation-heading{display:flex;gap:12px;align-items:flex-start;padding:11px 16px;background:var(--tone-surface, #f5f8fa);border-bottom:1px solid var(--tone-line, #dce5e9)}.host-record-index{font:10px monospace;color:var(--tone-muted, #586d5e);padding-top:7px}.host-record-icon{width:32px;height:32px;display:grid;place-items:center;color:var(--tone-muted, #5c8170);flex-shrink:0;border:1px solid var(--tone-line, #dce5d6);background:var(--tone-soft, #f0f5ea);border-radius:6px}.host-record-icon img{object-fit:contain;image-rendering:pixelated}.host-endpoint{flex:1;min-width:0}.host-endpoint h2{display:flex;align-items:center;flex-wrap:wrap;gap:3px;font:600 17px/1.5 ui-monospace,monospace;color:var(--tone-accent, #244e52)}.host-endpoint h2>a{display:inline-flex;margin-left:7px}.host-endpoint p{font-size:12px;color:var(--tone-muted, #5b6b61);margin-top:2px;overflow-wrap:anywhere;line-height:1.4}.host-port-separator{color:var(--tone-muted, #7a8f7d)}.host-observation-status{text-align:right;flex-shrink:0;max-width:32%}.host-status{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:4px;background:var(--tone-soft, #edf2e9);padding:3px 6px;border:1px solid var(--tone-line, #d5dfce);border-radius:3px;font:11px/1.5 ui-monospace,monospace}.host-status.success{color:var(--tone-success, #326045);border-color:var(--tone-line, #c5d9c3);background:var(--tone-soft, #edf6e9)}.host-status.redirect{color:var(--tone-warning, #775416);border-color:var(--tone-line, #e5d6b7);background:var(--tone-surface, #fff8e7)}.host-status.error{color:var(--tone-danger, #9b4b31);border-color:var(--tone-line, #ecd1bd);background:var(--tone-surface, #fff4ec)}.host-observation-status time{display:block;margin-top:4px;font-size:10px;color:var(--tone-muted, #627366)}.host-fact-grid{display:grid;grid-template-columns:1fr 1fr 1fr;padding:var(--data-space-card);gap:16px}.host-fact-grid section{min-width:0}.host-fact-grid section+section{border-left:1px solid var(--tone-line, #e3e9ed);padding-left:16px}.host-fact-grid h3{display:flex;align-items:center;gap:7px;color:var(--tone-info, #365d6c);font-size:11px;font-weight:600;margin:0 0 7px}.host-fact-grid dl{margin:0;display:grid;gap:3px}.host-fact-grid dl>div{display:grid;grid-template-columns:minmax(60px,34%) minmax(0,1fr);gap:8px;align-items:baseline}.host-fact-grid dt{font-size:10px;color:var(--tone-muted, #5b6c75);line-height:1.6}.host-fact-grid dd{font:12px/1.45 ui-monospace,monospace;margin:0;overflow-wrap:anywhere}.host-field-value{overflow-wrap:anywhere}.host-missing{font-size:11px;color:var(--tone-muted, #6a7b6e);line-height:1.7}.host-resolved-ips>span{display:block}.host-locked{display:inline-flex;align-items:center;gap:4px;color:var(--tone-muted, #5a7461);font-size:11px}.host-masked{color:var(--tone-muted, #5a7461);overflow-wrap:anywhere;font-family:monospace}.host-software{padding:0 16px}.host-software:empty{display:none}.host-token-row{display:flex;gap:13px;align-items:baseline;border-top:1px solid var(--tone-line, #e1e7eb);padding:6px 0}.host-token-row h4{flex:0 0 100px;margin:0;color:var(--tone-muted, #5b6c75);font-size:10px;font-weight:500}.host-token-row>div{display:flex;gap:6px;flex-wrap:wrap;min-width:0}.host-token{display:inline-flex;align-items:center;gap:5px;padding:3px 6px;border:1px solid var(--tone-line, #dae4d3);border-radius:3px;color:var(--tone-text, #365a45);background:var(--tone-surface, #f1f5f7);font:10px/1.6 ui-monospace,monospace;max-width:100%}.host-token button{border:0;border-left:1px solid var(--tone-line, #d4e0cd);padding:0 0 0 5px;background:none;font-size:13px;color:var(--tone-accent, #145965)}.host-headers{margin:0 16px;border-top:1px solid var(--tone-line, #e1e7eb)}.host-headers summary{padding:8px 0;color:var(--tone-muted, #425f4d);font-size:11px;cursor:pointer}.host-headers summary>span{color:var(--tone-muted, #596b5c);margin-left:10px;font-size:10px}.host-headers pre,.host-json pre{font:11px/1.8 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:370px;overflow:auto;padding:14px;background:var(--tone-surface, #f2f5ed);border:1px solid var(--tone-line, #dde5d6);border-radius:4px;color:var(--tone-text, #365343)}.host-observation-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:6px 16px;border-top:1px solid var(--tone-line, #e1e8db)}.host-observation-actions>div{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.host-observation-actions a,.host-observation-actions button{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--tone-accent, #145965);border:0;background:none;padding:4px 0}.host-observation-actions button>span{color:var(--tone-muted, #586b5c)}.host-json{border-top:1px solid var(--tone-line, #d7e1ce);padding:12px 16px}.host-json>div{display:flex;align-items:center;flex-wrap:wrap;gap:16px;font-size:12px}.host-json strong{margin-right:auto}.host-json button{display:flex;gap:6px;align-items:center;border:0;background:none;color:var(--tone-accent, #145965);font-size:11px}.host-json p{margin:9px 0;font-size:11px;color:var(--muted)}.host-copy-message{display:flex;align-items:center;gap:5px;padding:8px 22px;color:var(--tone-success, #386348);font-size:11px;background:var(--tone-soft, #edf4e6)}.hosts-preview-upsell{display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding:28px;background:var(--tone-soft, #eaf1e4);border:1px solid var(--tone-line, #c4d5bd);border-radius:7px;margin:25px 0;color:var(--tone-accent, #145965)}.hosts-preview-upsell>div{flex:1;min-width:220px}.hosts-preview-upsell h2{color:var(--tone-text, #253e2d);font-size:20px;margin:0 0 6px}.hosts-preview-upsell p{color:var(--tone-muted, #526a56);font-size:12px;line-height:1.7}.hosts-page .button.primary{color:#fff;background:var(--tone-action, #145965);border-color:var(--tone-accent, #145965)}.hosts-loading,.hosts-empty{text-align:center;padding:55px 20px;color:var(--muted);font-size:14px}.hosts-empty h2{font-size:22px;margin:12px 0;color:var(--tone-text, #182f38)}.hosts-empty .button{margin-top:20px}.hosts-error{padding:25px 0}.hosts-error>.button{margin:16px 12px 0 0}.hosts-footnote{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:16px;padding-top:12px;border-top:1px solid var(--tone-line, #cfdadf);font-size:11px;color:var(--muted)}.hosts-footnote button{display:flex;gap:7px;align-items:center;padding:0;background:none;border:0;color:var(--tone-accent, #145965)}.hosts-view-table,.hosts-view-grouped{min-width:0;padding-top:6px}.hosts-view-table pre,.hosts-view-grouped pre{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:1150px){.hosts-observations-layout{grid-template-columns:155px minmax(0,1fr);gap:16px}.host-fact-grid{gap:12px;padding:var(--data-space-card)}.host-fact-grid section+section{padding-left:12px}.host-fact-grid dl>div{display:block}.host-fact-grid dd{margin-top:1px}.host-observation-heading{padding:11px 16px;gap:9px}.host-record-index{display:none}.host-observation-status{max-width:35%}}@media(max-width:800px){.hosts-page-summary{display:none}.hosts-observations-layout{display:block;gap:16px}.hosts-controls{gap:12px;padding:6px 0 0}.hosts-view-switch{width:100%}.hosts-view-switch button{flex:1}}@media(max-width:550px){.hosts-page{padding-top:20px}.host-observation-heading{flex-wrap:wrap;padding:12px}.host-endpoint h2{font-size:14px}.host-observation-status{text-align:left;max-width:100%;width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-left:41px}.host-observation-status time{margin:0}.host-status{justify-content:flex-start}.host-fact-grid{grid-template-columns:1fr;padding:var(--data-space-card);gap:0}.host-fact-grid section{padding:10px 0}.host-fact-grid section+section{padding:10px 0;border-left:0;border-top:1px solid var(--tone-line, #e1e7eb)}.host-fact-grid dl>div{display:grid;grid-template-columns:100px minmax(0,1fr)}.host-software{padding:0 16px}.host-token-row{display:block}.host-token-row h4{margin-bottom:5px}.host-headers{margin:0 16px}.host-observation-actions{padding:8px 12px;gap:8px}.host-json{padding:16px}.hosts-exports{flex-wrap:wrap}.hosts-preview-upsell{padding:20px;gap:15px}.hosts-preview-upsell>div{min-width:0;flex-basis:100%}}.hosts-insights-toggle{display:none}@media(max-width:800px){.hosts-insights-toggle{display:block;width:100%;padding:11px;margin-bottom:14px;border:1px solid var(--tone-line, #cad9c4);border-radius:4px;color:var(--tone-accent, #145965);background:var(--tone-soft, #edf3e7);text-align:left;font-size:12px}.hosts-page-summary.is-open{display:block;border:1px solid var(--tone-line, #cad9c4);border-radius:5px;padding:18px;margin-bottom:18px}.hosts-page-summary section{display:inline-block;vertical-align:top;width:calc(50% - 12px);margin-right:12px;padding-top:10px;margin-top:12px}}.hosts-design{--host-success:var(--tone-success, #276044);--host-redirect:var(--tone-warning, #815315);--host-client-error:var(--tone-danger, #9e3b48);--host-server-error:var(--tone-danger, #a33434)}.hosts-table-inspector .host-observation{content-visibility:visible}.hosts-table-inspector .host-observation-heading{padding:16px;flex-wrap:wrap}.hosts-table-inspector .host-record-index{display:none}.hosts-table-inspector .host-endpoint h2{font-size:14px}.hosts-table-inspector .host-observation-status{text-align:left;max-width:100%;width:100%}.hosts-table-inspector .host-fact-grid{display:block;padding:0 16px}.hosts-table-inspector .host-fact-grid section{padding:10px 0}.hosts-table-inspector .host-fact-grid section+section{border-left:0;border-top:1px solid var(--tone-line, #dce5e9);padding-left:0}.hosts-table-inspector .host-fact-grid dl>div{display:grid;grid-template-columns:100px minmax(0,1fr)}.hosts-table-inspector .host-token-row{display:block}.hosts-table-inspector .host-token-row h4{margin-bottom:5px}.hosts-table-inspector .host-observation{max-height:calc(100vh - 160px);overflow:auto}.hosts-table-inspector>.button{margin-bottom:12px}.hosts-table-inspector .host-software,.hosts-table-inspector .host-json{padding:16px}@media(max-width:899px){.hosts-table-inspector .host-observation{max-height:none}}@media(pointer:coarse){.host-observation-actions a,.host-observation-actions button,.host-headers summary{min-height:36px}.host-token button{min-width:28px;min-height:28px}}.host-observation{container:host-record / inline-size;font-size:12px;line-height:1.5}.host-observation .host-observation-heading{padding:9px 12px;gap:9px}.host-observation .host-endpoint h2{font-size:16px;line-height:1.4}.host-observation .host-fact-grid{display:flex;flex-direction:column;gap:0;padding:4px 12px}.host-observation .host-fact-grid section{display:grid;grid-template-columns:94px minmax(0,1fr);align-items:baseline;gap:10px;padding:6px 0}.host-observation .host-fact-grid section+section{border-left:0;border-top:1px solid var(--tone-line, #edf0e9);padding-left:0}.host-observation .host-fact-grid h3{margin:0;gap:5px}.host-observation .host-fact-grid dl{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 18px;min-width:0}.host-observation .host-fact-grid dl>div{display:flex;align-items:baseline;gap:6px;min-width:0;max-width:100%}.host-observation .host-fact-grid dt{flex-shrink:0}.host-observation .host-fact-grid dd{min-width:0;margin:0;line-height:1.5}.host-observation .host-resolved-ips{display:flex;flex-wrap:wrap;gap:3px 9px}.host-observation .host-software{display:flex;flex-wrap:wrap;gap:0 18px;margin:0 12px;padding:0;border-top:1px solid var(--tone-line, #e1e7eb)}.host-observation .host-software:empty{display:none}.host-observation .host-token-row{display:flex;flex-wrap:wrap;align-items:baseline;padding:5px 0;gap:5px 9px;border-top:0;min-width:0;max-width:100%}.host-observation .host-token-row h4{flex:0 0 auto;margin:0}.host-observation .host-token-row>div{gap:4px;max-width:100%}.host-observation .host-token{padding:1px 5px}.host-observation .host-headers{margin:0 12px}.host-observation .host-headers summary{padding:6px 0}.host-observation .host-observation-actions{padding:4px 12px;gap:5px}.host-observation .host-observation-actions>div{gap:12px}@container host-record (max-width:620px){.host-observation .host-fact-grid section{display:block}.host-observation .host-fact-grid h3{margin-bottom:5px}.host-observation .host-fact-grid dl{display:grid;gap:3px}.host-observation .host-fact-grid dl>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px}.host-observation .host-token-row{display:block}.host-observation .host-token-row h4{margin-bottom:4px}}@media(pointer:coarse){.host-observation .host-observation-actions :is(a,button),.host-observation .host-headers summary{min-height:36px}.host-observation .host-token button{min-width:28px;min-height:28px}}.hosts-page .host-observation-heading{background:var(--tone-surface, #edf3f6);border-bottom-color:var(--tone-line, #d2e0e7);box-shadow:inset 3px 0 var(--dataset-hosts)}.hosts-page .host-endpoint h2{color:var(--ink-strong);font-weight:700}.hosts-page .host-fact-grid h3{color:var(--tone-info, #335c70);font-weight:650}.hosts-page .host-fact-grid dd{color:var(--tone-info, #152f3c)}.hosts-page .host-observation-actions{background:var(--tone-surface, #f8fafb)}.hosts-page .host-token{background:var(--tone-surface, #eef4f7);border-color:var(--tone-line, #cfdee5);color:var(--tone-info, #234f64)}.hosts-page .hosts-page-summary{border-right:0;padding:12px;border:1px solid var(--line);background:var(--tone-surface, #fff);border-radius:5px}.hosts-page .hosts-page-summary h3{color:var(--ink-strong)}.hosts-page .hosts-observations-layout{grid-template-columns:170px minmax(0,1fr)}@media(max-width:900px){.hosts-page .hosts-observations-layout{grid-template-columns:minmax(0,1fr)}}