:root{color-scheme:dark;--bg:#030916;--panel:#061426ed;--text:#f2f8ff;--muted:#96afcc;--cyan:#05e6f4;--blue:#147efa;--line:#2870b758;--mono:'Space Mono',ui-monospace,Consolas,monospace;--sans:'DM Sans',Inter,system-ui,sans-serif}
*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid #54e9ff;outline-offset:3px}[hidden]{display:none!important}
.background{position:fixed;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 12%,#07509855,transparent 48%),linear-gradient(130deg,#020813,#041128 59%,#020814)}.background:after{content:'';position:absolute;inset:0;opacity:.14;background-image:linear-gradient(#3a8ff11a 1px,transparent 1px),linear-gradient(90deg,#3a8ff11a 1px,transparent 1px);background-size:96px 96px;mask-image:linear-gradient(90deg,transparent,black 50%,transparent)}
.shell{max-width:1650px;margin:auto;padding:15px clamp(16px,2.3vw,42px) 22px}.header{min-height:77px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #377dcc31}.brand{display:flex;align-items:center;gap:7px;flex-shrink:0}.brand img{width:54px;height:54px;filter:drop-shadow(0 0 10px #00dfff3b)}.brand>span:first-of-type{font-size:33px;font-weight:800;letter-spacing:-2px}.brand-suffix{font:10px var(--mono);letter-spacing:1.7px;color:#33bfff;margin-left:6px;align-self:center}.nav{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(10px,1.4vw,24px);font:10px var(--mono);letter-spacing:1.5px;color:#9ab9da}.nav i{font-style:normal;color:#527b9d}.nav a.active,.nav a:hover{color:#55e4ff}.header-link{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:13px;border:1px solid #2482d580;padding:12px 16px;border-radius:11px;background:#031021b8}.header-link:hover{border-color:var(--cyan)}.header-link svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8}
.hero{isolation:isolate;position:relative;overflow:hidden;padding:64px 24px 57px;border-bottom:1px solid #3177c83d;min-height:355px}.hero-art{position:absolute;inset:-190px -80px -100px 12%;z-index:-2;background:url('assets/scene.svg') center 29%/cover no-repeat;opacity:.87}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#030916 8%,#030916f5 36%,#03091655 88%,#030916b3)}.eyebrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#86bce6;font:10px/1.8 var(--mono);letter-spacing:2px;margin-bottom:26px}.line{height:2px;width:30px;background:var(--cyan);display:inline-block}.divider-small{color:#416b91}h1{margin:0 0 17px;font-size:clamp(47px,5.8vw,84px);line-height:1.03;letter-spacing:-4px}h1 span{background:linear-gradient(90deg,#08e9f4,#06b8ff,#2973ff);background-clip:text;color:transparent}.hero p{margin:0;max-width:710px;font-size:17px;line-height:1.65;color:#bad0e9}.hero-meta{display:flex;gap:23px;align-items:center;flex-wrap:wrap;margin-top:24px;font:10px var(--mono);letter-spacing:1.2px;color:#87a5c5}.hero-meta>span{display:flex;align-items:center;gap:8px}.online-dot{height:8px;width:8px;display:inline-block;border-radius:50%;background:#b6a349;box-shadow:0 0 10px #edbd3e55}.online-dot.ok{background:#2aebc2;box-shadow:0 0 10px #1aead466}.online-dot.fail{background:#f18b8b;box-shadow:0 0 10px #f18b8b66}
.dashboard{display:grid;grid-template-columns:minmax(390px,.95fr) minmax(0,1.05fr);gap:23px;padding-top:26px;align-items:stretch}.panel{border:1px solid #3085d665;border-radius:16px;background:linear-gradient(145deg,#04162df2,#030e21f3);box-shadow:0 15px 35px #0003}.primary-panel{padding:25px;display:flex;flex-direction:column}.panel-top,.summary-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.section-label{display:block;color:#79b1e1;font:10px/1.6 var(--mono);letter-spacing:1.8px;margin-bottom:5px}.panel-top h2,.summary-heading h2,.history-heading h2{font-size:24px;letter-spacing:-.5px;margin:0}.panel-pill,.result-tag{font:10px var(--mono);letter-spacing:1.2px;border:1px solid #1b8ac870;background:#042445;color:#8de1ff;padding:8px 10px;border-radius:40px;white-space:nowrap}.panel-pill.running{color:#1afae5;border-color:#18bff277}.panel-pill.error{color:#ffc293;border-color:#f7ac6388}
.speedometer{position:relative;width:100%;max-width:500px;align-self:center;margin:0 auto -10px}.speedometer svg{width:100%;height:auto;display:block;overflow:visible}.arc-base{stroke:#0f3559;stroke-width:17;stroke-linecap:round;fill:none}.arc-active,.arc-glow{stroke:url(#arcColor);stroke-width:17;stroke-linecap:round;fill:none;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .28s ease}.arc-glow{stroke-width:24;opacity:.3;filter:url(#arcGlow)}#ticks{fill:#6c99c6;font:11px var(--mono);letter-spacing:0}#needle{transition:transform .32s ease}.gauge-reading{position:absolute;top:42%;left:50%;transform:translate(-50%,-3%);display:flex;align-items:center;flex-direction:column;width:100%;text-align:center;pointer-events:none}.gauge-label{font:10px var(--mono);letter-spacing:1.4px;color:#88b6db}.gauge-numbers{display:flex;align-items:baseline;gap:8px;justify-content:center}.gauge-numbers strong{font-size:clamp(43px,4.8vw,72px);letter-spacing:-3px;font-weight:800;line-height:1.15;font-variant-numeric:tabular-nums}.gauge-numbers span{font-size:14px;color:#9dc7ec}.gauge-note{font-size:12px;color:#7fa2c4}
.test-controls{display:grid;grid-template-columns:auto minmax(0,1fr);gap:15px;align-items:center;margin-top:auto;padding:12px 0 15px}.test-controls label{font:10px var(--mono);color:#91b5d9;letter-spacing:1.3px}.test-controls select{appearance:none;min-height:42px;color:#e4f4ff;border:1px solid #377cbd80;border-radius:9px;padding:0 34px 0 13px;background:#05162d url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%239dccff" stroke-width="2"%3E%3Cpath d="m6 9 6 6 6-6"/%3E%3C/svg%3E') right 12px center/16px no-repeat;font-size:13px}.primary-actions{display:flex;gap:10px}.primary-button{min-height:62px;flex:1;display:flex;gap:12px;align-items:center;justify-content:center;color:white;font-size:16px;font-weight:800;border:1px solid #0bcdf8;background:linear-gradient(100deg,#02ccea,#108af6,#1862e6);border-radius:12px;box-shadow:0 8px 26px #0786f32c}.primary-button:hover:enabled{filter:brightness(1.12)}.primary-button svg{height:20px;width:20px;stroke:currentColor;fill:none;stroke-width:2}.button-arrow{margin-left:auto;font-size:18px}.outline-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid #3883c56e;background:#020b1d;color:#d9eafc;border-radius:10px;padding:12px 18px;font-size:13px;font-weight:700}.outline-button:hover:enabled{border-color:#52caff;background:#08203a}.stage-status{margin-top:18px}.progress-track{height:7px;background:#0d2c4e;border-radius:30px;overflow:hidden}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#1972ff,#00e7ff);border-radius:30px;transition:width .15s}.stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#93b4d5;font-size:12px;line-height:1.5;margin-top:10px}.stage-bottom span:last-child{font:10px var(--mono)}
.metrics-side{display:flex;flex-direction:column;gap:16px;min-width:0}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.metric{min-height:176px;padding:20px 21px;position:relative;overflow:hidden}.metric:after{content:'';pointer-events:none;position:absolute;right:-30px;bottom:-64px;height:160px;width:160px;background:radial-gradient(circle,#147efa1d,transparent 70%)}.metric-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;color:#9dc2e6;font:10px var(--mono);letter-spacing:1.5px}.metric-icon{height:38px;width:38px;display:grid;place-items:center;border:1px solid #229ade66;background:#09244388;border-radius:10px}.metric-icon svg{width:21px;height:21px;stroke:#17dfff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.metric-number{margin-top:12px;display:flex;gap:8px;align-items:baseline}.metric-number strong{font-size:clamp(32px,3.15vw,50px);letter-spacing:-2px;font-variant-numeric:tabular-nums}.metric-number small{font-size:13px;color:#91c2e9}.metric-hint{color:#789ec4;font-size:12px;margin-top:4px}.chart-panel{padding:21px 21px 16px;flex:1;min-height:235px}.chart-header,.chart-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.chart-header h3{margin:0;font-size:18px}.chart-header>span{font:10px var(--mono);color:#22c8ff;letter-spacing:1.2px}.chart-panel svg{width:100%;height:145px;display:block;overflow:visible;margin:10px 0}.grid-lines path{stroke:#347cb833;stroke-width:1;fill:none}.chart-bottom{font:10px var(--mono);letter-spacing:.7px;color:#6d97bc}
.results-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.85fr);gap:18px;padding-top:20px}.summary-panel,.server-panel{padding:23px}.summary-panel p{color:#a7c1df;line-height:1.65;min-height:48px;margin:18px 0}.summary-actions{display:flex;flex-wrap:wrap;gap:10px}.server-panel h3{margin:6px 0 13px;font-size:21px}.server-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #2870b72c;font-size:12px}.server-row span{color:#89a9c9}.server-row strong{font-weight:600;overflow-wrap:anywhere;text-align:right}
.section-info{margin-top:48px}.info-heading{max-width:850px}.info-heading h2{font-size:clamp(27px,3vw,39px);letter-spacing:-1px;margin:0 0 10px}.info-heading p{margin:0 0 20px;color:#a3bfd9;line-height:1.7}.info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.info-card{padding:22px;border:1px solid #3085d650;border-radius:15px;background:#061427dd}.info-num{color:#0adfff;font:12px var(--mono)}.info-card h3{margin:18px 0 10px;font-size:20px}.info-card p{margin:0;color:#8eafd0;line-height:1.7;font-size:13px}.disclaimer{margin-top:20px;padding:16px 18px;border:1px solid #3d81bc55;border-radius:11px;background:#06213b77;color:#accbe4;line-height:1.7;font-size:13px}.disclaimer strong{color:#e2f4ff}
.history-section{margin-top:43px}.history-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.text-button{background:none;border:0;color:#70d7ff;font-size:12px;padding:10px 0}.text-button:hover{text-decoration:underline}.history-table-wrap{border:1px solid #3085d655;border-radius:14px;overflow:auto;background:#041327c7}table{width:100%;border-collapse:collapse;text-align:left;min-width:630px}th,td{padding:15px 17px;border-bottom:1px solid #2870b72e}th{color:#6da6ce;font:10px var(--mono);letter-spacing:1px}td{font-size:13px;color:#d5e8f8;font-variant-numeric:tabular-nums}tbody tr:last-child td{border:0}.empty-history{text-align:center;color:#7b9bb9;padding:28px}.history-note{font-size:11px;color:#7694b3;line-height:1.6}.footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:39px;padding:17px 4px;border-top:1px solid #3085d62e;color:#6c90b4;font:10px var(--mono);letter-spacing:1.2px}.footer a{color:#b2dfff}.toast{position:fixed;z-index:10;bottom:22px;left:50%;transform:translate(-50%,20px);padding:12px 18px;border:1px solid #1ca5d9;border-radius:10px;color:#ecfbff;background:#07354d;opacity:0;pointer-events:none;box-shadow:0 15px 30px #0007;transition:all .2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1280px){.dashboard{grid-template-columns:1fr}.primary-panel{max-width:100%}.speedometer{max-width:540px}.gauge-numbers strong{font-size:68px}.metrics-side{display:grid;grid-template-columns:1fr 1fr}.metric-grid{gap:13px}.chart-panel{min-height:100%}.chart-panel svg{height:250px}.nav{gap:10px;letter-spacing:1px}}@media(max-width:950px){.header{flex-wrap:wrap}.nav{order:3;width:100%;padding-bottom:10px}.results-row{grid-template-columns:1fr}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.metrics-side{grid-template-columns:1fr}.chart-panel svg{height:160px}}@media(max-width:620px){.shell{padding:10px 13px}.brand img{width:43px;height:43px}.brand>span:first-of-type{font-size:27px}.brand-suffix{font-size:9px}.header-link{padding:10px}.header-link span{display:none}.nav{gap:7px;font-size:9px;letter-spacing:.5px}.hero{padding:45px 4px 36px;min-height:0}.hero-art{inset:-50px -55vw 0 -10vw;opacity:.45}.hero:after{background:linear-gradient(90deg,#030916f2,#030916aa)}h1{font-size:clamp(40px,10vw,60px);letter-spacing:-2px}.hero p{font-size:14px}.hero-meta{font-size:9px}.dashboard{padding-top:15px;gap:14px}.primary-panel{padding:15px}.panel-top h2{font-size:21px}.speedometer{max-width:430px}.gauge-numbers strong{font-size:clamp(38px,12vw,65px)}.gauge-reading{top:42%}.gauge-label,.gauge-note{font-size:10px}.test-controls{grid-template-columns:1fr;gap:7px}.metric-grid{gap:11px}.metric{min-height:150px;padding:15px}.metric-number strong{font-size:clamp(26px,8.5vw,42px)}.metric-hint{font-size:10px}.metric-icon{height:31px;width:31px}.metric-icon svg{height:18px;width:18px}.chart-panel{padding:16px}.summary-panel,.server-panel{padding:17px}.result-tag{font-size:9px}.info-grid{grid-template-columns:1fr}.footer span:nth-child(2){display:none}.history-heading h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}