:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;font-weight:400;font-size:14px;color-scheme:dark;--background: #0c121c;--surface: #131d2a;--surface-raised: #1a2738;--text: #e6edf7;--text-secondary: #bdcadd;--blue: #72a9ff;--green: #47d6b1;--muted: #96a6bc;--border: #283548;--purple: #b49aee;background:var(--background);color:var(--text)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.48}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #81aef3}input:focus,select:focus{outline:2px solid #afcdf9;border-color:#5b95ed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button{color:inherit}svg{flex-shrink:0}input,select{min-width:0}input[type=checkbox]{accent-color:var(--blue);width:16px;height:16px}::selection{background:var(--surface-raised)}.header{height:80px;background:#0c121ceb;position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.header-inner{max-width:1240px;padding:0 36px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:40px;height:40px;border-radius:12px;background:var(--blue);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 9px #236ee820}.brand strong{font-size:17px;font-weight:650;letter-spacing:.2px}.brand-divider{color:var(--muted);margin:0 12px;font-weight:300}.brand small{display:block;letter-spacing:2.6px;font-size:8px;color:var(--muted);margin-top:5px}.header-actions{display:flex;align-items:center;gap:20px}.header-node{font-size:12px;color:var(--muted);display:flex;gap:7px;align-items:center}.status-dot{width:6px;height:6px;border-radius:50%;background:#21b995;display:inline-block;box-shadow:0 0 0 3px #21b9950d}.ghost{display:flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:8px;padding:8px 12px;background:var(--surface-raised);font-size:12px}.ghost:hover{background:var(--surface-raised)}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--muted);padding:6px;border-radius:6px}.icon-button:hover{background:var(--surface-raised);color:var(--blue)}.page{max-width:1240px;padding:43px 36px 0;margin:auto}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px}.eyebrow{display:flex;align-items:center;gap:7px;letter-spacing:1px;font-size:11px;color:var(--muted);margin-bottom:12px}.eyebrow span{height:4px;width:4px;border-radius:2px;background:var(--blue)}h1{font-size:32px;letter-spacing:-1px;line-height:1.4;font-weight:660;color:var(--text)}.title-dot{color:var(--blue);margin-left:3px}.hero p{margin-top:10px;color:var(--muted);font-size:13px}.hero-tag{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:11px;margin-top:28px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:24px}.main-column{min-width:0}.panel{background:var(--surface-raised);border:1px solid var(--border);border-radius:14px;box-shadow:0 3px 10px #28395002}.mode-tabs{display:flex;gap:22px;align-items:stretch;height:42px;margin-bottom:14px}.mode-tabs>button{background:transparent;display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;border-bottom:2px solid transparent;padding:0 2px 13px;color:var(--muted)}.mode-tabs>button.selected{color:var(--blue);border-bottom-color:var(--blue)}.tab-label{font-size:10px;background:var(--surface-raised);padding:3px 6px;border-radius:4px;font-weight:500}.tab-lock{margin-left:3px;color:var(--muted)}.test-card{overflow:hidden}.card-top{display:flex;justify-content:space-between;align-items:center;margin:21px 24px 0}.node-caption{display:flex;align-items:center;gap:8px;font-size:11px}.node-caption strong{font-weight:550;color:var(--text-secondary)}.subtle-badge{font-size:10px;color:var(--muted);background:var(--surface-raised);border:1px solid var(--border);border-radius:5px;padding:4px 8px}.test-display{padding:13px 50px 8px;display:flex;align-items:center;justify-content:center;gap:48px;min-height:232px}.speed-orbit{width:215px;height:215px;border-radius:50%;position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#182943 0,var(--surface) 70%)}.speed-orbit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 225deg,#243854 0deg,#4278c8 150deg,#76afff 270deg,transparent 270deg);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);opacity:.65}.speed-orbit:after{content:"";position:absolute;top:11px;right:11px;bottom:11px;left:11px;border-radius:50%;border:1px solid var(--border)}.orbit-dots{position:absolute;top:22px;right:22px;bottom:22px;left:22px;border-radius:50%;border:1px dashed var(--border)}.running:before{opacity:1;animation:breathe 2s ease-in-out infinite}.speed-content{text-align:center;z-index:1}.speed-label{font-size:11px;color:var(--muted)}.speed-value{font-size:65px;line-height:1.25;letter-spacing:-3px;font-weight:560;color:var(--text);font-variant-numeric:tabular-nums;margin-top:5px}.speed-unit{font-size:12px;color:var(--muted);letter-spacing:1px}.direction-stats{display:flex;flex-direction:column;gap:25px;padding-bottom:7px;min-width:190px}.direction-stat{display:flex;align-items:center;gap:14px}.metric-icon{height:38px;width:38px;border-radius:11px;display:flex;align-items:center;justify-content:center}.metric-icon.blue{background:var(--surface-raised);color:var(--blue)}.metric-icon.green{background:var(--surface-raised);color:var(--green)}.direction-stat label{font-size:10px;letter-spacing:.6px;color:var(--muted);display:block;margin-bottom:5px}.direction-stat strong{font-weight:600;font-size:26px;line-height:1;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.direction-stat strong small{margin-left:8px;font-size:10px;font-weight:400;color:var(--muted);letter-spacing:0}.small-caption{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;white-space:nowrap}.test-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 24px}.direction-choice{display:flex;padding:4px;border-radius:8px;background:var(--surface-raised);gap:1px}.direction-choice button{background:transparent;padding:8px 12px;border-radius:5px;font-size:11px;white-space:nowrap;color:var(--muted)}.direction-choice button.active{background:var(--surface-raised);color:var(--text-secondary);box-shadow:0 1px 5px #2334530c}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--blue);color:#fff;border-radius:8px;padding:12px 22px;font-weight:550;font-size:13px;box-shadow:0 4px 10px #236ee821;transition:background .15s}.primary:hover{background:#165fd7}.start-button{min-width:158px;height:42px}.stop-button{background:#45546b}.stop-button:hover{background:#34435a}.test-status{min-height:47px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:var(--muted);padding:12px 22px 16px;text-align:center}.dot-separator{margin:0 8px;color:var(--muted)}.progress-track{height:3px;background:var(--surface-raised)}.progress-track>div{height:100%;background:linear-gradient(90deg,#2388ee,#20bca6);transition:width .5s}.latency-row{padding:20px 25px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--surface-raised);border-top:1px solid var(--border);gap:15px}.latency-row>div{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.latency-row label{font-size:10px;color:var(--muted)}.latency-row strong{display:block;width:100%;padding-left:10px;font-size:20px;font-weight:550;color:var(--text-secondary);font-variant-numeric:tabular-nums;margin-top:2px}.latency-row strong small{font-size:10px;margin-left:5px;color:var(--muted);font-weight:400}.tiny-dot{width:4px;height:4px;border-radius:50%;background:#b2becc}.tiny-dot.blue,i.blue{background:var(--blue)}.tiny-dot.green,i.green{background:var(--green)}.tiny-dot.purple,i.purple{background:var(--purple)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-head h2{font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px}.section-head h2 svg{color:var(--muted)}.chart-panel{margin-top:18px;padding:19px 23px 14px}.mini-tabs{padding:3px;background:var(--surface-raised);border-radius:6px;display:flex}.mini-tabs button{padding:4px 10px;font-size:10px;color:var(--muted);background:transparent;border-radius:4px}.mini-tabs button.active{background:var(--surface-raised);color:#8bb5fa;box-shadow:0 1px 3px #00000008}.chart{position:relative;height:174px;padding:16px 0 20px 34px}.chart svg{width:100%;height:138px;overflow:visible}.chart-axis{position:absolute;left:0;top:16px;height:138px;display:flex;justify-content:space-between;flex-direction:column;font-size:8px;color:var(--muted)}.chart-axis span:first-child{white-space:nowrap;max-width:40px;line-height:1.5}.chart-times{font-size:9px;display:flex;justify-content:space-between;color:var(--muted);margin-top:6px}.chart-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:11px;white-space:nowrap;color:var(--muted)}.chart-footer{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:11px;padding-top:12px;border-top:1px solid var(--border);gap:10px}.legend{display:flex;gap:15px}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:5px;height:5px;border-radius:50%}.side-column{padding-top:56px;display:flex;flex-direction:column;gap:19px}.network-card{padding:22px}.live-badge{color:var(--green);letter-spacing:1px;font-size:8px;font-weight:600;background:var(--surface-raised);border-radius:3px;padding:3px 5px}.ip-label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;margin-top:19px}.ip-value{font-variant-numeric:tabular-nums;font-size:19px;letter-spacing:.8px;font-weight:550;margin-top:3px;word-break:break-all;line-height:1.5;color:var(--text-secondary)}.ip-badge{display:inline-block;font-size:9px;color:var(--muted);padding:3px 6px;background:var(--surface-raised);border-radius:4px;margin-top:8px}.network-divider{height:1px;background:var(--border);margin:19px 0}.info-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin:15px 0}.info-row span{display:flex;align-items:center;gap:7px;color:var(--muted)}.info-row strong{font-weight:500;color:var(--muted)}.info-row strong.text-green{color:var(--green)}.note{font-size:10px;line-height:1.8;color:var(--muted);margin-top:17px}.diagnostics{padding:21px}.diagnostics a{display:flex;align-items:center;gap:12px;margin-top:21px}.diagnostics a>svg{margin-left:auto;color:var(--muted)}.diagnostics a strong{display:block;font-size:12px;font-weight:550;margin-bottom:6px}.diagnostics a small{font-size:10px;color:var(--muted);display:block}.diagnostic-icon{height:38px;width:38px;background:var(--surface-raised);color:#8bb5fa;border-radius:10px;display:flex;align-items:center;justify-content:center}.diagnostic-icon.purple{background:var(--surface-raised);color:#8bb5fa}.diagnostics a:hover strong{color:var(--blue)}.tips-card{padding:20px 21px;border-radius:12px;background:var(--surface-raised);border:1px solid var(--border);color:var(--muted)}.tips-symbol{color:#8bb5fa}.tips-card h3{font-size:12px;color:var(--muted);font-weight:600;margin:10px 0}.tips-card p{font-size:11px;line-height:1.9}.tip-rule{height:1px;background:var(--surface-raised);margin:14px 0}.tips-card p.small{font-size:10px;color:var(--muted)}.privacy-note{display:flex;justify-content:center;align-items:center;gap:10px;color:var(--muted);font-size:10px;line-height:1.8;margin-top:2px}.privacy-note svg{color:var(--muted)}.advanced-panel{margin-top:18px}.advanced-toggle{background:transparent;width:100%;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.advanced-toggle>span{display:flex;align-items:center;gap:8px}.advanced-toggle>span:last-child{color:var(--muted);font-size:10px}.rotate{transform:rotate(180deg)}.advanced-body{border-top:1px solid var(--border);padding:22px}.check-line{display:flex;align-items:center;gap:10px;cursor:pointer;margin-bottom:18px}.check-line strong{font-size:12px;font-weight:550}.check-line small{display:block;margin-top:6px;font-size:11px;color:var(--muted)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px}.field-grid label,.stack label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:9px}.field-grid small,.field-hint{font-size:10px;line-height:1.8;color:var(--muted)}.field-hint{margin-top:17px}input:not([type=checkbox]),select{border:1px solid var(--border);border-radius:7px;background:var(--surface-raised);padding:10px 12px;color:var(--text-secondary);min-height:39px;width:100%;font-size:12px}input::placeholder{color:var(--muted)}.inline-notice{margin:14px 0;display:flex;align-items:flex-start;gap:9px;background:var(--surface-raised);border:1px solid var(--border);border-radius:9px;color:#8bb5fa;padding:13px 15px;font-size:11px;line-height:1.8}.inline-notice svg{margin-top:2px}.inline-notice button{display:flex;align-items:center;gap:3px;white-space:nowrap;background:transparent;color:var(--blue);margin-left:auto;font-size:11px}.inline-notice.error,.error-message{background:var(--surface-raised);border-color:var(--border);color:#f1aaa2}.inline-notice.success{background:var(--surface-raised);color:var(--green);border-color:var(--border)}.result-panel{margin-top:18px;padding:23px}.result-panel p{font-size:12px;line-height:1.9;color:var(--muted);margin:17px 0}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:19px 0}.result-grid>div{font-size:10px;color:var(--muted)}.result-grid strong{display:block;font-size:18px;font-weight:550;color:var(--text-secondary);margin-top:8px}.result-panel>small{font-size:10px;line-height:1.8;color:var(--muted)}.media-rack{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.media-preview,.media-rack .video-js{width:48px!important;height:28px!important;overflow:hidden;border-radius:4px;pointer-events:none}.media-preview video{max-width:100%;height:100%}.media-rack:empty{display:none}footer{padding:28px 0;margin-top:30px;border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:10px;color:var(--muted);letter-spacing:.2px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b2e4c66;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.modal{width:420px;max-height:calc(100dvh - 40px);overflow-y:auto;background:var(--surface-raised);border-radius:16px;padding:25px;box-shadow:0 20px 80px #1b2e4c24}.modal.wide{width:780px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.modal-head h2{font-size:17px;font-weight:600}.modal-symbol{background:var(--surface-raised);color:var(--blue);width:58px;height:58px;display:flex;justify-content:center;align-items:center;border-radius:16px;margin:8px auto 19px}.muted{color:var(--muted);line-height:1.9;font-size:12px}.small{font-size:11px}.stack{display:flex;flex-direction:column;gap:19px;margin-top:23px}.full{width:100%}.error-message{padding:12px;border-radius:7px;font-size:12px;line-height:1.7}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.loading-screen h1{font-size:23px}.spin{animation:spin 1s linear infinite}.admin-page{padding-top:28px}.admin-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.back-button{background:transparent;padding:0;color:var(--muted);font-size:12px;margin-bottom:15px}.admin-title h1{font-size:28px}.admin-title p{font-size:12px;color:var(--muted);margin-top:9px}.admin-badge{display:flex;align-items:center;gap:7px;padding:9px 12px;background:var(--surface-raised);color:#8bb5fa;border-radius:7px;font-size:11px}.admin-tabs{display:flex;gap:26px;border-bottom:1px solid var(--border);margin-bottom:24px}.admin-tabs button{display:flex;align-items:center;gap:8px;background:transparent;color:var(--muted);padding:12px 1px 15px;border-bottom:2px solid transparent}.admin-tabs button.selected{color:var(--blue);border-color:var(--blue)}.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:24px}.admin-metrics .panel{padding:23px}.admin-metrics span{font-size:11px;color:var(--muted)}.admin-metrics strong{display:block;margin-top:14px;font-size:24px;font-weight:550;color:var(--text-secondary)}.admin-metrics small{font-size:10px;color:var(--muted);margin-left:8px}.records-panel{padding:20px;overflow:hidden}.record-filters{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.record-filters select{width:148px}.record-filters input{flex:1;min-width:120px}.secondary{background:var(--surface-raised);border:1px solid var(--border);border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;font-size:11px;color:var(--muted);white-space:nowrap}.secondary:hover{background:var(--surface-raised)}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap;text-align:left}th{font-size:10px;font-weight:500;color:var(--muted);background:var(--surface-raised);padding:13px 12px;border-bottom:1px solid var(--border)}td{padding:16px 12px;border-bottom:1px solid var(--border);color:var(--muted)}td small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.mono{font-family:ui-monospace,monospace}.record-status{font-size:10px;padding:4px 6px;background:var(--surface-raised);color:var(--muted);border-radius:4px}.record-status.completed{background:var(--surface-raised);color:var(--green)}.record-status.failed,.record-status.interrupted{background:var(--surface-raised);color:#f1aaa2}.record-status.running{background:var(--surface-raised);color:#8bb5fa}.empty-records{padding:60px 20px;display:flex;align-items:center;flex-direction:column;gap:13px;color:var(--muted)}.empty-records strong{font-size:14px;color:var(--muted);font-weight:500}.empty-records p{font-size:11px}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:10px;color:var(--muted)}.pagination>div{display:flex;align-items:center;gap:10px}.pagination button{font-size:10px;background:var(--surface-raised);border-radius:4px;padding:7px;color:var(--muted)}.records-panel+.muted{margin:18px 0}.settings-form{padding-bottom:30px}.settings-form>.panel{padding:25px;margin-bottom:20px}.settings-form .section-head{margin-bottom:25px}.switch-label{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.config-note{display:flex;gap:8px;background:var(--surface-raised);border-radius:8px;padding:14px;margin-top:24px;font-size:11px;color:var(--muted);line-height:1.8}.config-note svg{margin-top:2px}.settings-links{display:flex;align-items:center;justify-content:space-between;margin-top:17px}.settings-links a{font-size:11px;display:flex;align-items:center;gap:6px;color:#8bb5fa}.save-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0}.save-bar>span{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.detail-meta{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin:18px 0}.chart-subtitle{font-size:11px;color:var(--muted);margin-top:24px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{filter:brightness(1.25);opacity:.65}}@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.page{padding-left:25px;padding-right:25px}.test-display{padding:17px 20px;gap:25px}.speed-orbit{width:185px;height:185px}.speed-value{font-size:55px}.direction-stats{min-width:140px}.direction-stat strong{font-size:22px}.test-controls{gap:12px}.direction-choice button{padding:8px}.start-button{min-width:130px}.network-card,.diagnostics{padding:18px}.hero h1{font-size:29px}.latency-row{padding:18px;gap:10px}}@media(max-width:800px){.header{height:69px}.header-inner{padding:0 20px}.header-node{display:none}.header-actions{gap:10px}.brand strong{font-size:15px}.brand-divider{margin:0 8px}.brand-mark{width:35px;height:35px;border-radius:10px}.brand small{font-size:7px;letter-spacing:2px}.page{padding:28px 20px 0}.hero h1{font-size:28px}.hero-tag{display:none}.hero{margin-bottom:25px}.workspace{grid-template-columns:1fr}.side-column{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:17px}.tips-card{grid-column:1/-1}.privacy-note{grid-column:1/-1;margin:5px 0}.test-display{gap:45px;padding:18px 35px}.speed-orbit{width:215px;height:215px}.direction-stats{min-width:180px}.test-controls{gap:20px}.start-button{min-width:160px}.direction-choice button{padding:8px 14px}.latency-row{padding:20px 25px}.admin-metrics{grid-template-columns:repeat(2,1fr)}.record-filters select{width:calc(50% - 5px)}.admin-title h1{font-size:25px}.admin-title{gap:10px}.admin-badge{white-space:nowrap}.field-grid{gap:17px}.save-bar>span{max-width:60%;line-height:1.7}.settings-form>.panel{padding:22px}}@media(max-width:520px){.header-inner{padding:0 16px}.brand{gap:9px}.brand strong{font-size:13px}.brand-divider{margin:0 6px}.brand-mark{height:32px;width:32px}.brand small{font-size:6px;letter-spacing:1.7px}.ghost{padding:8px;border:0;background:transparent}.ghost span{font-size:11px}.header-actions{gap:2px}.page{padding:26px 15px 0}.hero h1{font-size:25px;letter-spacing:-.7px}.hero p{font-size:11px;line-height:1.8;margin-top:8px}.eyebrow{font-size:9px;margin-bottom:9px;letter-spacing:.5px}.hero{margin-bottom:23px}.mode-tabs{gap:23px;height:39px;margin-bottom:13px}.mode-tabs>button{font-size:12px;gap:6px;padding-bottom:12px}.mode-tabs svg{width:16px}.tab-label{font-size:8px}.panel{border-radius:12px}.card-top{margin:17px 16px 0}.node-caption{font-size:10px;gap:6px}.subtle-badge{font-size:8px;padding:4px 6px}.test-display{gap:17px;padding:15px 12px 9px;min-height:200px}.speed-orbit{width:178px;height:178px}.speed-orbit:before{mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0)}.speed-orbit:after{top:9px;right:9px;bottom:9px;left:9px}.orbit-dots{top:18px;right:18px;bottom:18px;left:18px}.speed-label{font-size:9px}.speed-value{font-size:49px;letter-spacing:-2px}.speed-unit{font-size:10px}.direction-stats{min-width:116px;gap:19px}.direction-stat{gap:8px}.metric-icon{width:29px;height:29px;border-radius:9px}.metric-icon svg{width:17px}.direction-stat label{font-size:8px;letter-spacing:0}.direction-stat strong{font-size:22px}.direction-stat strong small{font-size:8px;margin-left:5px}.small-caption{font-size:8px;gap:4px}.small-caption svg{width:11px}.test-controls{flex-direction:column;gap:14px;margin:0 20px}.direction-choice{width:100%;justify-content:space-between}.direction-choice button{flex:1;font-size:10px;padding:8px 6px}.start-button{width:100%;height:43px}.test-status{font-size:9px;min-height:45px;padding:12px 10px 16px;flex-wrap:wrap;gap:4px}.latency-row{padding:17px 13px;gap:7px}.latency-row>div{gap:4px}.latency-row label{font-size:8px;white-space:nowrap}.latency-row strong{font-size:17px;padding-left:7px}.latency-row strong small{font-size:9px;margin-left:3px}.chart-panel{margin-top:15px;padding:17px 16px 13px}.section-head h2{font-size:12px}.chart{height:156px;padding-left:27px}.chart svg{height:120px}.chart-axis{height:120px;font-size:7px}.chart-empty{font-size:9px}.chart-times{font-size:8px}.chart-footer{font-size:8px;gap:4px}.chart-footer .dot-separator{margin:0 5px}.advanced-panel{margin-top:15px}.advanced-toggle{padding:17px}.advanced-toggle>span:first-child{font-size:11px}.advanced-toggle>span:last-child{font-size:9px}.side-column{grid-template-columns:1fr;gap:15px}.network-card{padding:20px}.network-card .ip-value{font-size:21px}.info-row{font-size:11px}.network-divider{margin:17px 0}.network-card .note{font-size:10px}.diagnostics{padding:20px}.diagnostics a{margin-top:20px}.tips-card{padding:20px}.privacy-note{padding-top:3px}.field-grid{grid-template-columns:1fr}.advanced-body .field-grid{grid-template-columns:1fr 1fr;gap:12px}.result-grid{grid-template-columns:1fr 1fr}.result-grid strong{font-size:16px}.inline-notice{font-size:10px;padding:12px}.modal{padding:22px}.modal-backdrop{padding:15px}.modal-head h2{font-size:16px}footer{padding:22px 0;margin-top:22px;flex-direction:column;gap:9px;text-align:center;font-size:9px}.admin-title h1{font-size:24px}.admin-title p{font-size:10px}.admin-tabs{gap:22px}.admin-tabs button{font-size:12px}.admin-metrics{gap:12px}.admin-metrics .panel{padding:17px}.admin-metrics strong{font-size:22px}.admin-metrics span{font-size:10px}.records-panel{padding:15px}.record-filters{gap:8px}.record-filters select{width:calc(50% - 4px);font-size:10px}.record-filters input{font-size:11px;min-width:90px}.record-filters .secondary{padding:8px;font-size:10px}.record-filters .secondary:last-child{width:100%}.settings-form>.panel{padding:19px}.settings-form .section-head{gap:8px}.settings-form .section-head h2{font-size:12px}.settings-form .section-head span{font-size:9px}.switch-label{font-size:10px}.save-bar{align-items:flex-end}.save-bar .primary{padding:11px 15px;white-space:nowrap}.save-bar>span{font-size:9px}.settings-links{gap:12px}.settings-links a{font-size:10px}.pagination{font-size:9px}.detail-meta{font-size:10px}.result-panel{padding:19px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.panel,.modal{background:var(--surface);border-color:var(--border);box-shadow:0 8px 30px #00000012}.brand-mark,.primary{background:#3679e8;color:#fff}.primary:hover{background:#4a8af4}.ghost:hover,.secondary:hover,.icon-button:hover{background:#22334a}.ghost,.secondary{border-color:var(--border)}input:not([type=checkbox]),select{background:#0f1926;color:var(--text)}input::placeholder{color:#7e8da4}input:focus,select:focus{outline-color:#315782}.direction-choice,.mini-tabs,.latency-row,th{background:#101a27}.direction-choice button.active,.mini-tabs button.active{background:#283b55;color:#e3edff;box-shadow:none}.metric-icon.blue,.diagnostic-icon,.modal-symbol,.tab-label,.admin-badge{background:#1c3150;color:#8bb8ff}.metric-icon.green,.live-badge{background:#15352f;color:var(--green)}.diagnostic-icon.purple{background:#302a47;color:#c1a9f3}.speed-value,.direction-stat strong,.latency-row strong,.ip-value,.admin-metrics strong,.result-grid strong{color:var(--text)}.tips-card,.config-note{background:#132235;border-color:#283d57;color:var(--text-secondary)}.tips-card h3{color:#c8ddfb}.tip-rule{background:var(--border)}.inline-notice{background:#162a44;border-color:#2a4467;color:#b8d3fa}.inline-notice.error,.error-message{background:#36242b;border-color:#69404a;color:#f3b1aa}.inline-notice.success{background:#15342d;border-color:#285647;color:#90dec2}.record-status{background:#233146;color:#b7c8df}.record-status.completed{background:#183b31;color:#86d9b9}.record-status.failed,.record-status.interrupted{background:#3b2930;color:#eda8a2}.record-status.running{background:#203b60;color:#a9ceff}.modal-backdrop{background:#030811b8}::selection{background:#284e81;color:#fff}html{scroll-padding-top:80px}.header{height:60px}.header-inner,.page{max-width:1360px}.header-inner{padding:0 28px}.brand-mark{width:34px;height:34px;border-radius:10px}.brand strong{font-size:15px}.brand small{font-size:7px;margin-top:3px}.page{padding:20px 28px 0}.hero{margin-bottom:18px}.hero h1{font-size:26px;letter-spacing:-.6px}.eyebrow{margin-bottom:6px;font-size:10px}.hero p{margin-top:5px;font-size:12px}.hero-tag{margin-top:18px}.workspace{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.mode-tabs{height:33px;margin-bottom:10px}.mode-tabs>button{padding-bottom:9px}.card-top{margin:13px 18px 0}.test-display{min-height:170px;padding:4px 18px;gap:30px}.speed-orbit{width:154px;height:154px}.speed-value{font-size:47px;letter-spacing:-2px;margin-top:3px}.speed-label,.speed-unit{font-size:10px}.orbit-dots{top:19px;right:19px;bottom:19px;left:19px}.direction-stats{gap:16px;min-width:170px;padding-bottom:0}.direction-stat{gap:10px}.direction-stat strong{font-size:25px}.metric-icon{width:33px;height:33px}.test-status{min-height:35px;padding:8px 16px;font-size:10px;line-height:1.6}.latency-row{padding:11px 20px;gap:12px}.latency-row strong{font-size:20px}.chart-panel{margin-top:13px;padding:13px 18px 10px}.chart{height:111px;padding:12px 0 20px 44px}.chart svg,.chart-axis{height:77px}.chart-axis{top:12px;font-size:9px}.chart-axis span:first-child{max-width:46px}.chart-times{font-size:10px;margin-top:4px}.chart-footer{margin-top:9px;padding-top:9px;font-size:10px;border-color:var(--border)}.chart-empty{color:#94a7c3}.side-column{padding-top:43px;gap:13px}.network-card,.diagnostics{padding:17px}.ip-label{margin-top:12px;font-size:11px}.ip-value{font-size:18px}.ip-badge{margin-top:5px}.network-divider{margin:12px 0}.info-row{margin:12px 0;font-size:11px}.note{margin-top:12px;font-size:11px;line-height:1.7}.diagnostics a{margin-top:15px}.diagnostics a small{font-size:11px}.diagnostics a strong{margin-bottom:4px}.tips-card{padding:16px 17px}.tips-card p,.tips-card p.small{font-size:11px;line-height:1.7}.tips-card h3{margin:7px 0}.advanced-panel{margin-top:12px}.advanced-toggle{padding:13px 18px}footer{margin-top:22px;padding:18px 0}@media(min-width:1001px){.test-card{display:grid;grid-template-columns:minmax(0,1fr) 220px;grid-template-rows:auto 105px 65px auto auto}.card-top{grid-column:1/-1;grid-row:1}.test-display{grid-column:1;grid-row:2/4}.test-controls{grid-column:2;grid-row:2;flex-direction:column;gap:10px;align-self:end;margin:0 18px 0 0}.direction-choice{width:100%}.direction-choice button{flex:1;padding:7px 6px;font-size:11px}.start-button{width:100%;height:39px}.test-status{grid-column:2;grid-row:3;align-self:start;flex-wrap:wrap;gap:3px;padding:9px 18px 0 0}.test-status{display:block}.test-status svg{vertical-align:middle;margin-right:4px}.test-status .dot-separator{display:inline;margin:0 3px}.progress-track{grid-column:1/-1;grid-row:4}.latency-row{grid-column:1/-1;grid-row:5}}@media(max-width:1000px){.workspace{grid-template-columns:1fr}.side-column{padding-top:0;display:grid;grid-template-columns:1fr 1fr}.tips-card,.privacy-note{grid-column:1/-1}.test-display{min-height:168px}.test-controls{margin:2px 20px 0}}@media(max-width:520px){.header{height:58px}.header-inner{padding:0 15px}.brand strong{font-size:12px}.brand-mark{width:30px;height:30px}.brand small{font-size:6px}.page{padding:17px 13px 0}.hero{margin-bottom:16px}.hero h1{font-size:23px}.hero p{font-size:11px}.eyebrow{font-size:9px}.mode-tabs{height:33px;margin-bottom:10px}.test-display{gap:18px;padding:6px 12px;min-height:164px}.speed-orbit{width:148px;height:148px}.speed-value{font-size:43px}.speed-label{font-size:9px}.direction-stats{min-width:115px;gap:15px}.direction-stat strong{font-size:22px}.direction-stat label{font-size:9px}.metric-icon{width:29px;height:29px}.small-caption{font-size:8px}.test-controls{gap:10px;margin:0 16px}.start-button{height:42px}.latency-row{padding:12px 10px;gap:6px}.latency-row strong{font-size:18px}.latency-row label{font-size:9px}.chart-panel{padding:13px 15px 11px}.chart{height:126px;padding-left:38px}.chart svg,.chart-axis{height:92px}.side-column{grid-template-columns:1fr}.test-status{font-size:9px}.field-grid{grid-template-columns:1fr}footer{gap:10px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.running:before{animation:none}}