:root{--font-ui:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--font-data:"Bahnschrift","Segoe UI",sans-serif;font-family:var(--font-ui);color-scheme:light;--bg:#f7f3ed;--panel:#fffcf6;--text:#2a211c;--muted:#6b5d53;--line:#e5dcd1;--soft:#eee8e1;--accent:#f26b38;--accent-ink:#000000;--signal:#267444;--backdrop:#f7f3edef;--glow:color-mix(in srgb,var(--accent) 26%,transparent);--card-shadow:0 10px 28px -12px #bc6d4840;--summary-tint:#fff5ed;color:var(--text);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased}:root[data-theme=dark]{color-scheme:dark;--bg:#211b18;--panel:#2c2421;--text:#fff4e8;--muted:#c5b5a7;--line:#4c3f36;--soft:#3a302a;--signal:#92d5a9;--backdrop:#211b18ef;--glow:#0005;--card-shadow:0 10px 28px -12px #0005;--summary-tint:#372923}*{box-sizing:border-box}body{margin:0;background-color:var(--bg);background-size:cover;background-position:left top;background-attachment:fixed}a{color:inherit;text-decoration:none}button,input,select{font:inherit;min-height:44px;border:1px solid var(--line);border-radius:8px}button{padding:10px 16px;cursor:pointer;background:var(--accent);color:var(--accent-ink);font-weight:700}button:hover{filter:brightness(1.06)}button:disabled{opacity:.65;cursor:wait}button.quiet{background:transparent;color:var(--text);border-color:transparent}button.quiet:hover{background:var(--soft)}button,a,input,select{outline-offset:4px}:focus-visible{outline:3px solid var(--text)}input,select{background:var(--panel);color:var(--text);padding:10px 12px;min-width:0;font-size:14px}input[type=search]{width:260px}input::placeholder{color:var(--muted);opacity:1}input[type=color]{width:100%;padding:5px}input[type=checkbox]{min-height:20px;width:20px;height:20px;accent-color:var(--accent);flex:none}h1,h2,h3,h4,p{margin:0}h1{font-size:clamp(30px,4vw,48px);line-height:1.15;letter-spacing:-.035em;font-weight:800}h2{font-size:24px;line-height:1.3;letter-spacing:-.025em}h3{font-size:16px;line-height:1.4}p{line-height:1.65}small,em{font-size:12px}em{font-style:normal}b,strong{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.app-shell{max-width:1760px;padding:0 clamp(28px,5.4vw,80px);margin:auto}.topbar{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:750;min-width:0;flex:1}.brand>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-symbol{width:34px;height:34px;flex:none;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);border-radius:6px;transform:rotate(-5deg)}.brand-symbol svg{width:25px;height:25px}.topbar nav{display:flex;align-items:center;flex:none;margin-left:auto}.topbar .admin-link{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;color:var(--muted)}.topbar .admin-link:hover{color:var(--text);background:var(--soft);border-color:var(--line)}.topbar .admin-link svg{width:20px;height:20px}main{min-height:70vh}.hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 0}.overview-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:46% minmax(0,1fr);height:300px;margin:12px 0 28px;padding:32px 44px;overflow:hidden;border-radius:26px;background:#49191a;box-shadow:0 20px 35px -22px var(--glow)}.makima-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:80%;height:100%;object-fit:cover;object-position:left top;filter:saturate(1.12)}.overview-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 73% 68%,#ffe5adbb 0 1px,transparent 3px),radial-gradient(circle at 94% 34%,#ffe5ad99 0 1px,transparent 3px),radial-gradient(circle at 85% 84%,#ffe5ad66 0 1px,transparent 3px),radial-gradient(circle at 66% 19%,#ffe5ad77 0 1px,transparent 3px)}.overview-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,transparent 26%,#49191a66 48%,#49191a 78%);pointer-events:none}.hero-copy{grid-column:2;min-width:0}.overview-hero h1{color:#fff4da;font:900 clamp(36px,5.4vw,80px)/1.03 Impact,"Arial Black",sans-serif;letter-spacing:.005em;text-wrap:balance;text-shadow:0 0 24px #ffba7455,0 2px 12px #31100d66}.hero .muted{font-size:14px;margin-top:12px;max-width:660px}.eyebrow{font-size:12px;color:var(--muted);margin-bottom:12px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.summary{position:relative;min-width:0;min-height:158px;padding:23px 22px;border:1px solid color-mix(in srgb,var(--panel) 88%,var(--line));border-radius:20px;background-color:var(--panel);background-image:linear-gradient(135deg,var(--summary-tint),var(--panel));box-shadow:0 14px 26px -12px var(--glow),inset 0 1px #fff5}.summary-online{box-shadow:0 14px 26px -12px color-mix(in srgb,#a78b48 26%,transparent),inset 0 1px #fff5}.summary-offline strong,.summary-offline .summary-foot{max-width:none}.summary>span{position:relative;z-index:1;color:var(--text);font-size:14px;font-weight:600}.summary-label{display:flex;align-items:center;gap:8px;min-height:20px}.summary-label svg{width:17px;height:17px;flex:none}.summary strong{position:relative;z-index:1;font-family:var(--font-data);font-size:40px;font-weight:600;line-height:1.15;letter-spacing:-.035em;display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;margin:12px 0 10px;max-width:calc(100% - 68px)}.summary small{color:var(--muted);font-size:13px;font-weight:500;letter-spacing:0}.summary strong.speed{font-size:clamp(22px,2.3vw,32px);min-height:46px;gap:4px}.summary .accent{color:var(--text)}.summary-foot{position:relative;z-index:1;color:var(--muted);font-size:12px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:calc(100% - 56px)}.offline-dot{width:11px;height:11px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent);margin:3px 2px;flex:none}.summary-art{position:absolute;right:13px;top:50%;transform:translateY(-50%);width:86px;height:106px;pointer-events:none}.summary-art svg{display:block;width:100%;height:100%}.server-stack{filter:drop-shadow(0 9px 9px #c46a4938)}.stack-shadow{fill:var(--accent);opacity:.14}.summary-art-online{width:88px;height:88px;right:14px;filter:drop-shadow(0 4px 7px #c6995830)}.online-ring circle{fill:none;stroke-width:10}.ring-track{stroke:var(--soft)}.ring-value{stroke-linecap:round}.ring-text{fill:var(--text);font:600 17px var(--font-data)}.summary-art-network{width:76px;height:80px;right:15px;top:55%}.network-distribution svg{height:58px}.network-distribution>span{display:block;text-align:center;font-size:10px;color:var(--muted)}.distribution-base{stroke:var(--line);stroke-width:1}.distribution-bar{fill:var(--accent);opacity:.65}.dot{width:6px;height:6px;flex:none;display:inline-block;background:var(--signal);border-radius:100%}.fleet-toolbar{display:flex;justify-content:space-between;align-items:center;margin:36px 0 24px;gap:20px}.fleet-toolbar p{font-size:13px;margin-top:6px}.count{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 7px;font-size:13px;font-weight:650;background:var(--soft);color:var(--muted);border-radius:50%;margin-left:8px;vertical-align:middle}.filters{display:flex;align-items:center;gap:12px}.segmented{display:flex;padding:3px;background:color-mix(in srgb,var(--accent) 32%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:11px;gap:2px}.segmented button{background:transparent;border:0;color:var(--text);font-size:13px;padding:10px 14px;white-space:nowrap}.segmented button.selected{background:var(--panel);color:var(--text);box-shadow:0 1px 4px #29351c12;border-radius:6px}.search-field{position:relative;display:flex;align-items:center;min-width:0}.search-field svg{position:absolute;left:13px;width:18px;height:18px;color:var(--muted);pointer-events:none}.search-field input{padding-left:39px;height:52px;border-radius:11px}.server-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:stretch}.server-card{display:flex;flex-direction:column;padding:25px;min-width:0;position:relative;border-color:color-mix(in srgb,var(--panel) 84%,var(--line));border-radius:20px;box-shadow:var(--card-shadow);transition:border-color .18s,box-shadow .18s}.server-card:hover,.server-card:focus-within{border-color:color-mix(in srgb,var(--accent) 65%,var(--line));box-shadow:0 6px 22px #29351c0c}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:26px}.server-identity{display:flex;align-items:flex-start;gap:10px;min-width:0;flex:1}.server-identity>div{min-width:0}.flag{width:26px;height:19px;object-fit:cover;border-radius:2px;margin-top:4px;flex:none}.server-name{min-height:44px;padding:8px 0;margin:-8px 0;font-weight:700;font-size:19px;line-height:28px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.server-name span{font-size:13px;color:var(--muted)}.card-subtitle{font-size:12px;line-height:1.5;margin-top:5px;overflow-wrap:anywhere}.status-chip{font-size:12px;font-weight:650;white-space:nowrap;flex:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:5px 10px;min-height:28px;background:var(--soft);color:var(--muted);border-radius:20px}.status-chip i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-chip.online{color:var(--signal);background:color-mix(in srgb,var(--signal) 12%,var(--panel))}.card-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metric{min-width:0}.metric-line{display:flex;flex-direction:column;align-items:flex-start;gap:7px;font-size:12px}.metric-line span{color:var(--muted)}.metric-line b{font-size:16px;white-space:nowrap}.card-metrics .metric-line{position:relative;min-height:62px;justify-content:space-between}.card-metrics .metric-line b{font-family:var(--font-data);font-size:clamp(23px,1.9vw,29px);font-weight:600;line-height:1.2;letter-spacing:-.035em}.card-metrics .metric{position:relative;--gauge-color:var(--accent)}.card-metrics .metric:nth-child(2){--gauge-color:color-mix(in srgb,var(--accent) 65%,#fbd8b0)}.metric-gauge{position:absolute;right:0;top:-6px;width:64px;height:64px;pointer-events:none}.metric-gauge path{stroke-width:9;stroke-linecap:round}.gauge-track{stroke:color-mix(in srgb,var(--gauge-color) 12%,var(--panel))}.gauge-value{stroke:var(--gauge-color)}.bar{height:5px;border-radius:3px;background:var(--soft);margin:12px 0 8px;overflow:hidden}.bar span{display:block;height:100%;background:var(--gauge-color,var(--accent));border-radius:inherit;transition:width .25s}.bar .hot{background:#c29725}.metric small{font-size:11px;display:block;line-height:1.5;overflow-wrap:anywhere}.network-row{display:grid;grid-template-columns:1fr 1fr;padding:16px;margin:22px 0 16px;background:var(--soft);border-radius:11px}.network-row>div{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.network-row>div:first-child{padding-right:12px}.network-row>div:last-child{padding-left:16px;border-left:1px solid var(--line)}.network-row small{color:var(--muted);font-size:11px}.network-row b{font-family:var(--font-data);font-size:20px;font-weight:600;letter-spacing:-.025em;overflow-wrap:anywhere}.network-direction{position:absolute;right:5px;top:6px;width:25px;height:30px;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;opacity:.35}.network-row>div:first-child .network-direction{right:15px;stroke:color-mix(in srgb,var(--accent) 60%,#f4be82)}.traffic-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;font-size:12px;padding-bottom:17px}.traffic-row b{font-size:12px;font-weight:500;overflow-wrap:anywhere}.card-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border-top:1px solid var(--soft);padding:17px 0 2px}.card-mini-chart{min-width:0}.card-mini-chart:only-child{grid-column:1/-1}.card-charts .chart.small .chart-legend{grid-template-columns:minmax(0,1fr);gap:6px}.card-charts .chart-legend b,.card-charts .chart-legend em{font-size:11px}.mini-chart-heading{font-size:12px;font-weight:650;margin-bottom:4px}.card-bottom{border-top:1px solid var(--soft);padding-top:15px;margin-top:auto;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:8px 14px;font-size:12px;color:var(--muted)}.card-bottom>span{overflow-wrap:anywhere;min-width:0}.os-label{display:flex;align-items:center;gap:7px}.os-label img{width:15px;height:15px;flex:none}.expiry{font-size:12px;margin-top:10px;overflow-wrap:anywhere}.chart svg{display:block;width:100%;height:180px;overflow:visible}.chart.small{margin-bottom:16px}.chart.small svg{height:48px}.chart-area{opacity:.14}.grid-line{stroke:var(--line);fill:none;stroke-width:.5;stroke-dasharray:3 4}.chart-legend{display:flex;gap:8px 16px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.chart-legend>span{display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-width:0;overflow-wrap:anywhere}.chart-legend i{display:inline-block;width:6px;height:6px;border-radius:50%;flex:none}.chart-legend b{font-size:12px;font-weight:600;color:var(--text)}.chart-legend em{font-size:12px}.chart.small .chart-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px}.chart-time{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-top:16px}.snapshot-note{font-size:12px;margin-top:24px}.empty{padding:48px 24px;text-align:center;color:var(--muted)}footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted);padding:28px 0;margin-top:36px;border-top:1px solid var(--line)}.footer-mark{color:var(--muted)}.back-link{font-size:14px;display:inline-flex;align-items:center;min-height:44px;color:var(--muted);margin-top:18px}.detail-hero{padding-top:14px;border-bottom:1px solid var(--line);margin-bottom:24px}.detail-hero>div{min-width:0}.detail-hero h1{overflow-wrap:anywhere}.detail-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:24px;gap:24px}.detail-stats .metric-line{flex-direction:row;align-items:baseline;justify-content:space-between;flex-wrap:wrap}.node-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:24px;gap:24px;margin-top:16px}.node-facts>div{display:flex;flex-direction:column;gap:8px;font-size:14px;min-width:0}.node-facts span{color:var(--muted);font-size:12px}.node-facts b{overflow-wrap:anywhere}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.history-card{padding:24px;min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:16px}.section-heading>span{font-size:12px}.probe-panel{padding:24px;margin-top:20px}.probe-values{display:flex;flex-wrap:wrap;gap:24px;margin-top:18px}.probe-values>div{display:flex;flex-direction:column;gap:7px;min-width:100px;max-width:100%;overflow-wrap:anywhere}.probe-values span,.probe-values small{font-size:12px;color:var(--muted)}.probe-values b{font-size:16px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#141511b8;display:grid;place-items:center;padding:16px}.gate{padding:28px;width:min(460px,100%);max-height:85vh;overflow:auto}.theme-dialog{padding:0;width:min(460px,calc(100% - 32px));max-height:85vh;border:1px solid var(--line);border-radius:6px;color:var(--text);background:var(--panel)}.theme-dialog::backdrop{background:#141511b8}.theme-dialog .gate{border:0;width:100%;max-height:none}.gate label{display:block;font-size:14px;margin:20px 0;color:var(--text)}.gate select{display:block;width:100%;margin-top:9px}.gate input[type=color]{margin-top:9px}.gate .check-label{display:flex;align-items:center;gap:10px;min-height:44px}.gate p{font-size:13px;margin:16px 0}.gate button[type=submit]{width:100%}.error-banner,.pause-banner,.fatal-error{padding:16px 20px;border:1px solid var(--line);border-left:4px solid var(--accent);background:var(--panel);color:var(--text);margin:20px 0;font-size:14px;overflow-wrap:anywhere}.pause-banner{display:flex;align-items:center;justify-content:space-between;gap:20px}.pause-banner p{font-size:13px;color:var(--muted);margin-top:6px}.fatal-error{position:relative;z-index:30}:root[data-density=compact] .server-card{padding:16px}:root[data-density=compact] .card-heading{margin-bottom:16px}:root[data-density=compact] .network-row{padding:12px;margin-top:16px}@media(max-width:1100px){.app-shell{padding:0 28px}.server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid{gap:16px}.summary{padding:20px 18px}.summary-art{width:64px;right:8px;opacity:.85}.summary-art-online{height:64px}.summary-art-network{display:none}.summary strong,.summary-foot{max-width:none}.summary strong.speed{font-size:25px}.network-direction{display:none}.fleet-toolbar,.filters{flex-wrap:wrap}}@media(min-width:1101px)and (max-width:1350px){.summary-art{width:68px;right:8px}.summary-art-online{height:68px}.summary-art-network{display:none}.summary strong,.summary-foot{max-width:none}.network-direction{display:none}}@media(max-width:700px){.app-shell{padding:0 18px}.topbar{gap:12px;min-height:64px;padding:10px 0}.brand{font-size:16px}.overview-hero{grid-template-columns:1fr;height:236px;gap:0;padding:22px;margin:14px 0 24px;border-radius:22px}.makima-art{width:100%;height:100%;object-position:left 24%}.overview-hero:after{background:linear-gradient(0deg,#49191acc 0,transparent 62%)}.hero-copy{grid-column:1;padding:0;align-self:end}.overview-hero h1{font-size:clamp(30px,8.4vw,48px)}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary{padding:17px 15px;min-height:155px;border-radius:17px}.summary-label{min-height:32px;align-items:flex-start}.summary>span{font-size:12px;line-height:16px}.summary-art{width:54px;height:72px;right:8px;top:52%}.summary-art-online{width:58px;height:58px;right:9px}.summary-art .ring-text{font-size:18px}.summary-foot{font-size:11px;gap:6px}.summary strong{font-size:30px}.summary strong.speed{font-size:22px}.summary small{font-size:12px}.server-grid,.chart-grid{grid-template-columns:minmax(0,1fr)}.server-grid{gap:18px}.server-card{padding:20px}.card-heading{gap:8px}.card-metrics{gap:10px}.card-metrics .metric-line b{font-size:22px}.card-metrics .metric-line{min-height:58px}.metric-gauge{width:48px;height:48px;top:-3px}.network-row{padding:14px 12px}.network-row b{font-size:19px}.summary-label{gap:6px;font-size:12px}.summary-label svg{width:15px;height:15px}.server-identity{gap:8px}.flag{width:22px;height:16px}.fleet-toolbar{margin:26px 0 20px;gap:16px}.filters{width:100%}.search-field{width:100%;order:-1}.filters input,.segmented{width:100%}.segmented button{flex:1}.detail-hero{align-items:flex-start}.detail-stats,.node-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:20px}.history-card,.probe-panel{padding:20px}.chart svg{height:150px}.chart.small svg{height:48px}.pause-banner{flex-direction:column;align-items:flex-start}.gate{padding:22px}.theme-dialog h2{font-size:22px}}@media(min-width:701px)and (max-width:900px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-art{width:80px;opacity:1}.summary-art-online{height:80px;right:18px}.summary-art-network{display:block}.metric-gauge{width:54px;height:54px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.server-detail{--detail-accent:var(--detail-accent-light);--detail-blue:#326ab5;padding-bottom:8px}:root[data-theme=dark] .server-detail{--detail-blue:#9ebefa;--detail-accent:var(--detail-accent-dark)}.server-detail .back-link{gap:8px;margin-top:20px}.server-detail .detail-hero{position:relative;display:block;padding:18px 0 22px 30px;margin:8px 0 26px;border:0}.server-detail .detail-hero:before{content:"";position:absolute;left:0;top:12px;bottom:16px;width:10px;background:var(--accent);clip-path:polygon(0 0,60% 0,100% 6%,60% 6%,100% 14%,60% 14%,100% 22%,60% 22%,100% 30%,60% 30%,100% 38%,60% 38%,100% 46%,60% 46%,100% 54%,60% 54%,100% 62%,60% 62%,100% 70%,60% 70%,100% 78%,60% 78%,100% 86%,60% 86%,100% 94%,60% 100%,0 100%)}.server-detail .detail-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px 20px;min-width:0}.server-detail h1{font-size:clamp(28px,3.2vw,44px);line-height:1.2;min-width:0;overflow-wrap:anywhere;letter-spacing:-.035em}.server-detail .detail-flag{width:44px;height:30px;object-fit:cover;border:1px solid var(--line);border-radius:3px;flex:none}.server-detail .detail-title-row .status-chip{padding:7px 12px}.server-detail .detail-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:14px;font-size:14px;overflow-wrap:anywhere}.server-detail .detail-cpu{font-size:12px;margin-top:10px;overflow-wrap:anywhere}.server-detail .detail-stats{padding:30px 0;gap:0;border-radius:14px}.server-detail .detail-stats .metric{padding:0 28px}.server-detail .detail-stats .metric+.metric{border-left:1px solid var(--soft)}.server-detail .detail-stats .metric-line{flex-direction:column;align-items:flex-start;gap:10px}.server-detail .detail-stats .metric-line span{font-size:13px;color:var(--muted);font-weight:500}.server-detail .detail-stats .metric-line b{font-family:var(--font-data);font-size:clamp(30px,3vw,42px);font-weight:600;line-height:1.15;color:var(--detail-accent);letter-spacing:-.035em}.server-detail .detail-stats .bar{height:7px;margin:14px 0 10px;border-radius:3px}.server-detail .detail-stats .metric small{font-size:13px}.server-detail .detail-network-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:20px;margin:24px 0 32px}.server-detail .detail-network,.server-detail .detail-probes{padding:26px 28px;margin:0;min-width:0}.server-detail h2{font-size:19px;letter-spacing:-.02em}.server-detail .detail-speeds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:22px 0 26px}.server-detail .detail-speeds>div{min-width:0}.server-detail .detail-speeds span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.server-detail .detail-speeds strong{display:block;color:var(--detail-accent);font-family:var(--font-data);font-size:clamp(23px,2.6vw,34px);font-weight:600;line-height:1.25;letter-spacing:-.035em;overflow-wrap:anywhere}.server-detail .detail-speeds>div:last-child strong{color:var(--detail-blue)}.server-detail .detail-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:20px 0 0;border-top:1px solid var(--soft)}.server-detail .detail-facts>div{min-width:0}.server-detail .detail-facts dt{font-size:12px;color:var(--muted);margin-bottom:8px}.server-detail .detail-facts dd{margin:0;font-family:var(--font-data);font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.server-detail .detail-ip{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:12px;margin-top:20px}.server-detail .detail-ip b{margin-left:8px;font-weight:500}.server-detail .detail-probes table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px;margin-top:20px;text-align:left}.server-detail .detail-probes th,.server-detail .detail-probes td{padding:13px 10px;overflow-wrap:anywhere}.server-detail .detail-probes th:not(:first-child),.server-detail .detail-probes td{text-align:right;font-variant-numeric:tabular-nums}.server-detail .detail-probes thead{background:var(--soft);color:var(--muted)}.server-detail .detail-probes thead th:first-child{border-radius:6px 0 0 6px}.server-detail .detail-probes thead th:last-child{border-radius:0 6px 6px 0}.server-detail .detail-probes th{font-weight:500}.server-detail .detail-probes tbody tr+tr{border-top:1px solid var(--soft)}.server-detail .timeout{color:var(--detail-accent);font-weight:650}.server-detail .detail-no-data{padding:32px 0;font-size:14px}.server-detail .detail-history{padding:0;border:0;background:transparent}.server-detail .detail-history-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.server-detail .detail-history-heading h2{padding:0}.server-detail .detail-range{display:flex;align-items:center;gap:12px;font-size:12px}.server-detail .chart-grid{gap:20px}.server-detail .history-card{padding:24px;border-color:var(--line)}.server-detail .section-heading{margin-bottom:4px;flex-wrap:wrap;gap:8px}.server-detail .detail-chart-unit{font-size:11px;min-height:20px}.server-detail .detail-plot{display:grid;grid-template-columns:48px minmax(0,1fr);height:160px}.server-detail .detail-axis{display:flex;flex-direction:column;justify-content:space-between;text-align:right;padding:12px 8px 2px 0;font-size:11px;font-variant-numeric:tabular-nums}.server-detail .detail-plot svg{height:160px;width:100%;overflow:hidden}.server-detail .detail-chart .chart-time{margin:6px 0 18px 48px;font-size:11px}.server-detail .detail-chart .chart-legend{border-top:1px solid var(--soft);padding-top:12px;gap:10px 18px}.server-detail .detail-chart .chart-legend i{width:7px;height:7px;border-radius:50%}.server-detail .detail-chart .chart-legend b{margin-left:4px}.server-detail .detail-chart-empty{height:160px;display:grid;place-items:center;font-size:13px}.server-detail .detail-plot-stage{position:relative;min-width:0;touch-action:pan-y}.server-detail .detail-plot-stage svg{cursor:crosshair;outline-offset:2px}.server-detail .chart-crosshair{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3;opacity:.8}.server-detail .chart-selected-point{stroke:var(--panel);stroke-width:1.5}.server-detail .chart-tooltip{position:absolute;top:8px;z-index:5;width:min(224px,100%);padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);box-shadow:0 8px 24px #0002;pointer-events:none;font-size:12px;overflow-wrap:anywhere}.server-detail .chart-tooltip time{display:block;padding-bottom:8px;border-bottom:1px solid var(--soft);font-variant-numeric:tabular-nums;font-size:11px;color:var(--muted)}.server-detail .chart-tooltip dl{margin:8px 0 0;display:grid;gap:8px}.server-detail .chart-tooltip dl>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:6px 12px}.server-detail .chart-tooltip dt{display:flex;gap:6px;align-items:baseline;min-width:0}.server-detail .chart-tooltip i{display:inline-block;flex:none;width:6px;height:6px;border-radius:50%}.server-detail .chart-tooltip dd{margin:0;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:1000px){.server-detail .detail-network-grid{grid-template-columns:minmax(0,1fr)}.server-detail .detail-stats .metric{padding:0 20px}}@media(max-width:700px){.server-detail .detail-hero{padding-left:22px;margin-bottom:20px}.server-detail .detail-title-row{gap:12px}.server-detail .detail-flag{width:32px;height:23px}.server-detail .detail-meta{font-size:12px;gap:8px 16px}.server-detail .detail-stats{padding:0;gap:0}.server-detail .detail-stats .metric{padding:20px 16px}.server-detail .detail-stats .metric:nth-child(3){border-left:0}.server-detail .detail-stats .metric:nth-child(n+3){border-top:1px solid var(--soft)}.server-detail .detail-stats .metric-line b{font-size:30px}.server-detail .detail-network-grid{gap:16px;margin:16px 0}.server-detail .detail-network,.server-detail .detail-probes{padding:20px 16px}.server-detail .detail-speeds{gap:12px}.server-detail .detail-speeds strong{font-size:clamp(20px,5.4vw,30px)}.server-detail .detail-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.server-detail .detail-history{padding:8px 0 0}.server-detail .history-card{padding:20px 12px}.server-detail .detail-history-heading{gap:14px}.server-detail .detail-range{width:100%;justify-content:flex-end}.server-detail .detail-chart .chart-legend,.server-detail .detail-chart .chart-legend b{font-size:11px}}