.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.secondary-panel{margin-top:24px}.network-panel input,.network-panel select{background:#131619;border:1px solid #4f414c;border-radius:5px;padding:12px;color:var(--text);font:12px var(--mono);min-width:0}.network-panel select{max-width:100%}.tool-explanation{font-size:11px;line-height:1.9;color:#a49aa8;margin:18px 0 0}.speed-state{color:#a2c6b0;font:10px var(--mono);letter-spacing:2px;border:1px solid #3e5147;border-radius:30px;padding:8px 12px}.speed-dashboard{display:grid;grid-template-columns:1fr 1.4fr;gap:34px;align-items:center;margin:34px 0}.speed-primary strong{font-size:76px;font-weight:500;letter-spacing:-5px;line-height:1.2;color:#f2d7e3}.speed-primary>div{display:flex;gap:13px;align-items:baseline}.speed-primary>div>span{font:13px var(--mono);color:#b898ab}.speed-primary>p{font-size:10px;color:#9a8f9f}.speed-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 20px}.speed-metrics>div{display:flex;flex-direction:column;gap:12px}.speed-metrics>div>span{font-size:10px;color:#a397a7}.speed-metrics strong{font:20px var(--mono);color:#e2d4df;white-space:nowrap}.speed-metrics small{font-size:9px;color:#a897a4}.speed-chart{background:#121518;border:1px solid #373039;border-radius:6px;padding:16px 16px 5px;margin:20px 0 26px}.chart-labels{display:flex;justify-content:space-between;font:9px var(--mono);color:#a38d9d;letter-spacing:1px}.speed-chart svg{display:block;width:100%;height:165px;margin-top:13px}.speed-settings{display:grid;grid-template-columns:1.5fr 1.2fr .8fr 1fr;gap:14px;padding:0;margin:0;border:0}.speed-settings label{font-size:11px;color:#bfb3c2;display:flex;flex-direction:column;gap:10px;min-width:0}.speed-settings input,.speed-settings select{width:100%;height:44px}.speed-settings .wide-field{grid-column:1/-1}.speed-settings:disabled{opacity:.55}.speed-actions{display:flex;align-items:center;gap:12px;margin-top:23px}.network-panel .solid-button{color:#2b2229;background:var(--pink);border-color:var(--pink);padding:13px 22px}.network-panel .solid-button:hover{background:#f2c7d7}.speed-actions>p{font-size:10px;line-height:1.8;color:#a99ba9;margin:0 0 0 8px;max-width:470px}.speed-actions button{min-height:42px}#speed-progress{width:100%;height:3px;appearance:none;display:block;border:0;margin:24px 0;background:#3a3039}#speed-progress::-webkit-progress-bar{background:#3a3039}#speed-progress::-webkit-progress-value{background:var(--pink)}#speed-progress::-moz-progress-bar{background:var(--pink)}#ookla-frame-slot iframe{width:100%;height:670px;background:#fff;border:0;border-radius:6px;margin-top:22px}.table-scroll{overflow-x:auto;margin-top:22px}.tool-table{width:100%;border-collapse:collapse;font:10px/1.7 var(--mono)}.tool-table th{text-align:left;font-weight:400;color:#a997a9;padding:12px 10px;white-space:nowrap;border-bottom:1px solid var(--border)}.tool-table td{padding:14px 10px;border-bottom:1px solid #ffffff09;color:#d4c9d4;min-width:80px}.ip-extra-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.ip-extra-actions>a{font-size:12px;color:var(--pink)}.raw-data{margin-top:20px;border:1px solid var(--border);border-radius:5px;padding:13px}.raw-data summary{font:11px var(--mono);color:#bc9fb2;cursor:pointer}.raw-data pre,.tool-output{font:12px/1.9 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;color:#b8d7c6;max-height:540px;overflow-y:auto}.raw-data pre{margin:16px 0 0}.ip-history-row{border-top:1px solid var(--border);padding-top:17px;margin-top:22px;display:flex;gap:16px;align-items:baseline}.ip-history-row>span{font-size:10px;color:#a391a3;white-space:nowrap}#ip-history{display:flex;gap:8px;flex-wrap:wrap}#ip-history button{font:10px var(--mono);padding:6px 9px;overflow-wrap:anywhere;white-space:normal;text-align:left}.dns-form{display:flex;gap:10px;margin-top:24px}.dns-form input{flex:1;min-width:0}.dns-form select{width:105px}.tool-output{background:#121618;border:1px solid #34353a;border-radius:5px;padding:20px;min-height:80px;margin-top:20px}.provider-label{font:9px var(--mono);color:#b796a9;letter-spacing:1px}.ip-tool-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);margin-bottom:25px;overflow-x:auto}.ip-tool-tabs button{padding:14px 20px 17px;font-size:13px;color:#958e9b;white-space:nowrap;border-bottom:2px solid transparent}.ip-tool-tabs button[aria-selected=true]{border-color:var(--pink);color:var(--pink)}.ip-tool-tabs button:hover{color:#f0d5e1}.ip-tool-tabs+div>.secondary-panel:first-child,[role=tabpanel]>.secondary-panel:first-child{margin-top:0}.egress-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0}.egress-grid article{border:1px solid #433747;border-radius:5px;background:#17191d;padding:22px;min-width:0}.egress-grid article>span{font:10px var(--mono);color:#a68ca0;display:block;margin-bottom:17px}.egress-grid strong{font:15px/1.8 var(--mono);color:#e4cedd;overflow-wrap:anywhere;font-weight:400;display:block}.hide-ip-control{display:flex;align-items:center;gap:8px;font-size:11px;color:#b5a6b8}.hide-ip-control input{accent-color:var(--pink)}.query-examples{display:flex;gap:8px;align-items:center;margin-top:15px;flex-wrap:wrap}.query-examples>span{font-size:10px;color:#a390a2}.query-examples button{font:10px var(--mono);padding:5px 9px}
@media(max-width:850px){.speed-dashboard{grid-template-columns:1fr;gap:18px}.speed-primary>div{justify-content:center}.speed-primary{text-align:center}.speed-metrics{grid-template-columns:repeat(5,1fr);border-top:1px solid var(--border);padding-top:22px}.speed-metrics strong{font-size:16px}.speed-settings{grid-template-columns:1fr 1fr}.speed-actions{flex-wrap:wrap}.speed-actions>p{flex-basis:100%;margin:0}.provider-label{font-size:8px}.ip-tool-tabs button{padding:14px 16px}}
@media(max-width:600px){.speed-primary strong{font-size:65px}.speed-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}.speed-metrics strong{font-size:15px}.speed-metrics>div>span{font-size:9px}.speed-chart{padding:13px 10px 3px}.speed-chart svg{height:135px}.chart-labels{font-size:8px}.speed-settings{gap:16px 12px}.speed-settings label{font-size:10px}.network-panel input,.network-panel select{font-size:11px;padding:11px 8px}.speed-state{font-size:8px;padding:6px 10px}.speed-panel .network-intro{flex-direction:row}.speed-panel .network-intro h3{font-size:15px}.speed-panel .network-intro p{font-size:11px}.speed-actions{gap:9px}.speed-actions>p{font-size:10px}#ookla-frame-slot iframe{height:680px}.dns-form{flex-wrap:wrap}.dns-form input{flex-basis:100%}.dns-form select{flex:1}.dns-form button{flex:1}.tool-output,.raw-data pre{font-size:11px;padding:14px}.ip-extra-actions{gap:9px}.ip-extra-actions button{font-size:10px;padding:9px}.ip-history-row{flex-direction:column;gap:11px}.ip-tool-tabs{gap:0;margin-bottom:20px}.ip-tool-tabs button{font-size:11px;padding:12px 10px;flex:1}.egress-grid{grid-template-columns:1fr;gap:10px}.egress-grid article{padding:17px}.egress-grid strong{font-size:14px}.tool-page .tool-heading h1{font-size:36px}.network-panel .provider-label{display:block}.tool-explanation{font-size:10px}}

html:has(.tool-page),body.tool-page{overscroll-behavior-y:none}