:root {
    --bg: #070a12; --bg-deep: #05070d; --surface: rgba(15,20,34,.88); --surface-solid: #101522;
    --surface-raised: #151b2b; --soft: rgba(255,255,255,.035); --hover: rgba(255,255,255,.065);
    --line: rgba(255,255,255,.085); --line-strong: rgba(255,255,255,.15); --text: #f5f7ff;
    --text-soft: #c4cad9; --muted: #838ca3; --muted-2: #626b80; --violet: #8669ff;
    --violet-bright: #9a82ff; --violet-soft: rgba(134,105,255,.16); --aqua: #41e5cd;
    --aqua-soft: rgba(65,229,205,.14); --blue: #4ca8ff; --blue-soft: rgba(76,168,255,.14);
    --green: #55dfa2; --green-soft: rgba(85,223,162,.14); --amber: #ffc763;
    --amber-soft: rgba(255,199,99,.14); --pink: #f184c4; --pink-soft: rgba(241,132,196,.14);
    --red: #ff6f7d; --red-soft: rgba(255,111,125,.14); --sidebar-width: 262px; --topbar-height: 74px;
    --radius-xl: 24px; --radius-lg: 18px; --radius-md: 13px; --radius-sm: 9px;
    --shadow: 0 24px 80px rgba(0,0,0,.26); --shadow-soft: 0 12px 40px rgba(0,0,0,.17);
    --ease: cubic-bezier(.2,.75,.25,1);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color-scheme: dark;
}
*,*::before,*::after{box-sizing:border-box}
html{min-width:320px;scroll-behavior:smooth;background:var(--bg-deep)}
body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;color:var(--text);background:radial-gradient(circle at 84% -10%,rgba(101,75,218,.15),transparent 30rem),radial-gradient(circle at 35% 105%,rgba(35,192,184,.055),transparent 34rem),var(--bg);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select{font:inherit}button,select{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}
p,h1,h2,h3,ol,ul,dl,dd{margin:0}ul,ol{padding:0}svg{display:block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}canvas{display:block;max-width:100%}[hidden]{display:none!important}
::selection{color:#fff;background:rgba(134,105,255,.45)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:99px;background:rgba(145,153,177,.28);background-clip:padding-box}
.icon-library{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;z-index:9999;top:12px;left:12px;padding:10px 14px;transform:translateY(-150%);border-radius:8px;background:#fff;color:#080a11;font-weight:800;transition:transform .2s}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid rgba(128,195,255,.8);outline-offset:3px}
.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:60;inset:0 auto 0 0;display:flex;width:var(--sidebar-width);flex-direction:column;padding:24px 18px 17px;overflow-y:auto;border-right:1px solid var(--line);background:rgba(8,11,19,.91);box-shadow:20px 0 70px rgba(0,0,0,.11);backdrop-filter:blur(22px)}
.brand{display:inline-flex;align-items:center;gap:11px;width:fit-content;padding:3px 6px}.brand-mark{display:inline-grid;width:39px;height:39px;flex:0 0 auto;place-items:center;border:1px solid rgba(160,139,255,.35);border-radius:12px;color:#c5b7ff;background:linear-gradient(145deg,rgba(134,105,255,.26),rgba(57,40,122,.16));box-shadow:inset 0 1px rgba(255,255,255,.14),0 7px 24px rgba(82,54,196,.19)}.brand-mark svg{width:23px;height:23px;stroke-width:1.7}.brand-copy{display:grid;line-height:1.25}.brand-copy strong{font-size:17px;letter-spacing:-.02em}.brand-copy small{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.workspace-pill{display:flex;align-items:center;gap:10px;margin:25px 5px 16px;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.027)}.workspace-pill>span:last-child{display:grid;gap:1px}.workspace-pill strong{color:var(--text-soft);font-size:11px;font-weight:750}.workspace-pill small{color:var(--muted);font-size:10px}.live-dot,.status-orb{position:relative;display:inline-block;width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(85,223,162,.1),0 0 16px rgba(85,223,162,.55)}.live-dot::after{position:absolute;inset:-5px;border:1px solid rgba(85,223,162,.35);border-radius:inherit;content:"";animation:ping-ring 2.4s infinite}
.sidebar-nav{display:grid;gap:5px;margin-top:6px}.nav-label{padding:0 11px 6px;color:var(--muted-2);font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.nav-link{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;min-height:45px;gap:10px;padding:0 11px;border:1px solid transparent;border-radius:12px;color:#8f98ad;font-size:12px;font-weight:680;transition:color .2s,border-color .2s,background .2s,transform .2s}.nav-link>svg{width:18px;height:18px}.nav-link:hover{color:#dde2ef;background:rgba(255,255,255,.04);transform:translateX(2px)}.nav-link.is-active{border-color:rgba(144,122,255,.18);color:#f3f0ff;background:linear-gradient(90deg,rgba(120,89,255,.19),rgba(120,89,255,.055));box-shadow:inset 3px 0 #8d72ff}.nav-link.is-active>svg{color:#a991ff;filter:drop-shadow(0 0 8px rgba(134,105,255,.4))}.nav-kbd{display:inline-grid;min-width:19px;height:19px;place-items:center;border:1px solid var(--line);border-radius:5px;color:#626b80;font-size:9px}.nav-badge{padding:2px 6px;border:1px solid rgba(160,139,255,.25);border-radius:99px;color:#b7a7ff;background:rgba(134,105,255,.1);font-size:8px;letter-spacing:.08em}.nav-status{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(85,223,162,.55)}
.sidebar-insight{display:flex;gap:10px;margin:auto 4px 17px;padding:14px 12px;border:1px solid rgba(134,105,255,.16);border-radius:15px;background:linear-gradient(145deg,rgba(134,105,255,.09),rgba(65,229,205,.025))}.sidebar-insight-icon{display:grid;width:28px;height:28px;flex:0 0 auto;place-items:center;border-radius:9px;color:#a995ff;background:rgba(134,105,255,.15)}.sidebar-insight-icon svg{width:15px;height:15px}.sidebar-insight strong{display:block;margin-bottom:3px;color:#dfe2ec;font-size:10px}.sidebar-insight p{color:var(--muted);font-size:9px;line-height:1.45}.text-button{padding:0;border:0;color:#a995ff;background:none;font-size:10px;font-weight:750}.text-button:hover{color:#c1b4ff}.sidebar-insight .text-button{margin-top:6px}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 5px 0;border-top:1px solid var(--line)}.service-health{display:flex;align-items:center;gap:9px}.service-health>span:last-child{display:grid}.service-health strong{color:#aeb5c6;font-size:9px}.service-health small{color:var(--muted-2);font-size:8px}.status-orb{width:6px;height:6px;box-shadow:0 0 9px rgba(85,223,162,.45)}.version-tag{color:var(--muted-2);font-size:9px}
.content-shell{min-width:0;margin-left:var(--sidebar-width)}.topbar{position:sticky;z-index:40;top:0;display:flex;height:var(--topbar-height);align-items:center;justify-content:space-between;padding:0 clamp(20px,3vw,45px);border-bottom:1px solid var(--line);background:rgba(7,10,18,.78);backdrop-filter:blur(20px)}.topbar-left,.topbar-actions,.online-state{display:flex;align-items:center}.topbar-left{gap:14px}.topbar-actions{gap:10px}.route-context{display:grid;line-height:1.25}.route-context span{color:var(--muted-2);font-size:9px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.route-context strong{font-size:13px;font-weight:720}.online-state{gap:8px;margin-right:4px;padding-right:15px;border-right:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:700}.online-state .live-dot{width:6px;height:6px}.menu-button,.mobile-brand{display:none}
.button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid transparent;border-radius:10px;font-size:11px;font-weight:760;letter-spacing:-.005em;transition:transform .2s var(--ease),border-color .2s,background .2s,box-shadow .2s}.button svg{width:15px;height:15px}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{cursor:not-allowed;opacity:.45}.button-primary{border-color:rgba(170,151,255,.35);color:#fff;background:linear-gradient(135deg,#7c60ee,#6245d9);box-shadow:0 8px 25px rgba(91,60,205,.25),inset 0 1px rgba(255,255,255,.2)}.button-primary:hover:not(:disabled){box-shadow:0 11px 32px rgba(91,60,205,.34),inset 0 1px rgba(255,255,255,.2)}.button-secondary{border-color:var(--line-strong);color:#d8ddeb;background:rgba(255,255,255,.055)}.button-secondary:hover:not(:disabled),.button-ghost:hover:not(:disabled){border-color:rgba(164,146,247,.3);background:rgba(134,105,255,.09)}.button-ghost{border-color:var(--line);color:#afb7ca;background:rgba(255,255,255,.025)}.button-danger-ghost{border-color:rgba(255,111,125,.18);color:#ff9ba5;background:rgba(255,111,125,.055)}.button-danger-ghost:hover:not(:disabled){border-color:rgba(255,111,125,.36);background:rgba(255,111,125,.1)}.button-large{min-height:48px;padding-inline:21px;border-radius:13px;font-size:12px}.icon-button{display:inline-grid;width:36px;height:36px;flex:0 0 auto;place-items:center;padding:0;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:rgba(255,255,255,.025);transition:color .2s,border-color .2s,background .2s}.icon-button:hover{border-color:rgba(134,105,255,.3);color:#c8bcff;background:rgba(134,105,255,.09)}.icon-button svg{width:16px;height:16px}
.offline-banner{margin:14px clamp(20px,3vw,45px) -2px;padding:11px 14px;border:1px solid rgba(255,199,99,.25);border-radius:11px;color:#f1c779;background:rgba(255,199,99,.08);font-size:11px}.offline-banner svg{display:inline-block;width:15px;height:15px;margin-right:8px;vertical-align:-3px}
main{min-height:calc(100vh - var(--topbar-height));padding:30px clamp(20px,3vw,45px) 40px}.view-section{width:100%;max-width:1660px;margin:0 auto;animation:section-in .45s var(--ease) both}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:24px}.page-heading h1{margin-top:6px;font-size:clamp(26px,2.45vw,39px);line-height:1.08;letter-spacing:-.045em}.page-heading>div:first-child>p{max-width:680px;margin-top:9px;color:var(--muted);font-size:12px}.eyebrow{display:flex;align-items:center;gap:8px;color:#a9a1c9;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.eyebrow-line{display:inline-block;width:23px;height:1px;background:linear-gradient(90deg,var(--violet),transparent)}.heading-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.heading-meta>span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--line);border-radius:99px;color:var(--muted);background:rgba(255,255,255,.025);font-size:9px}.heading-meta svg{width:12px;height:12px;color:#a292eb}.page-actions,.card-actions{display:flex;align-items:center;gap:8px}
.source-badge{display:inline-flex;width:max-content;align-items:center;gap:5px;padding:3px 7px;border:1px solid var(--line);border-radius:99px;color:var(--muted);background:rgba(255,255,255,.035);font-size:7px;font-weight:780;letter-spacing:.055em;line-height:1.3;text-transform:uppercase;white-space:nowrap}.source-badge svg{width:9px;height:9px}.source-badge i{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 7px currentColor}.source-live{border-color:rgba(85,223,162,.17);color:#69dba8;background:rgba(85,223,162,.07)}.source-measured{border-color:rgba(65,229,205,.16);color:#64d9ca;background:rgba(65,229,205,.065)}.source-derived,.source-estimated{border-color:rgba(255,199,99,.15);color:#dfb568;background:rgba(255,199,99,.06)}.source-public,.source-detected{border-color:rgba(76,168,255,.16);color:#78b8f2;background:rgba(76,168,255,.065)}.source-browser{border-color:rgba(241,132,196,.16);color:#e9a0cb;background:rgba(241,132,196,.065)}.source-predicted{border-color:rgba(134,105,255,.18);color:#ad9dff;background:rgba(134,105,255,.075)}.source-user{border-color:rgba(255,199,99,.16);color:#e8bb6c;background:rgba(255,199,99,.07)}
.card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(145deg,rgba(18,23,38,.92),rgba(12,17,29,.92));box-shadow:var(--shadow-soft),inset 0 1px rgba(255,255,255,.02)}.card::before{position:absolute;z-index:0;top:0;right:8%;left:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.085),transparent);content:"";pointer-events:none}.card>*{position:relative;z-index:1}.card-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.card-header h2{margin-top:2px;font-size:14px;line-height:1.25;letter-spacing:-.02em}.section-kicker{display:block;color:var(--muted-2);font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.card-header-note{color:var(--muted-2);font-size:9px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px}.speed-test-card{min-height:455px;padding:21px 23px 20px;border-color:rgba(134,105,255,.15);background:radial-gradient(circle at 25% 34%,rgba(106,72,225,.12),transparent 25rem),linear-gradient(145deg,rgba(18,23,39,.98),rgba(10,14,25,.98))}.speed-test-card::after{position:absolute;inset:0;z-index:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:36px 36px;content:"";mask-image:linear-gradient(to bottom,#000,transparent 75%);pointer-events:none}.ambient-orb{position:absolute;z-index:0;width:170px;height:170px;border-radius:50%;filter:blur(65px);opacity:.16;pointer-events:none}.orb-one{top:26%;left:8%;background:var(--violet)}.orb-two{right:4%;bottom:5%;background:var(--aqua);opacity:.08}.speed-card-header{min-height:39px}.server-control{position:relative;display:flex;height:37px;max-width:245px;align-items:center;gap:7px;padding:0 8px 0 10px;border:1px solid var(--line);border-radius:9px;color:var(--muted);background:rgba(255,255,255,.035)}.server-control>svg:first-child{width:13px;height:13px;flex:0 0 auto;color:#9e8cf4}.server-control select{min-width:0;padding:0 17px 0 0;overflow:hidden;border:0;outline:0;color:#b8bfd0;background:transparent;font-size:9px;font-weight:700;text-overflow:ellipsis;appearance:none}.server-control select option{color:var(--text);background:#141927}.select-chevron{position:absolute;right:8px;width:10px;height:10px;pointer-events:none;transform:rotate(90deg)}
.speed-workspace{display:grid;grid-template-columns:minmax(275px,.82fr) minmax(310px,1.18fr);align-items:stretch;gap:25px;min-height:355px;margin-top:5px}.gauge-column{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:flex-end}.gauge-stage{position:relative;width:min(100%,345px);height:230px;margin-top:4px;overflow:hidden}.gauge-glow{position:absolute;top:47px;left:50%;width:208px;height:105px;border-radius:50% 50% 0 0;background:rgba(134,105,255,.11);filter:blur(25px);transform:translateX(-50%)}.gauge-track{position:absolute;top:42px;left:50%;width:270px;height:135px;overflow:hidden;border-radius:270px 270px 0 0;background:conic-gradient(from 270deg at 50% 100%,#5354c9 0deg,#8069ef 46deg,#34c3d4 95deg,#58e0a1 150deg,rgba(255,255,255,.07) 180deg,transparent 180deg);transform:translateX(-50%);-webkit-mask:radial-gradient(circle at 50% 100%,transparent 0 59%,#000 60% 66%,transparent 67%);mask:radial-gradient(circle at 50% 100%,transparent 0 59%,#000 60% 66%,transparent 67%)}.gauge-track::after{position:absolute;inset:15px 0 0;background:repeating-conic-gradient(from 270deg at 50% 100%,transparent 0 4deg,rgba(6,8,15,.6) 4.2deg 5deg);content:""}#speedGaugeCanvas{position:absolute;z-index:2;inset:0;width:100%;height:100%;pointer-events:none}.speed-needle{position:absolute;z-index:3;bottom:53px;left:50%;width:107px;height:2px;border-radius:5px;background:linear-gradient(90deg,#d9d4ff,rgba(178,164,255,.35));box-shadow:0 0 8px rgba(187,170,255,.4);transform:rotate(-180deg);transform-origin:0 50%;transition:transform .55s var(--ease)}.speed-needle i{position:absolute;right:-2px;top:-1px;width:7px;height:4px;border-radius:0 5px 5px 0;background:#e9e5ff}.gauge-pivot{position:absolute;z-index:4;bottom:44px;left:50%;width:19px;height:19px;border:5px solid #dcd5ff;border-radius:50%;background:#353052;box-shadow:0 0 0 5px rgba(141,114,255,.12),0 0 20px rgba(134,105,255,.45);transform:translateX(-50%)}.speed-readout{position:absolute;z-index:5;top:91px;left:50%;display:grid;width:145px;justify-items:center;line-height:1;transform:translateX(-50%)}.speed-direction{margin-bottom:8px;color:#a59abf;font-size:8px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.speed-readout strong{font-size:49px;font-weight:690;letter-spacing:-.07em;text-shadow:0 0 28px rgba(134,105,255,.18);font-variant-numeric:tabular-nums}.speed-readout>span:last-child{margin-top:7px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.04em}.gauge-label{position:absolute;z-index:4;color:var(--muted-2);font-size:8px;font-weight:700}.gauge-label-start{bottom:44px;left:20px}.gauge-label-quarter{top:67px;left:56px}.gauge-label-mid{top:27px;left:50%;transform:translateX(-50%)}.gauge-label-end{right:20px;bottom:44px}.test-controls{width:min(100%,316px);margin-top:-16px}.start-button{display:grid;width:100%;min-height:55px;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:7px 12px;border:1px solid rgba(152,130,255,.34);border-radius:14px;color:#fff;text-align:left;background:linear-gradient(110deg,#6f53dc,#8365ef 58%,#6450c5);box-shadow:0 12px 32px rgba(79,51,189,.26),inset 0 1px rgba(255,255,255,.2);transition:transform .22s var(--ease),box-shadow .22s}.start-button:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(79,51,189,.36),inset 0 1px rgba(255,255,255,.22)}.start-button-icon{display:grid;width:35px;height:35px;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:rgba(255,255,255,.1)}.start-button-icon svg{width:17px;height:17px;fill:rgba(255,255,255,.09)}.start-button-copy{display:grid;line-height:1.25}.start-button-copy strong{font-size:11px}.start-button-copy small{color:rgba(255,255,255,.63);font-size:8px}.start-button-arrow svg{width:15px;height:15px}.test-progress-wrap{display:none;margin-top:10px}.test-progress-wrap.is-visible{display:block}.test-progress-wrap progress{width:100%;height:4px;border:0;border-radius:99px;background:rgba(255,255,255,.08);appearance:none}.test-progress-wrap progress::-webkit-progress-bar{border-radius:99px;background:rgba(255,255,255,.08)}.test-progress-wrap progress::-webkit-progress-value{border-radius:99px;background:linear-gradient(90deg,var(--violet),var(--aqua))}.test-progress-wrap progress::-moz-progress-bar{border-radius:99px;background:linear-gradient(90deg,var(--violet),var(--aqua))}.test-progress-label{display:flex;justify-content:space-between;margin-top:4px;color:var(--muted);font-size:8px}
.live-chart-column{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:21px 0 7px 24px;border-left:1px solid var(--line)}.chart-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.chart-title{display:block;color:#d7dbea;font-size:10px;font-weight:750}.chart-subtitle{display:block;margin-top:1px;color:var(--muted-2);font-size:8px}.chart-legend{display:flex;flex-wrap:wrap;align-items:center;gap:11px;color:var(--muted);font-size:8px}.chart-legend>span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.legend-dot{display:inline-block;width:6px;height:6px;border-radius:50%}.legend-dot.download,.legend-dot.actual{background:var(--violet-bright);box-shadow:0 0 7px rgba(134,105,255,.4)}.legend-dot.upload,.legend-dot.forecast{background:var(--aqua);box-shadow:0 0 7px rgba(65,229,205,.35)}.legend-dot.ping{background:var(--blue)}.legend-dot.loss{background:var(--red)}.legend-area{display:inline-block;width:13px;height:6px;border:1px solid rgba(134,105,255,.32);border-radius:2px;background:rgba(134,105,255,.12)}.chart-stage{position:relative;min-height:230px}.chart-stage canvas{position:relative;z-index:2;width:100%!important;height:100%!important}.chart-stage-live{height:225px;margin-top:9px}.chart-grid-placeholder{position:absolute;z-index:0;inset:8px 0 6px;display:flex;flex-direction:column;justify-content:space-between;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),rgba(255,255,255,.035) 25%);border-bottom:1px solid var(--line)}.chart-grid-placeholder i{width:100%;height:1px;background:var(--line)}.chart-empty-overlay,.chart-empty-state{position:absolute;z-index:3;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;pointer-events:none}.chart-empty-overlay strong{margin-top:8px;color:#aeb5c8;font-size:10px}.chart-empty-overlay small{margin-top:3px;color:var(--muted-2);font-size:8px}.chart-pulse-icon{display:grid;width:35px;height:35px;place-items:center;border:1px solid rgba(134,105,255,.19);border-radius:50%;color:#9e8cf4;background:rgba(134,105,255,.08);box-shadow:0 0 0 8px rgba(134,105,255,.025)}.chart-pulse-icon svg{width:17px;height:17px}[data-chart-state="active"] .chart-empty-overlay,.has-data>.chart-empty-state{display:none}.chart-axis-note{display:flex;justify-content:space-between;margin-top:-1px;color:var(--muted-2);font-size:7px}.test-detail-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.test-detail-row>span{display:grid;padding:8px 9px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025)}.test-detail-row small{color:var(--muted-2);font-size:7px}.test-detail-row strong{margin-top:2px;color:#b8bfd1;font-size:9px;font-weight:700}
.network-card{padding:20px}.network-identity{display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:19px;padding-bottom:16px;border-bottom:1px solid var(--line)}.network-icon{display:grid;width:43px;height:43px;place-items:center;border:1px solid rgba(65,229,205,.17);border-radius:13px;color:var(--aqua);background:radial-gradient(circle,rgba(65,229,205,.13),rgba(65,229,205,.04))}.network-icon svg{width:21px;height:21px}.network-identity>div{display:grid;min-width:0}.network-identity small{color:var(--muted-2);font-size:7px;text-transform:uppercase}.network-identity strong{overflow:hidden;margin-top:2px;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.network-identity>div>span{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.quality-dot{width:8px;height:8px;border-radius:50%}.quality-dot.unknown{border:2px solid var(--muted-2)}.quality-dot.good{background:var(--green);box-shadow:0 0 10px rgba(85,223,162,.4)}.network-facts{display:grid;gap:10px;padding:15px 0;border-bottom:1px solid var(--line)}.network-facts>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.network-facts dt{color:var(--muted);font-size:8px}.network-facts dd{display:flex;min-width:0;align-items:center;gap:7px;overflow:hidden;color:#c3c8d7;font-size:9px;font-weight:670;text-align:right;text-overflow:ellipsis;white-space:nowrap}.copy-button{padding:2px 6px;border:1px solid var(--line);border-radius:5px;color:var(--muted);background:transparent;font-size:7px}.status-chip{display:inline-flex;align-items:center;padding:3px 7px;border-radius:99px;font-size:7px;font-weight:760;text-transform:uppercase}.status-neutral{color:#a3abbd;background:rgba(255,255,255,.06)}.status-good{color:#6ee2ac;background:rgba(85,223,162,.11)}.status-warning{color:#e9bd6e;background:rgba(255,199,99,.11)}.status-danger{color:#ff919c;background:rgba(255,111,125,.11)}.protocol-summary{padding-top:14px}.protocol-label{color:var(--muted);font-size:8px}.protocol-flow{display:flex;min-height:27px;align-items:center;gap:4px;margin-top:7px;overflow-x:auto}.protocol-flow span{padding:4px 7px;border:1px solid rgba(134,105,255,.14);border-radius:6px;color:#aba2d3;background:rgba(134,105,255,.06);font-size:7px;white-space:nowrap}.protocol-flow b{color:var(--muted-2);font-size:8px}.protocol-summary>small{display:flex;align-items:flex-start;gap:5px;margin-top:7px;color:var(--muted-2);font-size:7px}.protocol-summary>small svg{width:9px;height:9px;flex:0 0 auto;margin-top:1px}.card-link{display:flex;align-items:center;justify-content:space-between;margin:14px -20px -20px;padding:12px 20px;border-top:1px solid var(--line);color:#9c8cea;background:rgba(134,105,255,.025);font-size:8px;font-weight:750}.card-link:hover{background:rgba(134,105,255,.07)}.card-link svg{width:12px;height:12px}
.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:11px}.metric-card{position:relative;min-width:0;min-height:132px;overflow:hidden;padding:13px 13px 10px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(17,22,36,.9),rgba(12,16,27,.86));box-shadow:var(--shadow-soft)}.metric-card::after{position:absolute;right:-22px;bottom:-30px;width:80px;height:80px;border-radius:50%;background:currentColor;content:"";filter:blur(38px);opacity:.06}.metric-icon{display:grid;width:27px;height:27px;place-items:center;border-radius:8px;color:#ad9dff;background:var(--violet-soft)}.metric-icon svg{width:13px;height:13px}.metric-upload .metric-icon{color:var(--aqua);background:var(--aqua-soft)}.metric-ping .metric-icon{color:var(--blue);background:var(--blue-soft)}.metric-jitter .metric-icon{color:var(--pink);background:var(--pink-soft)}.metric-loss .metric-icon{color:var(--amber);background:var(--amber-soft)}.metric-stability .metric-icon{color:var(--green);background:var(--green-soft)}.metric-heading{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:10px;color:var(--muted);font-size:8px}.metric-heading .source-badge{padding:2px 5px;font-size:5.5px}.metric-value{display:flex;align-items:baseline;gap:5px;margin-top:1px}.metric-value strong{font-size:21px;font-weight:690;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.metric-value span{color:var(--muted);font-size:7px}.metric-foot{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:4px;color:var(--muted-2);font-size:6.5px}.metric-foot b{color:#aeb5c5;font-weight:700}.metric-sparkline{position:absolute;right:8px;bottom:7px;left:8px;display:flex;height:14px;align-items:flex-end;gap:2px;opacity:.24}.metric-sparkline i{width:100%;height:35%;border-radius:2px 2px 0 0;background:currentColor}.metric-sparkline i:nth-child(2){height:58%}.metric-sparkline i:nth-child(3){height:42%}.metric-sparkline i:nth-child(4){height:75%}.metric-sparkline i:nth-child(5){height:63%}.metric-sparkline i:nth-child(6){height:91%}.metric-sparkline i:nth-child(7){height:72%}
.overview-insights-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:11px;margin-top:11px}.score-card,.forecast-card,.use-cases-card,.diagnosis-card,.recommendations-card{padding:20px}.score-layout{display:grid;grid-template-columns:154px minmax(0,1fr);align-items:center;gap:22px;margin-top:13px}.score-ring,.mini-ring{--score:0;position:relative;display:grid;width:142px;aspect-ratio:1;place-items:center;border-radius:50%;background:conic-gradient(from 215deg,var(--violet) 0,var(--aqua) calc(var(--score) * .84%),rgba(255,255,255,.055) 0 84%,transparent 84% 100%);box-shadow:inset 0 0 28px rgba(0,0,0,.3),0 0 34px rgba(134,105,255,.06)}.score-ring::before,.mini-ring::before{position:absolute;width:116px;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;background:#111624;content:"";box-shadow:inset 0 0 20px rgba(0,0,0,.24)}.score-ring>div{position:relative;z-index:1;display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap}.score-ring strong{font-size:33px;line-height:1;letter-spacing:-.06em}.score-ring div>span{margin-left:4px;color:var(--muted);font-size:8px}.score-ring small{width:100%;margin-top:4px;color:var(--muted);font-size:7px;text-align:center;text-transform:uppercase}.score-breakdown{display:grid;gap:11px}.score-breakdown>div{display:grid;gap:5px}.score-breakdown span{display:flex;justify-content:space-between;color:var(--muted);font-size:8px}.score-breakdown b{color:#bcc2d1;font-weight:650}.score-breakdown progress,.confidence-row progress,.confidence-mini progress,.use-case progress,.resolver-list progress{width:100%;height:4px;overflow:hidden;border:0;border-radius:10px;background:rgba(255,255,255,.06);appearance:none}progress::-webkit-progress-bar{border-radius:99px;background:rgba(255,255,255,.06)}progress::-webkit-progress-value{border-radius:99px;background:linear-gradient(90deg,var(--violet),var(--aqua));transition:width .7s var(--ease)}progress::-moz-progress-bar{border-radius:99px;background:linear-gradient(90deg,var(--violet),var(--aqua))}.score-note{display:flex;align-items:center;gap:9px;margin-top:13px;padding:9px 11px;border:1px solid rgba(134,105,255,.1);border-radius:9px;color:var(--muted);background:rgba(134,105,255,.045);font-size:8px}.score-note svg{width:13px;height:13px;flex:0 0 auto;color:#a693fa}
.forecast-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.forecast-item{min-width:0;padding:12px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025)}.forecast-time{display:flex;align-items:center;gap:7px}.forecast-time>span{display:grid;min-width:0}.forecast-time small{color:var(--muted-2);font-size:6.5px;text-transform:uppercase}.forecast-time b{overflow:hidden;color:var(--muted);font-size:7px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.forecast-sun{position:relative;display:inline-block;width:17px;height:17px;flex:0 0 auto;border:4px solid rgba(255,199,99,.2);border-radius:50%;background:#e8b65d;box-shadow:0 0 10px rgba(255,199,99,.16)}.forecast-sun.night{border-color:rgba(134,105,255,.2);background:#7b69d5}.forecast-sun.tomorrow{border-color:rgba(65,229,205,.18);background:#45cbb8}.forecast-item>strong{display:block;margin-top:11px;font-size:17px;letter-spacing:-.035em}.forecast-item>strong small{color:var(--muted);font-size:7px;font-weight:600}.confidence-row{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-top:12px}.confidence-row>span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:8px}.confidence-row svg{width:11px;height:11px;color:#9d8cf0}.confidence-row>div{display:grid;width:54%;grid-template-columns:minmax(40px,1fr) auto;align-items:center;gap:8px}.confidence-row strong{color:#afa7cd;font-size:7px;white-space:nowrap}.honesty-note{margin-top:10px;color:var(--muted-2);font-size:7.5px;line-height:1.5}.honesty-note svg{display:inline-block;width:11px;height:11px;margin-right:5px;vertical-align:-2px}
.use-cases-card{margin-top:11px}.use-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.use-case{display:grid;min-width:0;grid-template-columns:37px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.023);transition:border-color .2s,transform .2s,background .2s}.use-case:hover{border-color:rgba(134,105,255,.19);background:rgba(255,255,255,.04);transform:translateY(-1px)}.use-case-icon{display:grid;width:35px;height:35px;place-items:center;border-radius:10px}.use-case-icon svg{width:16px;height:16px}.use-case-icon.violet,.stat-icon.purple,.detail-icon.purple,.monitor-metric-icon.purple{color:#a792ff;background:var(--violet-soft)}.use-case-icon.aqua,.stat-icon.aqua,.monitor-metric-icon.aqua{color:var(--aqua);background:var(--aqua-soft)}.use-case-icon.blue,.stat-icon.blue,.detail-icon.blue{color:var(--blue);background:var(--blue-soft)}.use-case-icon.amber,.stat-icon.amber,.detail-icon.amber,.monitor-metric-icon.amber{color:var(--amber);background:var(--amber-soft)}.use-case-icon.pink{color:var(--pink);background:var(--pink-soft)}.use-case-icon.green,.detail-icon.green,.monitor-metric-icon.green{color:var(--green);background:var(--green-soft)}.use-case>div{display:grid;min-width:0}.use-case>div strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.use-case>div small{margin-top:1px;overflow:hidden;color:var(--muted-2);font-size:6.5px;text-overflow:ellipsis;white-space:nowrap}.use-case progress{height:2px;margin-top:6px}.use-case-rating{padding:3px 6px;border-radius:99px;color:var(--muted);background:rgba(255,255,255,.05);font-size:6px;font-weight:750;text-transform:uppercase;white-space:nowrap}.use-case-rating.excellent{color:#6de1ab;background:rgba(85,223,162,.1)}.use-case-rating.good{color:#77baf5;background:rgba(76,168,255,.1)}.use-case-rating.average{color:#e9bd70;background:rgba(255,199,99,.1)}.use-case-rating.poor{color:#ff909b;background:rgba(255,111,125,.1)}
.action-insights-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:11px}.insight-list,.recommendation-list{display:grid;gap:7px;margin-top:14px;list-style:none}.insight-list li,.recommendation-list li{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.022)}.insight-list-icon{display:grid;width:29px;height:29px;flex:0 0 auto;place-items:center;border-radius:8px;color:#9e8cf2;background:rgba(134,105,255,.11)}.insight-list-icon svg{width:14px;height:14px}.insight-list strong,.recommendation-list strong{display:block;color:#c5cad8;font-size:9px}.insight-list p,.recommendation-list p{margin-top:2px;color:var(--muted);font-size:7.5px}.recommendation-list li>span{display:grid;width:27px;height:27px;flex:0 0 auto;place-items:center;border:1px solid rgba(65,229,205,.14);border-radius:8px;color:#65cdbf;background:rgba(65,229,205,.06);font-size:7px;font-weight:800}

/* History */
.segmented-select select,.custom-range input,.plan-form input,.plan-form select,.setting-row select,.stability-controls select{min-height:38px;padding:0 34px 0 12px;border:1px solid var(--line);border-radius:9px;outline:0;color:#c4cad8;background:#111725;font-size:10px}.segmented-select select:focus,.custom-range input:focus,.plan-form input:focus,.plan-form select:focus,.setting-row select:focus,.stability-controls select:focus{border-color:rgba(134,105,255,.55);box-shadow:0 0 0 3px rgba(134,105,255,.09)}.custom-range{display:flex;align-items:flex-end;justify-content:flex-end;gap:9px;margin:-10px 0 17px}.custom-range label{display:grid;gap:4px;color:var(--muted);font-size:8px}.history-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:11px}.history-stats article{display:flex;min-width:0;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(17,22,36,.88),rgba(11,15,26,.86));box-shadow:var(--shadow-soft)}.stat-icon{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:11px}.stat-icon svg{width:17px;height:17px}.history-stats article>div{display:grid;min-width:0}.history-stats small{color:var(--muted);font-size:7px}.history-stats strong{margin-top:1px;font-size:17px;letter-spacing:-.035em}.history-stats strong span{color:var(--muted);font-size:7px;font-weight:600}.history-stats em{margin-top:2px;color:var(--muted-2);font-size:7px;font-style:normal}.history-chart-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:11px}.chart-card{padding:20px}.history-score-card{grid-column:1/-1}.chart-stage-history{height:285px;margin-top:13px}.chart-stage-compact{height:175px;margin-top:13px}.chart-empty-state{gap:4px;color:var(--muted-2);background:radial-gradient(circle,rgba(134,105,255,.045),transparent 40%)}.chart-empty-state svg{width:25px;height:25px;margin-bottom:7px;color:#7769b5}.chart-empty-state strong{color:#a7aec0;font-size:10px}.chart-empty-state span{max-width:330px;font-size:8px}.chart-empty-state.compact{justify-content:center}.table-card{margin-top:11px;padding:20px}.table-scroll{margin:15px -20px 0;overflow-x:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:11px 13px;border-bottom:1px solid rgba(255,255,255,.055);text-align:left;font-size:8px}th{color:var(--muted-2);background:rgba(255,255,255,.02);font-size:7px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}td{color:#aeb5c6}tbody tr:hover td{background:rgba(134,105,255,.025)}.table-empty{display:grid;min-height:250px;place-items:center;align-content:center;text-align:center}.table-empty>span{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(134,105,255,.16);border-radius:15px;color:#9a89e8;background:rgba(134,105,255,.07)}.table-empty>span svg{width:22px;height:22px}.table-empty h3{margin-top:12px;font-size:12px}.table-empty p{max-width:370px;margin:5px 0 14px;color:var(--muted);font-size:9px}.table-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;color:var(--muted-2);font-size:8px}.pagination{display:flex;gap:4px}

/* Intelligence */
.source-legend{display:flex!important;flex-wrap:wrap;justify-content:flex-end;gap:5px}.passport-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:11px}.passport-card,.protocol-card,.detail-card,.prediction-card,.peak-card{padding:20px}.passport-card{background:radial-gradient(circle at 75% 20%,rgba(65,229,205,.07),transparent 22rem),linear-gradient(145deg,rgba(18,23,38,.96),rgba(11,16,27,.96))}.passport-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--line)}.passport-brand{display:flex;align-items:center;gap:9px}.passport-brand .brand-mark{width:33px;height:33px;border-radius:10px}.passport-brand .brand-mark svg{width:18px;height:18px}.passport-brand>span:last-child{display:grid}.passport-brand small{color:var(--muted-2);font-size:7px;text-transform:uppercase}.passport-brand strong{font-size:10px}.passport-status{display:flex;align-items:center;gap:6px;color:#69d9a6;font-size:7px;text-transform:uppercase}.passport-status i{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.passport-hero{display:flex;align-items:center;gap:12px;padding:18px 0}.passport-globe{display:grid;width:53px;height:53px;place-items:center;border:1px solid rgba(65,229,205,.16);border-radius:50%;color:var(--aqua);background:radial-gradient(circle,rgba(65,229,205,.13),transparent)}.passport-globe svg{width:25px;height:25px}.passport-hero>div{display:grid}.passport-hero small{color:var(--muted-2);font-size:7px}.passport-hero strong{font-size:17px;letter-spacing:-.025em}.passport-hero>div>span{color:var(--muted);font-size:8px}.passport-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--line)}.passport-facts>div{display:grid;min-width:0;padding:10px;background:#111624}.passport-facts dt{color:var(--muted-2);font-size:7px}.passport-facts dd{overflow:hidden;margin-top:2px;color:#bdc3d2;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.stack-visual{display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr 22px 1fr;align-items:center;margin-top:20px}.stack-layer{display:grid;min-width:0;padding:12px 9px;border:1px solid rgba(134,105,255,.15);border-radius:10px;background:rgba(134,105,255,.05);text-align:center}.stack-layer span,.stack-layer small{color:var(--muted-2);font-size:6px;text-transform:uppercase}.stack-layer strong{overflow:hidden;margin:5px 0 3px;color:#bdb4e4;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.stack-arrow{color:#655a8c;text-align:center}.capability-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:18px}.capability-row>span{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:8px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:7px}.capability-row b{color:#a7aebe;font-size:6px}.intelligence-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:11px}.detail-card>.card-header>div{display:flex;align-items:center;gap:10px}.detail-icon{display:grid;width:33px;height:33px;place-items:center;border-radius:10px}.detail-icon svg{width:16px;height:16px}.detail-list{display:grid;margin-top:15px}.detail-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.055)}.detail-list>div:last-child{border:0}.detail-list dt{color:var(--muted);font-size:8px}.detail-list dd{min-width:0;overflow:hidden;color:#b9c0d0;font-size:8px;font-weight:650;text-align:right;text-overflow:ellipsis;white-space:nowrap}.detail-list.two-column{grid-template-columns:repeat(2,1fr);column-gap:22px}.dns-result{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding:12px;border:1px solid var(--line);border-radius:10px;background:rgba(76,168,255,.035)}.dns-result>div{display:grid}.dns-result span{color:var(--muted);font-size:7px}.dns-result strong{font-size:17px}.dns-result strong small{color:var(--muted);font-size:7px}.resolver-list{display:grid;gap:9px;margin-top:13px}.resolver-list>div{display:grid;grid-template-columns:100px minmax(50px,1fr) 45px;align-items:center;gap:8px;color:var(--muted);font-size:7px}.resolver-list b{color:#9fa7b9;font-size:7px;text-align:right}.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}.signal-grid>div{display:grid;padding:9px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.022)}.signal-grid span{color:var(--muted-2);font-size:6px;text-transform:uppercase}.signal-grid strong{margin-top:2px;color:#afb6c7;font-size:8px}.confidence-mini{display:grid;grid-template-columns:auto minmax(50px,1fr) auto;align-items:center;gap:9px;margin-top:14px;color:var(--muted);font-size:7px}.confidence-mini strong{color:#aaa3c3;font-size:7px}.forecast-analysis-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:11px;margin-top:11px}.prediction-stage{height:300px;margin-top:13px}.model-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:13px -20px -20px;background:var(--line);border-top:1px solid var(--line)}.model-meta>span{display:grid;padding:10px 12px;background:#101522}.model-meta small{color:var(--muted-2);font-size:6px;text-transform:uppercase}.model-meta strong{margin-top:2px;color:#b5bbcb;font-size:8px}.peak-summary{display:grid;gap:8px;margin-top:15px}.peak-summary>div{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.022)}.peak-summary>div>span{display:grid;width:30px;height:30px;place-items:center;border-radius:9px}.peak-summary .best>span{color:var(--green);background:var(--green-soft)}.peak-summary .worst>span{color:var(--amber);background:var(--amber-soft)}.peak-summary svg{width:14px;height:14px}.peak-summary>div>div{display:grid}.peak-summary small{color:var(--muted-2);font-size:7px}.peak-summary strong{font-size:9px}.heatmap{display:grid;grid-template-columns:repeat(5,1fr);margin-top:17px}.heatmap-axis{color:var(--muted-2);font-size:6px}.heatmap-axis:last-of-type{text-align:right}.heatmap-cells{grid-column:1/-1;height:34px;margin-top:5px;border-radius:7px;background:repeating-linear-gradient(90deg,rgba(134,105,255,.08) 0 calc(4.166% - 2px),transparent calc(4.166% - 2px) 4.166%),linear-gradient(90deg,rgba(76,168,255,.08),rgba(85,223,162,.14),rgba(255,199,99,.12),rgba(134,105,255,.09))}

/* Live monitor */
.monitor-heading{align-items:center}.monitor-state{display:inline-flex;align-items:center;gap:6px;margin-left:6px;padding:3px 7px;border:1px solid var(--line);border-radius:99px;color:var(--muted);background:rgba(255,255,255,.03);font-size:7px;letter-spacing:.06em}.monitor-state i{width:5px;height:5px;border-radius:50%;background:var(--muted-2)}.monitor-state.is-active{border-color:rgba(85,223,162,.18);color:#68d9a7;background:rgba(85,223,162,.06)}.monitor-state.is-active i{background:var(--green);box-shadow:0 0 7px var(--green);animation:pulse-opacity 1.2s infinite}.button-live-icon{display:grid;width:24px;height:24px;place-items:center}.button-live-icon svg{width:17px;height:17px}.button-live-icon i{display:none}.monitor-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:11px}.monitor-metrics article{display:grid;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(17,22,36,.92),rgba(11,15,26,.88));box-shadow:var(--shadow-soft)}.monitor-metric-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:11px}.monitor-metric-icon svg{width:17px;height:17px}.monitor-metrics article>div{display:grid}.monitor-metrics small{color:var(--muted);font-size:7px}.monitor-metrics strong{font-size:17px;letter-spacing:-.035em}.monitor-metrics strong span{color:var(--muted);font-size:7px}.monitor-metrics em{padding:3px 6px;border-radius:99px;color:var(--muted-2);background:rgba(255,255,255,.04);font-size:6px;font-style:normal;text-transform:uppercase}.monitor-chart-card,.stability-test-card,.event-timeline-card{padding:20px}.monitor-toolbar{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:9px;font-variant-numeric:tabular-nums}.monitor-chart-stage{height:360px;margin-top:13px}.monitor-chart-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--line);color:var(--muted-2);font-size:8px}.radar-animation{position:relative;display:grid;width:50px;height:50px;place-items:center;margin-bottom:10px;border:1px solid rgba(134,105,255,.16);border-radius:50%;background:repeating-radial-gradient(circle,rgba(134,105,255,.07) 0 1px,transparent 2px 9px)}.radar-animation::after{position:absolute;width:22px;height:22px;border-top:1px solid #9d8cf0;content:"";transform-origin:0 100%;animation:radar 2.5s linear infinite}.radar-animation i{width:5px;height:5px;border-radius:50%;background:#9d8cf0;box-shadow:0 0 12px #9d8cf0}.monitor-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:11px}.stability-test-card>p{max-width:620px;margin-top:12px;color:var(--muted);font-size:9px}.stability-controls{display:flex;align-items:flex-end;gap:9px;margin-top:15px}.stability-controls label{display:grid;min-width:150px;gap:5px;color:var(--muted);font-size:8px}.stability-result{display:flex;align-items:center;gap:16px;margin-top:17px;padding:13px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.023)}.mini-ring{--score:var(--value);width:74px;flex:0 0 auto}.mini-ring::before{width:58px}.mini-ring strong,.mini-ring span{position:relative;z-index:1}.mini-ring strong{font-size:17px}.mini-ring span{margin-left:-16px;margin-top:24px;color:var(--muted);font-size:6px}.stability-result>div:last-child{display:grid}.stability-result small{color:var(--muted-2);font-size:7px;text-transform:uppercase}.stability-result>div>strong{font-size:11px}.stability-result p{margin-top:3px;color:var(--muted);font-size:8px}.count-badge{padding:3px 7px;border-radius:99px;color:var(--muted);background:rgba(255,255,255,.05);font-size:7px}.event-timeline{display:grid;gap:8px;margin-top:15px;list-style:none}.event-timeline li{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.event-timeline li:last-child{border:0}.event-timeline li>span{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border-radius:9px;color:#8f7ddd;background:rgba(134,105,255,.08)}.event-timeline svg{width:14px;height:14px}.event-timeline strong{font-size:9px}.event-timeline p{margin-top:2px;color:var(--muted);font-size:7.5px}

/* Settings */
.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.plan-card,.preferences-card,.privacy-settings-card,.service-card{padding:20px}.plan-card>p{margin-top:12px;color:var(--muted);font-size:9px}.plan-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(130px,.65fr) auto;align-items:end;gap:9px;margin-top:15px}.plan-form label{display:grid;gap:1px;color:#bdc3d2;font-size:9px;font-weight:650}.plan-form label>span{color:var(--muted-2);font-size:7px;font-weight:400}.plan-form select,.plan-form input{width:100%;margin-top:6px}.utilization-panel{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.022)}.utilization-gauge{display:flex;align-items:center;gap:12px}.utilization-bar{height:7px;flex:1;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.06)}.utilization-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--violet),var(--aqua));transition:width .7s var(--ease)}.utilization-gauge>span{color:var(--muted);font-size:7px}.utilization-gauge strong{color:#b9b1d7;font-size:10px}.utilization-panel dl{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:13px}.utilization-panel dl>div{display:grid;padding:9px;border:1px solid rgba(255,255,255,.055);border-radius:8px}.utilization-panel dt{color:var(--muted-2);font-size:6px;text-transform:uppercase}.utilization-panel dd{margin-top:2px;color:#b8bfce;font-size:8px}.header-icon{width:19px;height:19px;color:#756a9f}.settings-list{display:grid;margin-top:14px}.setting-row{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);cursor:pointer}.setting-row:last-child{border:0}.setting-row>span:first-child{display:grid}.setting-row strong{color:#c1c7d5;font-size:9px}.setting-row small{margin-top:2px;color:var(--muted);font-size:7px;font-weight:400}.setting-row select{min-height:34px}.switch{position:relative;width:37px;height:21px;flex:0 0 auto}.switch input{position:absolute;width:1px;height:1px;opacity:0}.switch i{position:absolute;inset:0;border:1px solid var(--line-strong);border-radius:99px;background:rgba(255,255,255,.06);transition:.2s}.switch i::after{position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#798197;box-shadow:0 2px 7px rgba(0,0,0,.3);content:"";transition:.22s var(--ease)}.switch input:checked+i{border-color:rgba(134,105,255,.42);background:rgba(134,105,255,.28)}.switch input:checked+i::after{background:#aa99ff;box-shadow:0 0 9px rgba(134,105,255,.5);transform:translateX(16px)}.switch input:focus-visible+i{outline:3px solid rgba(128,195,255,.7);outline-offset:3px}.privacy-promise{display:flex;gap:12px;margin-top:14px;padding:13px;border:1px solid rgba(85,223,162,.12);border-radius:11px;color:var(--green);background:rgba(85,223,162,.04)}.privacy-promise>svg{width:18px;height:18px;flex:0 0 auto}.privacy-promise strong{display:block;color:#b9d8ca;font-size:9px}.privacy-promise p{margin-top:2px;color:var(--muted);font-size:7.5px}.privacy-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.service-list{display:grid;margin-top:13px}.service-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.service-list>div:last-child{border:0}.service-list>div>span{display:flex;align-items:center;gap:8px}.service-list strong{color:#b8bfce;font-size:8px}.service-list em{color:var(--muted);font-size:7px;font-style:normal}.service-dot{width:6px;height:6px;border-radius:50%;background:var(--muted-2)}.service-dot.online{background:var(--green);box-shadow:0 0 7px rgba(85,223,162,.5)}.service-dot.error{background:var(--red)}.service-dot.pending{animation:pulse-opacity 1.2s infinite}.service-link{display:flex;align-items:center;gap:5px;margin-top:13px}.service-link svg{width:10px;height:10px}

/* Global feedback and footer */
.app-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px clamp(20px,3vw,45px) 25px;border-top:1px solid var(--line);color:var(--muted-2);font-size:7.5px}.app-footer>span:nth-child(2){max-width:650px;text-align:center}.sidebar-scrim{display:none}.toast-region{position:fixed;z-index:120;right:18px;bottom:18px;display:grid;width:min(360px,calc(100vw - 30px));gap:8px}.toast{display:grid;grid-template-columns:32px minmax(0,1fr) 25px;align-items:start;gap:10px;padding:12px;border:1px solid var(--line-strong);border-radius:13px;background:rgba(18,23,37,.96);box-shadow:0 20px 60px rgba(0,0,0,.38);backdrop-filter:blur(18px);animation:toast-in .35s var(--ease)}.toast-icon{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;color:#a996ff;background:var(--violet-soft)}.toast-icon svg{width:14px;height:14px}.toast strong{display:block;font-size:9px}.toast p{margin-top:2px;color:var(--muted);font-size:8px}.toast>button{display:grid;width:24px;height:24px;place-items:center;padding:0;border:0;color:var(--muted);background:none}.toast>button svg{width:13px;height:13px}.test-overlay,.loading-layer{position:fixed;z-index:110;inset:0;display:grid;place-items:center;background:rgba(5,7,13,.7);backdrop-filter:blur(8px)}.test-overlay-inner{display:flex;max-width:370px;align-items:center;flex-direction:column;padding:27px;text-align:center}.test-overlay-inner strong{margin-top:16px;font-size:15px}.test-overlay-inner small{margin:5px 0 18px;color:var(--muted)}.test-orbit{position:relative;display:grid;width:64px;height:64px;place-items:center;border:1px solid rgba(134,105,255,.2);border-radius:50%;background:radial-gradient(circle,rgba(134,105,255,.16),transparent 68%)}.test-orbit::after{position:absolute;inset:4px;border-top:2px solid #a48fff;border-radius:50%;content:"";animation:spin 1s linear infinite}.test-orbit i{width:9px;height:9px;border-radius:50%;background:var(--aqua);box-shadow:0 0 13px var(--aqua)}.loading-layer{grid-template-columns:repeat(2,minmax(200px,440px));gap:15px;padding:40px}.skeleton-card{display:grid;gap:15px;padding:25px;border:1px solid var(--line);border-radius:18px;background:#101522}.skeleton-card i{height:18px;border-radius:5px;background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.09),rgba(255,255,255,.03));background-size:200% 100%;animation:shimmer 1.4s infinite}.skeleton-card i:nth-child(2){height:180px}.skeleton-card i:nth-child(3){width:60%}
.modal{width:min(730px,calc(100vw - 28px));max-height:calc(100vh - 28px);padding:0;overflow:hidden;border:1px solid var(--line-strong);border-radius:20px;color:var(--text);background:#101522;box-shadow:0 35px 100px rgba(0,0,0,.55)}.modal::backdrop{background:rgba(3,5,10,.75);backdrop-filter:blur(8px)}.modal-shell{display:flex;max-height:calc(100vh - 30px);flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.modal-header>div{display:flex;align-items:center;gap:11px}.modal-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;color:var(--green);background:var(--green-soft)}.modal-icon svg{width:18px;height:18px}.modal-header h2{font-size:14px}.modal-body{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:20px;overflow-y:auto}.modal-body section{padding:13px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.022)}.modal-body h3{font-size:10px}.modal-body p{margin:5px 0 10px;color:var(--muted);font-size:8px}.modal-callout{grid-column:1/-1;display:flex;gap:11px;padding:13px;border:1px solid rgba(85,223,162,.14);border-radius:11px;color:var(--green);background:rgba(85,223,162,.04)}.modal-callout>svg{width:18px;height:18px;flex:0 0 auto}.modal-callout strong{display:block;color:#bee1d1;font-size:10px}.modal-callout p{margin-top:3px;margin-bottom:0}.modal-footer{display:flex;justify-content:flex-end;padding:13px 20px;border-top:1px solid var(--line)}.noscript-banner{position:fixed;z-index:200;right:15px;bottom:15px;left:15px;padding:12px;border:1px solid rgba(255,199,99,.28);border-radius:11px;color:#ebc174;background:#241e15;text-align:center;font-size:10px}

/* Optional and post-test interaction panels */
.custom-server-fields{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(220px,1.2fr);gap:9px;margin-top:13px;padding:11px;border:1px solid rgba(134,105,255,.16);border-radius:11px;background:rgba(134,105,255,.045)}.custom-server-fields label{display:grid;gap:4px;color:var(--muted);font-size:7px}.custom-server-fields input{width:100%;min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;outline:0;color:#c4cad9;background:#0e1320;font-size:8px}.custom-server-fields input:focus{border-color:rgba(134,105,255,.52);box-shadow:0 0 0 3px rgba(134,105,255,.08)}.custom-server-fields details{align-self:end}.custom-server-fields summary{padding:8px 10px;border:1px solid var(--line);border-radius:8px;color:#a9b0c1;background:rgba(255,255,255,.025);font-size:8px}.custom-server-overrides{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;grid-column:1/-1;margin-top:8px}.custom-server-fields details[open]{grid-column:1/-1}.custom-server-fields>p{grid-column:1/-1;display:flex;align-items:center;gap:5px;color:var(--muted-2);font-size:7px}.custom-server-fields>p svg{width:10px;height:10px;flex:0 0 auto}
.anomaly-alert{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:11px;padding:11px 14px;border:1px solid rgba(255,111,125,.23);border-radius:13px;background:linear-gradient(90deg,rgba(255,111,125,.1),rgba(255,199,99,.035));box-shadow:var(--shadow-soft)}.anomaly-alert.is-visible{animation:section-in .35s var(--ease)}.anomaly-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;color:var(--red);background:var(--red-soft)}.anomaly-icon svg{width:17px;height:17px}.anomaly-alert>div{display:grid}.anomaly-alert>div>span{color:#df8790;font-size:7px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.anomaly-alert strong{margin-top:1px;color:#d8c6ca;font-size:9px}.anomaly-alert em{padding:4px 7px;border-radius:99px;color:#e9ac79;background:rgba(255,199,99,.09);font-size:6px;font-style:normal;text-transform:uppercase}
.comparison-card{margin-top:11px;padding:20px}.comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.comparison-grid>div{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.023)}.comparison-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:10px}.comparison-icon svg{width:15px;height:15px}.comparison-icon.violet{color:#a792ff;background:var(--violet-soft)}.comparison-icon.aqua{color:var(--aqua);background:var(--aqua-soft)}.comparison-icon.blue{color:var(--blue);background:var(--blue-soft)}.comparison-grid>div>div{display:grid}.comparison-grid small{color:var(--muted-2);font-size:6px;text-transform:uppercase}.comparison-grid strong{font-size:12px}.comparison-grid>div>div>span{color:var(--muted);font-size:7px}.comparison-grid b{color:#aeb5c5}.comparison-grid em{padding:4px 7px;border-radius:99px;color:var(--muted);background:rgba(255,255,255,.05);font-size:7px;font-style:normal}.comparison-grid em[data-trend="up"]{color:var(--green);background:var(--green-soft)}.comparison-grid em[data-trend="down"]{color:var(--red);background:var(--red-soft)}
.peak-summary .congestion>span{color:var(--blue);background:var(--blue-soft)}.peak-chart-stage{height:190px;margin-top:12px}.hourly-breakdown{display:grid;max-height:135px;gap:1px;margin-top:10px;overflow-y:auto;list-style:none}.hourly-breakdown li{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:6px 7px;border-radius:6px;color:var(--muted);background:rgba(255,255,255,.02);font-size:7px}.hourly-breakdown strong{color:#b9c0cf}.hourly-breakdown span{color:#8590a5}.plan-form #planCustomLabel:has(#planCustom[hidden]){display:none}

@keyframes ping-ring{0%{opacity:.8;transform:scale(.5)}75%,100%{opacity:0;transform:scale(1.35)}}
@keyframes pulse-opacity{50%{opacity:.35}}
@keyframes section-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes radar{to{transform:rotate(360deg)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes shimmer{to{background-position:-200% 0}}
@keyframes toast-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}

/* Responsive layout */
@media (min-width:1500px){.hero-grid{grid-template-columns:minmax(0,1fr) 365px}.speed-test-card{min-height:474px}.speed-workspace{grid-template-columns:minmax(320px,.82fr) minmax(400px,1.18fr)}.network-card{padding:23px}.metric-card{min-height:142px;padding:15px}.metric-value strong{font-size:24px}.use-case-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1320px){.hero-grid{grid-template-columns:1fr}.network-card{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.network-card .card-header,.network-card .card-link{grid-column:1/-1}.network-card .network-facts{border-bottom:0}}
@media (max-width:1280px){.metric-grid{grid-template-columns:repeat(3,1fr)}.metric-card{min-height:121px}.overview-insights-grid{grid-template-columns:1fr 1fr}.forecast-analysis-grid{grid-template-columns:1fr}.peak-summary{grid-template-columns:1fr 1fr}.plan-form{grid-template-columns:1fr 1fr}.plan-form .button{grid-column:1/-1}.monitor-metrics article{grid-template-columns:36px minmax(0,1fr)}.monitor-metrics em{grid-column:2}}
@media (max-width:1100px){:root{--sidebar-width:244px}.hero-grid{grid-template-columns:1fr}.network-card{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.network-card .card-header,.network-card .card-link{grid-column:1/-1}.network-identity{margin-top:12px}.network-facts{padding-top:14px;border-bottom:0}.protocol-summary{padding-top:15px}.history-chart-grid{grid-template-columns:1fr}.history-score-card{grid-column:auto}.passport-grid{grid-template-columns:1fr}.use-case-grid{grid-template-columns:repeat(2,1fr)}.monitor-metrics{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){:root{--topbar-height:64px}.sidebar{width:min(300px,86vw);transform:translateX(-105%);transition:transform .3s var(--ease)}body.nav-open{overflow:hidden}body.nav-open .sidebar,.sidebar.is-open{transform:translateX(0)}.sidebar-scrim{position:fixed;z-index:55;inset:0;display:block;border:0;background:rgba(3,5,10,.68);opacity:0;pointer-events:none;transition:opacity .3s}body.nav-open .sidebar-scrim{opacity:1;pointer-events:auto}.content-shell{margin-left:0}.menu-button,.mobile-brand{display:inline-flex}.mobile-brand{align-items:center;gap:8px;font-size:13px}.mobile-brand .brand-mark{width:31px;height:31px;border-radius:9px}.mobile-brand .brand-mark svg{width:18px;height:18px}.route-context{display:none}.online-state{display:none}.topbar{padding-inline:16px}main{padding:24px 16px 32px}.offline-banner{margin-inline:16px}.app-footer{padding-inline:16px}.history-stats{grid-template-columns:repeat(2,1fr)}.overview-insights-grid,.action-insights-grid,.intelligence-grid,.settings-grid,.monitor-bottom-grid{grid-template-columns:1fr}.forecast-list{grid-template-columns:repeat(3,1fr)}.detail-list.two-column{grid-template-columns:1fr}.detail-list.two-column>div:nth-child(7){border-bottom:1px solid rgba(255,255,255,.055)}.settings-grid .service-card{order:4}}
@media (max-width:720px){.page-heading{align-items:flex-start;flex-direction:column;gap:14px}.heading-meta{justify-content:flex-start}.page-actions{width:100%;flex-wrap:wrap}.page-actions>*{flex:1}.source-legend{justify-content:flex-start}.speed-test-card{padding:17px}.speed-card-header{align-items:flex-start;flex-direction:column}.server-control{width:100%;max-width:none}.server-control select{width:100%}.speed-workspace{grid-template-columns:1fr;gap:8px}.gauge-column{min-height:300px}.live-chart-column{padding:20px 0 3px;border-top:1px solid var(--line);border-left:0}.network-card{display:block}.network-card .card-link{display:flex}.metric-grid{grid-template-columns:repeat(2,1fr)}.score-layout{grid-template-columns:1fr}.score-ring{margin:auto}.forecast-list{grid-template-columns:1fr}.forecast-item{display:flex;align-items:center;justify-content:space-between}.forecast-item>strong{margin-top:0}.confidence-row{align-items:flex-start;flex-direction:column}.confidence-row>div{width:100%}.use-case-grid{grid-template-columns:1fr}.passport-facts{grid-template-columns:1fr}.stack-visual{grid-template-columns:1fr}.stack-arrow{padding:4px;transform:none}.capability-row{grid-template-columns:1fr}.forecast-analysis-grid{grid-template-columns:1fr}.model-meta{grid-template-columns:repeat(2,1fr)}.history-stats{grid-template-columns:1fr 1fr}.monitor-metrics{grid-template-columns:1fr 1fr}.monitor-chart-stage{height:300px}.stability-controls{align-items:stretch;flex-direction:column}.stability-controls label{width:100%}.custom-range{align-items:stretch;flex-direction:column}.custom-range .button{margin-top:4px}.utilization-panel dl{grid-template-columns:repeat(2,1fr)}.modal-body{grid-template-columns:1fr}.modal-callout{grid-column:auto}.loading-layer{grid-template-columns:1fr}.app-footer{align-items:flex-start;flex-direction:column}.app-footer>span:nth-child(2){text-align:left}}
@media (max-width:520px){.topbar-actions .compact-action:first-of-type{display:none}.compact-action span{display:none}.compact-action{width:38px;padding:0}.page-heading h1{font-size:28px}.hero-grid{gap:10px}.speed-test-card,.network-card,.score-card,.forecast-card,.use-cases-card,.diagnosis-card,.recommendations-card,.chart-card,.table-card,.passport-card,.protocol-card,.detail-card,.prediction-card,.peak-card,.monitor-chart-card,.stability-test-card,.event-timeline-card,.plan-card,.preferences-card,.privacy-settings-card,.service-card{border-radius:15px}.gauge-stage{transform:scale(.9);transform-origin:center bottom}.gauge-column{min-height:280px}.chart-toolbar{align-items:flex-start;flex-direction:column}.chart-stage-live{height:200px}.metric-grid{gap:7px}.metric-card{min-height:118px;padding:11px}.metric-heading .source-badge{display:none}.metric-value strong{font-size:19px}.history-stats{grid-template-columns:1fr}.history-stats article{padding:12px}.monitor-metrics{grid-template-columns:1fr}.monitor-metrics article{grid-template-columns:38px minmax(0,1fr) auto}.monitor-metrics em{grid-column:auto}.peak-summary{grid-template-columns:1fr}.use-case{grid-template-columns:35px minmax(0,1fr)}.use-case-rating{grid-column:2}.signal-grid{grid-template-columns:repeat(2,1fr)}.model-meta{grid-template-columns:1fr 1fr}.plan-form{grid-template-columns:1fr}.plan-form .button{grid-column:auto}.setting-row{gap:8px}.setting-row select{max-width:115px}.card-actions{align-items:stretch;flex-direction:column}.table-card .card-header{align-items:flex-start}.modal-header{align-items:flex-start}.modal-header .section-kicker{display:none}.modal-header h2{max-width:190px}.toast-region{right:10px;bottom:10px;width:calc(100vw - 20px)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.speed-needle{transition:none}}
@media print{.sidebar,.topbar,.page-actions,.app-footer,.button,.sidebar-scrim,.toast-region{display:none!important}.content-shell{margin:0}main{padding:0}.view-section{display:block!important}.card,.metric-card{break-inside:avoid;box-shadow:none}}
@media (max-width:720px){.custom-server-fields{grid-template-columns:1fr}.custom-server-overrides{grid-template-columns:1fr}.comparison-grid{grid-template-columns:1fr}}
@media (max-width:520px){.anomaly-alert{grid-template-columns:35px minmax(0,1fr)}.anomaly-alert>em{grid-column:2;width:max-content}}

@media print{
  html,body{background:#fff!important;color:#111!important;color-scheme:light}
  .view-section{display:none!important}
  #overview{display:block!important}
  #overview .speed-test-card,.toast-region,.test-overlay,.loading-layer{display:none!important}
  .content-shell{margin:0!important}
  .card,.metric-card{border-color:#d8dbe3!important;background:#fff!important;color:#111!important;box-shadow:none!important}
  .card *,.metric-card *{text-shadow:none!important}
}