@charset "UTF-8";
:root{--accent:#65e0d2;--accent-strong:#39c5bb;--pink:#f38cb5;--bg:#0a1620;--text:#eaf5f6;--muted:#93aeb9;--faint:#5e7e8b;--surface:rgba(13,30,41,.87);--surface-solid:#10232f;--surface-soft:rgba(18,42,54,.72);--border:rgba(157,209,223,.15);--border-strong:rgba(124,225,219,.35);--shadow:0 12px 44px #020a1530;--wallpaper:url('./assets/daydream.webp');--dim:.72;--blur:3px;--radius:16px;--font:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",system-ui,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;min-width:320px;font-feature-settings:"tnum";overflow-x:hidden}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button,input,select{color:var(--text)}button{border:0;background:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}::selection{background:#39c5bb70;color:white}[hidden]{display:none!important}svg.icon{flex-shrink:0;vertical-align:middle}button .icon{pointer-events:none}button:hover{color:var(--accent)}.skip-link{position:fixed;z-index:200;top:-70px;left:18px;background:var(--surface-solid);padding:12px 18px;border-radius:10px}.skip-link:focus{top:12px}
.wallpaper{position:fixed;inset:-10px;z-index:-2;background-image:var(--wallpaper);background-size:cover;background-position:center;filter:blur(var(--blur));transition:background-image .5s ease}.wallpaper:after{content:"";position:absolute;inset:0;background:rgba(5,16,26,var(--dim));background-image:linear-gradient(180deg,#06172430,#06172490)}.km-layout{min-height:100vh}.wrap{width:min(1280px,calc(100% - 64px));margin:auto}.km-navbar{height:86px;border-bottom:1px solid var(--border);background:rgba(7,21,31,.72);backdrop-filter:blur(20px);position:relative;z-index:2}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:20px}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:43px;height:43px;display:grid;place-items:center;background:var(--accent);color:#092831;font-size:25px;font-weight:900;border-radius:13px 4px 13px 4px;letter-spacing:-2px;box-shadow:0 0 25px #39c5bb30}.brand-title{font-size:17px;font-weight:800;letter-spacing:2px}.brand-title i{font-style:normal;color:var(--accent)}.brand-sub{font-size:10px;letter-spacing:2.5px;color:var(--muted);margin-top:1px}.nav-actions{display:flex;align-items:center;gap:9px}.icon-button{width:38px;height:38px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;color:var(--muted);transition:.15s}.icon-button:hover{background:var(--surface-soft);border-color:var(--border)}.connection-pill{display:flex;align-items:center;gap:7px;border:1px solid var(--border-strong);color:var(--accent);padding:5px 11px;font-size:12px;border-radius:40px;margin-right:10px;white-space:nowrap}.dot{height:6px;width:6px;border-radius:50%;display:inline-block;background:currentColor;flex-shrink:0}.live-dot{box-shadow:0 0 0 4px #39c5bb14}.connection-pill.bad{color:var(--pink);border-color:#f38cb530}.connection-pill.neutral{color:var(--muted);border-color:var(--border)}.admin-link{display:inline-flex;align-items:center;gap:7px;font-size:13px;border-left:1px solid var(--border);padding:8px 0 8px 18px;margin-left:5px;color:var(--muted)}.admin-link:hover{color:var(--text)}
.km-main{padding-top:28px}.hero{height:220px;position:relative;overflow:hidden;border-radius:20px;border:1px solid var(--border-strong);background-image:linear-gradient(90deg,#0b2635 0%,#0b2635e8 28%,#0b263598 52%,#0b263500 100%),var(--wallpaper);background-size:cover;background-position:center,center var(--hero-position,17%);box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;inset:0;border:1px solid #ffffff05;border-radius:inherit;pointer-events:none}.hero-copy{position:relative;z-index:1;padding:27px 34px;width:70%}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--accent);display:flex;gap:9px;align-items:center}.eyebrow:before{content:"";height:1px;width:18px;background:var(--accent)}.hero h1{font-size:32px;font-weight:700;letter-spacing:2px;margin:12px 0 7px;line-height:1.3;color:#f5ffff}.hero h1 em{font-style:normal;color:var(--accent)}.hero-desc{color:#b0c9d2;font-size:13px;margin:0}.hero-bottom{display:flex;align-items:center;gap:17px;margin-top:25px;color:#a9c6cf;font-size:12px}.hero-bottom strong{font-weight:500;color:#eafffc}.hero-bottom .divider{height:12px;border-left:1px solid #afdad839}.hero-art-label{position:absolute;right:24px;bottom:19px;background:#09283675;backdrop-filter:blur(10px);border:1px solid #ddfff834;color:#edffff;padding:5px 12px;border-radius:20px;font-size:10px;letter-spacing:2px}.hero-watermark{position:absolute;right:32px;top:9px;font-size:76px;font-weight:900;color:#ffffff2e;line-height:1;letter-spacing:-7px}.hero .hero-equalizer{display:flex;gap:3px;align-items:center;height:17px}.hero-equalizer span{width:2px;height:var(--height);background:var(--accent);animation:equalize 1.7s ease-in-out infinite alternate;animation-delay:var(--delay)}@keyframes equalize{to{height:4px;opacity:.4}}
.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 27px}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:17px 20px;position:relative;overflow:hidden;backdrop-filter:blur(14px);min-height:109px}.summary-icon{position:absolute;right:18px;top:18px;color:var(--accent);background:#39c5bb12;padding:8px;border-radius:10px;display:grid;place-items:center}.summary-card:nth-child(3) .summary-icon{color:#8da9ff;background:#7195ff14}.summary-card:nth-child(4) .summary-icon{color:var(--pink);background:#f38cb512}.summary-label{font-size:12px;color:var(--muted);margin-bottom:7px}.summary-value{font-size:26px;font-weight:700;letter-spacing:-.5px;line-height:1.2;display:flex;align-items:baseline;gap:6px}.summary-value small{font-size:12px;font-weight:400;color:var(--muted);letter-spacing:0}.summary-foot{font-size:11px;color:var(--muted);margin-top:9px}.summary-foot .highlight{color:var(--accent)}.summary-value .inline-speed{font-size:21px}
.tabs-toolbar{border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:15px}.main-tabs{display:flex;gap:26px}.main-tab{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:14px;position:relative;padding:0 0 14px}.main-tab.active{color:var(--accent)}.main-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent);border-radius:2px}.tab-count{font-size:11px;padding:0 6px;background:var(--surface-soft);color:var(--muted);border-radius:5px}.refresh-controls{display:flex;align-items:center;gap:7px;margin-bottom:9px}.last-update{font-size:11px;color:var(--muted);margin-right:5px}.refresh-controls .icon-button{width:29px;height:29px}.filters{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 15px;flex-wrap:wrap}.groups{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.group-button{padding:5px 12px;border-radius:8px;color:var(--muted);font-size:12px;border:1px solid transparent;white-space:nowrap}.group-button.active{background:#39c5bb15;border-color:#39c5bb38;color:var(--accent)}.group-button:hover{background:var(--surface-soft)}.filter-inputs{display:flex;gap:8px;align-items:center}.search-box{display:flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--surface);border-radius:9px;padding:7px 10px;color:var(--muted)}.search-box .icon{width:16px;height:16px}.search-box input{background:transparent;border:0;outline:0;width:174px;font-size:12px;min-width:0}.search-box kbd{font-size:10px;border:1px solid var(--border);border-radius:3px;padding:0 4px;color:var(--faint)}input::placeholder{color:var(--faint)}select{background:var(--surface-solid);border:1px solid var(--border);border-radius:9px;padding:8px 25px 8px 10px;font-size:12px;max-width:100%}.view-toggle{display:flex;padding:3px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}.view-toggle button{height:27px;width:29px;border-radius:6px;display:grid;place-items:center;color:var(--faint)}.view-toggle button .icon{width:15px;height:15px}.view-toggle button.active{background:#39c5bb19;color:var(--accent)}
.node-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.km-node-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);backdrop-filter:blur(16px);padding:19px 20px 14px;box-shadow:var(--shadow);position:relative;transition:transform .2s,border-color .2s}.km-node-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.node-head{display:flex;gap:11px;align-items:center;margin-bottom:18px}.region-icon{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;font-size:22px}.node-name-wrap{min-width:0;flex:1}.node-title{font-size:15px;font-weight:600;display:block;text-align:left;padding:0;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--text)}.node-sub{font-size:10px;color:var(--muted);margin-top:3px;display:flex;align-items:center;gap:5px;letter-spacing:.15px}.node-sub .os{color:var(--muted)}.favorite{padding:4px;color:var(--faint);margin-left:auto;align-self:flex-start}.favorite .icon{width:16px;height:16px}.favorite.saved{color:var(--pink)}.favorite.saved svg{fill:#f38cb51f}.node-status{display:flex;gap:5px;align-items:center;color:var(--accent);font-size:11px;white-space:nowrap;margin-left:2px}.node-status.offline{color:var(--pink)}.node-status.unknown{color:#e3c482}.node-meta-line{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:11px;color:var(--muted);padding-bottom:13px;border-bottom:1px solid var(--border);margin-bottom:15px}.node-meta-line .cpu-model{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.node-meta-line span:last-child{white-space:nowrap}.metrics{display:grid;gap:11px}.metric-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);gap:10px}.metric-header span{display:flex;gap:5px;align-items:center}.metric-header .icon{width:12px;height:12px;color:var(--faint)}.metric-header strong{font-weight:500;color:var(--text);font-size:12px}.metric-header small{font-size:10px;color:var(--faint);margin-left:5px}.meter{height:4px;margin-top:5px;border-radius:8px;background:#abcddd12;overflow:hidden}.meter span{display:block;width:var(--value);height:100%;background:var(--accent-strong);border-radius:8px;transition:width .5s ease}.meter.memory span{background:#88a2ef}.meter.disk span{background:#c18dd4}.meter.warn span{background:#f8bc7a}.meter.danger span{background:var(--pink)}.node-network{display:flex;justify-content:space-between;gap:8px;margin:16px 0 13px;font-size:11px}.network-rate{display:flex;gap:5px;align-items:center;color:var(--muted)}.network-rate .icon{width:13px;height:13px;color:var(--accent)}.network-rate.upload .icon{color:#a6b7f5}.network-rate strong{font-weight:500;font-size:12px;color:var(--text);font-variant-numeric:tabular-nums}.node-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:11px;font-size:10px;gap:8px;color:var(--muted)}.node-bottom .uptime{display:flex;gap:5px;align-items:center;white-space:nowrap}.node-bottom .icon{width:12px;height:12px}.node-bottom button{color:var(--accent);font-size:11px;display:flex;align-items:center;gap:3px;white-space:nowrap}.tiny-tags{font-size:9px;letter-spacing:.2px;color:var(--faint);margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.km-node-card.offline{border-style:dashed}.km-node-card.offline .metrics,.km-node-card.offline .node-network{opacity:.38}.km-node-card.unknown .metrics,.km-node-card.unknown .node-network{opacity:.62}.card-spark{position:absolute;right:20px;bottom:48px;width:77px;height:16px;opacity:.65;pointer-events:none}.mini-chart{height:100%;line-height:0}.mini-chart svg{height:100%;width:100%}
.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(16px)}.table-wrap{overflow:auto}.node-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}.node-table th{text-align:left;color:var(--muted);font-size:11px;font-weight:500;background:var(--surface-soft);padding:12px 16px;border-bottom:1px solid var(--border)}.node-table td{padding:16px;border-bottom:1px solid var(--border)}.node-table tr:last-child td{border-bottom:0}.node-table td .node-title{font-size:13px}.node-table .table-node{display:flex;align-items:center;gap:10px}.node-table .region-icon{width:31px;height:31px;font-size:18px;border-radius:9px}.node-table .meter{width:65px}.table-metric{font-variant-numeric:tabular-nums}.table-row-offline{opacity:.65}.node-table .favorite{margin:0;align-self:center}.empty-state{grid-column:1/-1;text-align:center;padding:55px 20px;border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted)}.empty-state .icon{width:36px;height:36px;color:var(--accent);margin-bottom:8px}.empty-state h2{font-size:18px;color:var(--text);font-weight:500;margin:8px 0}.empty-state p{font-size:13px;max-width:480px;margin:8px auto 20px}.primary-button{background:var(--accent-strong);border:1px solid var(--accent-strong);border-radius:9px;color:#082b32;font-weight:600;padding:9px 17px;display:inline-flex;gap:7px;align-items:center;justify-content:center;font-size:13px}.primary-button:hover{color:#082b32;background:var(--accent)}.secondary-button{border:1px solid var(--border);border-radius:9px;padding:9px 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:13px;background:var(--surface-soft)}.error-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#d97d9520;border:1px solid #f38cb540;color:var(--pink);border-radius:12px;margin:15px 0;font-size:12px}.error-banner span{flex:1}.error-banner button{color:var(--text);white-space:nowrap}.skeleton{background:linear-gradient(90deg,var(--surface-soft),#a0d4e315,var(--surface-soft));background-size:200%;animation:shimmer 1.5s infinite;border-radius:8px;height:12px;margin-bottom:14px}.skeleton-card{padding:25px;height:268px}.skeleton.wide{width:65%}.skeleton.short{width:30%}@keyframes shimmer{to{background-position:-200% 0}}
.fleet-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 1px;color:var(--muted);font-size:11px}.fleet-foot span{display:flex;gap:5px;align-items:center}.fleet-foot .icon{width:13px;height:13px}.km-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);margin-top:17px;padding:20px 0 28px;color:var(--faint);font-size:11px;gap:15px}.footer-brand{display:flex;gap:7px;align-items:center;color:var(--muted)}.footer-brand .icon{color:var(--accent);width:14px;height:14px}.footer-brand .pink{color:var(--pink)}.footer-right{display:flex;gap:18px;align-items:center}.footer-right a:hover{color:var(--accent)}.mascot{position:fixed;right:12px;bottom:7px;z-index:3;width:102px;pointer-events:none;filter:drop-shadow(0 5px 14px #0006)}.mascot img{width:100%;height:auto;display:block;animation:float 5s ease-in-out infinite}.mascot-caption{position:absolute;right:3px;bottom:109px;white-space:nowrap;font-size:10px;color:var(--accent);padding:5px 9px;background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;opacity:0;transition:opacity .2s}.mascot:hover .mascot-caption{opacity:1}.mascot{pointer-events:auto;cursor:pointer}.mascot:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}@keyframes float{50%{transform:translateY(-6px)}}
dialog{color:var(--text);border:1px solid var(--border-strong);border-radius:22px;background:var(--surface-solid);padding:0;max-height:calc(100dvh - 48px);box-shadow:0 25px 100px #0008;width:min(600px,calc(100% - 36px));overscroll-behavior:contain}dialog::backdrop{background:#010b17ac;backdrop-filter:blur(7px)}dialog[open]{animation:dialog-in .2s ease}dialog .dialog-inner{padding:25px 28px}.dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px;gap:14px}.dialog-header h2{font-size:20px;margin:0;font-weight:600;display:flex;gap:10px;align-items:center}.dialog-header h2 .icon{color:var(--accent)}.dialog-header p{font-size:12px;color:var(--muted);margin:4px 0 0}.dialog-header .icon-button{color:var(--muted);flex-shrink:0}.dialog-label{font-size:12px;font-weight:500;color:var(--muted);display:block;margin-bottom:9px}.wallpaper-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.wallpaper-choice{padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;text-align:left;background:var(--surface-soft);position:relative}.wallpaper-choice img{display:block;width:100%;height:95px;object-fit:cover}.wallpaper-choice .wallpaper-caption{padding:10px 10px 9px;font-size:12px;color:var(--text);display:flex;justify-content:space-between;align-items:center}.wallpaper-choice.active{border-color:var(--accent)}.wallpaper-choice .icon{color:var(--accent);width:14px;height:14px}.wallpaper-choice small{display:block;font-size:9px;color:var(--muted);margin-top:2px;letter-spacing:.8px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:16px;border-bottom:1px solid var(--border)}.setting-row:last-child{border:0}.setting-title{font-size:13px;color:var(--text)}.setting-description{font-size:11px;color:var(--muted);margin-top:3px}.switch{width:37px;height:22px;flex-shrink:0;background:#728a993b;border:1px solid var(--border);border-radius:22px;position:relative;padding:0}.switch:after{content:"";width:14px;height:14px;border-radius:50%;position:absolute;background:var(--muted);top:3px;left:4px;transition:.2s}.switch[aria-checked="true"]{background:var(--accent-strong);border-color:var(--accent-strong)}.switch[aria-checked="true"]:after{background:#082831;transform:translateX(14px)}.range-row{padding:19px 0 5px}.range-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:11px;color:var(--muted)}.range-label output{color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent-strong);cursor:pointer;display:block}.appearance-picker{display:flex;gap:7px}.appearance-picker button{font-size:12px;border:1px solid var(--border);border-radius:9px;padding:8px 12px;color:var(--muted);display:flex;align-items:center;gap:5px}.appearance-picker button.active{border-color:var(--accent-strong);background:#39c5bb15;color:var(--accent)}.appearance-picker .icon{height:14px;width:14px}.dialog-note{font-size:11px;color:var(--muted);border-radius:10px;background:var(--surface-soft);padding:11px 13px;margin-top:19px;line-height:1.7}.dialog-footer{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:10px}.dialog-footer .text-button{color:var(--muted);font-size:12px}.source-credit{font-size:10px;color:var(--faint);padding-top:12px;margin-top:18px;border-top:1px solid var(--border)}@keyframes dialog-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
#detail-dialog{width:min(920px,calc(100% - 36px))}.detail-top{display:flex;gap:12px;align-items:center}.detail-top .region-icon{width:46px;height:46px;font-size:27px}.detail-top h2{font-size:19px;letter-spacing:0}.detail-badges{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px}.detail-badges span{font-size:10px;color:var(--muted);border:1px solid var(--border);border-radius:5px;padding:3px 8px}.detail-tabs{display:flex;gap:7px;align-items:center;border-bottom:1px solid var(--border);padding-bottom:13px;margin-bottom:19px;flex-wrap:wrap}.detail-tabs button{font-size:12px;padding:5px 11px;border-radius:7px;color:var(--muted)}.detail-tabs button.active{background:#39c5bb18;color:var(--accent)}.detail-tabs select{margin-left:auto}.detail-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:0 0 20px}.detail-metric{padding:13px 15px;background:var(--surface-soft);border:1px solid var(--border);border-radius:12px}.detail-metric small{font-size:11px;color:var(--muted);display:block;margin-bottom:7px}.detail-metric strong{font-size:22px;font-weight:600}.detail-metric em{font-size:10px;color:var(--muted);display:block;font-style:normal;margin-top:4px}.chart-section{border:1px solid var(--border);border-radius:13px;padding:15px 15px 9px;background:var(--surface-soft);margin-top:12px}.chart-section-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin-bottom:10px;gap:12px}.chart-section-title span{display:flex;gap:6px;align-items:center}.chart-section-title .dot{height:5px;width:5px;color:var(--accent)}.chart-section-title .dot.blue{color:#97adf8}.chart-section-title small{font-size:10px;color:var(--faint)}.chart{height:170px;position:relative}.chart svg{width:100%;height:100%;overflow:visible}.chart svg text{fill:var(--muted);font-family:var(--font);font-size:10px}.chart-grid{stroke:var(--border);stroke-dasharray:3 5;stroke-width:1;vector-effect:non-scaling-stroke}.chart-tooltip{position:absolute;top:10px;font-size:11px;background:var(--surface-solid);color:var(--text);border:1px solid var(--border-strong);padding:7px 10px;border-radius:8px;pointer-events:none;box-shadow:var(--shadow);z-index:2;white-space:nowrap}.chart-empty{height:100px;display:grid;place-items:center;color:var(--muted);font-size:12px}.detail-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px}.info-row{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--border);font-size:12px}.info-row dt{color:var(--muted);white-space:nowrap}.info-row dd{margin:0;text-align:right;overflow-wrap:anywhere;color:var(--text)}.detail-remark{padding:14px;background:var(--surface-soft);border-radius:10px;color:var(--muted);font-size:12px;line-height:1.7;margin-top:16px;white-space:pre-wrap;overflow-wrap:anywhere}.detail-resource-title{font-size:14px;margin:18px 0 9px}.gpu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gpu-card{border:1px solid var(--border);border-radius:11px;padding:13px;font-size:12px;color:var(--muted)}.gpu-card strong{color:var(--text);display:block;margin-bottom:8px}.detail-warning{font-size:12px;color:#f6c079;margin:13px 0;padding:11px 13px;background:#f6c0790d;border:1px solid #f6c07930;border-radius:9px;overflow-wrap:anywhere}.detail-action{font-size:11px;display:flex;gap:14px;justify-content:space-between;align-items:center;margin-top:17px;color:var(--muted)}
.network-panel{padding:24px;margin-top:20px;min-height:400px}.network-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px;flex-wrap:wrap}.network-heading h2{font-size:17px;font-weight:600;margin:0;display:flex;gap:9px;align-items:center}.network-heading h2 .icon{color:var(--accent)}.network-heading p{color:var(--muted);font-size:11px;margin:5px 0 0}.network-selectors{display:flex;gap:9px;flex-wrap:wrap}.task-chips{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.task-chip{color:var(--muted);font-size:12px;padding:7px 13px;background:var(--surface-soft);border:1px solid var(--border);border-radius:8px}.task-chip.active{color:var(--accent);border-color:var(--border-strong);background:#39c5bb15}.task-chip small{font-size:10px;color:var(--faint);margin-left:5px}.ping-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.ping-stats .detail-metric strong{font-size:26px}.ping-stats .detail-metric strong small{display:inline;font-size:12px;margin-left:4px}.ping-foot{font-size:11px;color:var(--muted);margin-top:15px}.login-form{display:grid;gap:16px}.login-form label{display:grid;gap:7px;font-size:12px;color:var(--muted)}.login-form input{width:100%;padding:11px 13px;border:1px solid var(--border);background:var(--surface-soft);border-radius:9px;font-size:14px}.login-error{padding:10px 12px;border-radius:9px;color:var(--pink);background:#f38cb510;font-size:12px}.login-form .primary-button{width:100%;margin-top:2px}.oauth-link{display:flex;justify-content:center;width:100%;margin-top:14px;font-size:13px}.login-hero{display:block!important;text-align:center;margin-bottom:17px}.login-hero img{height:115px;display:block;margin:0 auto 10px}.login-hero h2{display:block}.login-hero p{font-size:12px;color:var(--muted)}
#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow);padding:11px 19px;color:var(--text);font-size:13px;z-index:150;opacity:0;pointer-events:none;transition:.18s;max-width:calc(100% - 40px);text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}.scroll-top{display:none}.muted{color:var(--muted)}.accent{color:var(--accent)}.pink{color:var(--pink)}.nowrap{white-space:nowrap}
html[data-appearance="light"]{--bg:#ebf4f6;--text:#16333c;--muted:#526f7a;--faint:#7995a1;--accent:#13867f;--accent-strong:#2caea4;--pink:#c24f84;--surface:rgba(248,254,255,.91);--surface-solid:#f5fcfe;--surface-soft:rgba(221,241,246,.75);--border:rgba(50,105,123,.16);--border-strong:rgba(29,137,132,.32);--shadow:0 9px 32px #244d6510;color-scheme:light}html[data-appearance="light"] .wallpaper:after{background:rgba(217,234,240,calc(var(--dim) * .63));background-image:linear-gradient(180deg,#e8f4f540,#edf4f699)}html[data-appearance="light"] .km-navbar{background:rgba(237,249,252,.8)}html[data-appearance="light"] .hero .eyebrow,html[data-appearance="light"] .hero .hero-equalizer{--accent:#65e0d2}html[data-appearance="light"] .hero h1 em{color:#65e0d2}html[data-appearance="light"] .meter{background:#102f4010}html[data-appearance="light"] .primary-button{color:#fff}html[data-appearance="light"] .primary-button:hover{color:white}html[data-appearance="light"] .chart .chart-tooltip{color:var(--text)}html[data-appearance="light"] .hero-art-label{color:#effffe}html[data-appearance="light"] .brand-mark{color:#fff}
html[data-motion="off"] *,html[data-motion="off"] *:before,html[data-motion="off"] *:after{animation:none!important;transition:none!important}html[data-mascot="off"] .mascot{display:none}html[data-focus="true"] .wallpaper{background-image:none}html[data-focus="true"] .hero{height:164px;background-image:linear-gradient(110deg,#0b2635,#103948)}html[data-focus="true"] .hero-copy{padding-top:20px}html[data-focus="true"] .hero-bottom{margin-top:12px}html[data-focus="true"] .hero-watermark,html[data-focus="true"] .hero-art-label,html[data-focus="true"] .mascot{display:none}
@media(min-width:1480px){.mascot{width:115px;right:22px;bottom:10px}}@media(max-width:1100px){.wrap{width:calc(100% - 42px)}.node-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mascot{width:79px;right:4px;bottom:3px}.filter-inputs{gap:6px}.search-box input{width:140px}.hero-copy{width:75%}.hero h1{font-size:29px}.summary-card{padding:17px 16px}.summary-icon{right:14px}.summary-value .inline-speed{font-size:18px}.summary-icon .icon{width:17px;height:17px}.summary-value{font-size:23px}.main-tabs{gap:19px}}@media(max-width:760px){.wrap{width:calc(100% - 28px)}.km-navbar{height:69px}.brand-mark{width:36px;height:36px;font-size:22px;border-radius:10px 3px 10px 3px}.brand{gap:10px}.brand-title{font-size:14px;letter-spacing:1.5px}.brand-sub{font-size:8px;letter-spacing:1.5px}.nav-actions{gap:2px}.connection-pill{padding:5px 7px;font-size:10px;margin-right:3px}.nav-actions .icon-button{width:32px;height:32px}.nav-actions .icon-button .icon{width:18px;height:18px}.admin-link{font-size:0;padding-left:9px;margin-left:1px;gap:0}.admin-link .icon{width:16px;height:16px}.km-main{padding-top:18px}.hero{height:190px;background-position:center,58% var(--hero-position,17%)}.hero-copy{padding:22px 21px;width:83%}.hero h1{font-size:25px;letter-spacing:1px;margin-top:14px}.hero-desc{font-size:11px}.hero-bottom{font-size:10px;gap:11px;margin-top:20px}.hero-watermark{font-size:52px;right:17px;top:16px}.hero-art-label{right:14px;bottom:14px;font-size:8px;padding:4px 9px;letter-spacing:1px}.eyebrow{font-size:9px;letter-spacing:1.2px}.summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:13px 0 23px}.summary-card{min-height:99px;padding:15px 15px}.summary-label{font-size:11px}.summary-value{font-size:24px}.summary-foot{font-size:10px;margin-top:7px}.summary-icon{top:15px;right:14px;padding:6px}.summary-value .inline-speed{font-size:20px}.tabs-toolbar{gap:8px}.main-tabs{gap:17px}.main-tab{font-size:12px;gap:5px;padding-bottom:12px}.main-tab .icon{width:16px;height:16px}.tab-count{display:none}.last-update{display:none}.refresh-controls{gap:1px}.filters{gap:13px;margin-top:16px}.groups{width:100%;gap:6px;overflow:auto;flex-wrap:nowrap}.filter-inputs{width:100%}.search-box{flex:1;min-width:0;padding:7px 9px}.search-box input{width:100%;font-size:12px}.search-box kbd{display:none}.filter-inputs select{font-size:11px;padding:8px 19px 8px 7px}.filter-inputs #sort-select{max-width:98px}.node-grid{gap:11px}.km-node-card{padding:16px 16px 12px}.node-head{gap:8px}.node-title{font-size:13px}.region-icon{width:32px;height:32px;border-radius:10px;font-size:18px}.node-status{font-size:10px}.node-sub{font-size:9px}.favorite{padding:1px}.favorite .icon{width:14px;height:14px}.node-meta-line{font-size:10px}.node-network{flex-wrap:wrap;gap:5px}.network-rate{font-size:10px}.network-rate strong{font-size:11px}.card-spark{display:none}.metric-header{font-size:10px}.metric-header strong{font-size:11px}.metric-header small{display:none}.tiny-tags{font-size:9px}.node-bottom{font-size:9px}.node-bottom button{font-size:10px}.mascot{display:none}.km-footer{flex-direction:column;align-items:flex-start;gap:7px;padding-top:17px;margin-top:10px}.footer-right{font-size:10px;gap:11px}.fleet-foot{font-size:10px;align-items:flex-start}.fleet-foot span:last-child{max-width:45%;text-align:right}.dialog-inner,dialog .dialog-inner{padding:21px 19px}.wallpaper-grid{gap:7px}.wallpaper-choice img{height:76px}.wallpaper-choice .wallpaper-caption{padding:8px 7px;font-size:11px}.wallpaper-choice small{font-size:8px;letter-spacing:.3px}.dialog-header h2{font-size:18px}.detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.detail-info{grid-template-columns:1fr}.detail-top h2{font-size:17px}.detail-tabs{gap:4px}.detail-tabs button{font-size:11px;padding:5px 8px}.detail-tabs select{font-size:11px;padding:6px 15px 6px 8px}.chart{height:150px}.chart-section{padding:13px 10px 8px}.network-panel{padding:18px 16px}.network-heading{gap:13px}.network-selectors{width:100%}.network-selectors select{flex:1}.ping-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ping-stats .detail-metric strong{font-size:23px}.appearance-picker button{padding:7px 8px}.hero-bottom .hero-version{display:none}.gpu-grid{grid-template-columns:1fr}}
@media(max-width:480px){.node-grid{grid-template-columns:1fr}.km-node-card{padding:19px 19px 14px}.node-head{gap:11px;margin-bottom:15px}.region-icon{width:38px;height:38px;font-size:21px}.node-title{font-size:15px}.node-status{font-size:11px}.node-sub{font-size:10px}.favorite{padding:4px}.favorite .icon{width:16px;height:16px}.metric-header{font-size:11px}.metric-header strong{font-size:12px}.metric-header small{display:inline}.node-network{flex-wrap:nowrap;margin:15px 0}.network-rate strong{font-size:12px}.node-meta-line{font-size:11px}.node-bottom{font-size:10px}.node-bottom button{font-size:11px}.card-spark{display:block;bottom:48px;right:19px}.hero h1{font-size:24px}.hero-copy{width:90%}.hero-desc{max-width:80%}.hero{background-image:linear-gradient(90deg,#0b2635ed,#0b2635ce 50%,#0b263552),var(--wallpaper)}.hero-watermark{font-size:43px;opacity:.65}.hero-art-label{font-size:7px;right:12px;bottom:11px}.main-tabs{gap:15px}.connection-pill{font-size:9px;gap:5px}.nav-actions #nav-appearance{display:none}.brand-title{font-size:13px}.brand-sub{font-size:7px}.nav-inner{gap:8px}.summary-value .inline-speed{font-size:19px}.filter-inputs #status-select{max-width:85px}.detail-metric strong{font-size:21px}.detail-info dd{max-width:64%}.info-row{gap:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* Mini charts retain card dimensions at every breakpoint. */
.chart.mini-chart{height:100%;line-height:0}
.km-layout{position:relative}
.mascot{position:absolute;top:167px;bottom:auto;right:max(32px,calc((100% - 1280px)/2 + 22px));width:96px}
.mascot-caption{bottom:105px;right:5px}
@media(min-width:1480px){.mascot{width:106px;right:calc((100% - 1280px)/2 + 22px);top:160px;bottom:auto}}
@media(max-width:1100px){.mascot{right:35px;top:178px;width:80px;bottom:auto}}
@media(max-width:760px){.mascot{display:none}}

/* Miku39 1.1: adjustable glass, integrated Ping, globe and companions. */
:root{--panel-opacity:.64;--glass-blur:24px;--glass-border-alpha:.32;--surface-rgb:13,30,41;--surface-soft-rgb:18,42,54;--surface:rgba(var(--surface-rgb),var(--panel-opacity));--surface-soft:rgba(var(--surface-soft-rgb),calc(var(--panel-opacity) * .85));--border:rgba(157,209,223,calc(var(--glass-border-alpha) * .6));--border-strong:rgba(124,225,219,var(--glass-border-alpha))}
html[data-appearance="light"]{--surface-rgb:248,254,255;--surface-soft-rgb:221,241,246;--surface:rgba(var(--surface-rgb),var(--panel-opacity));--surface-soft:rgba(var(--surface-soft-rgb),calc(var(--panel-opacity) * .85));--border:rgba(50,105,123,calc(var(--glass-border-alpha) * .55));--border-strong:rgba(29,137,132,var(--glass-border-alpha))}
.km-node-card,.summary-card,.panel,.km-navbar,.search-box,.view-toggle{background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(135%);backdrop-filter:blur(var(--glass-blur)) saturate(135%)}
html[data-appearance="light"] .km-navbar{background:var(--surface)}
.km-node-card,.summary-card,.panel{box-shadow:inset 0 1px 0 #ffffff0d,var(--shadow)}
html[data-glass="off"] .km-node-card,html[data-glass="off"] .summary-card,html[data-glass="off"] .panel,html[data-glass="off"] .km-navbar,html[data-glass="off"] .search-box,html[data-glass="off"] .view-toggle{-webkit-backdrop-filter:none;backdrop-filter:none}
.country-flag{display:block;width:28px;height:19px;object-fit:cover;border-radius:3px;box-shadow:0 1px 4px #0002;flex-shrink:0}.country-fallback{font-size:12px;color:var(--muted);font-weight:700}.region-icon{overflow:hidden}.node-head{margin-bottom:12px}.node-address{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;margin:0 0 14px;min-width:0}.node-address .icon{width:12px;height:12px}.node-address code,.address-group{font-size:10px;margin-left:auto;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-address code{font-family:ui-monospace,monospace;color:var(--faint)}
.summary{margin-bottom:18px}.globe-panel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);overflow:hidden;border:1px solid var(--border-strong);border-radius:20px;margin:0 0 26px;padding:0;min-height:320px;isolation:isolate;position:relative}.globe-panel:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 20% 50%,#39c5bb09,transparent 70%);pointer-events:none}.globe-visual{position:relative;min-width:0;min-height:335px;border-right:1px solid var(--border)}.globe-overline{position:absolute;top:19px;left:24px;font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:13px;color:var(--muted);pointer-events:none}.globe-live-tag{padding:3px 7px;border:1px solid var(--border-strong);border-radius:20px;color:var(--accent);letter-spacing:0;font-size:10px}#traffic-globe{display:block;width:100%;height:335px;cursor:grab;touch-action:pan-y}#traffic-globe.dragging{cursor:grabbing;touch-action:none}.globe-tools{position:absolute;bottom:13px;left:21px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:6px}.globe-tools>span{font-size:10px;color:var(--muted)}.globe-tools>div{display:flex;gap:3px}.globe-tools .icon-button{width:29px;height:29px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);font-size:18px}.globe-tools .icon{width:14px;height:14px}.globe-copy{padding:25px 28px 18px;min-width:0}.globe-copy .eyebrow{font-size:10px;letter-spacing:2px}.globe-copy h2{font-size:25px;font-weight:600;letter-spacing:1px;margin:8px 0 4px}.globe-subtitle{font-size:11px;color:var(--muted);margin:0 0 14px}.globe-destination{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted)}.globe-destination select{padding:4px 22px 4px 9px;font-size:11px;background:var(--surface-soft)}.globe-destination .country-flag{width:24px;height:16px}.globe-metrics{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;margin:17px 0 10px}.globe-metrics small{display:block;font-size:10px;color:var(--muted)}.globe-metrics strong{font-size:22px;line-height:1.4;font-weight:600;letter-spacing:-.3px}.globe-route-list{display:grid;gap:5px}.globe-route{display:flex;align-items:center;gap:9px;text-align:left;color:var(--muted);font-size:11px;padding:3px 0;min-width:0;width:100%}.globe-route .country-flag{width:20px;height:14px}.globe-route>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.globe-route strong{font-size:11px;font-weight:500;color:var(--accent);white-space:nowrap}.globe-note{font-size:10px;line-height:1.6;color:var(--muted);opacity:.88;margin:13px 0 0}.globe-no-routes,.globe-missing{color:var(--muted);font-size:11px;margin:4px 0}.globe-missing{font-size:10px}
.inline-ping{margin:13px 0 2px;padding-top:10px;border-top:1px solid var(--border);min-width:0}.inline-ping-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.inline-ping-heading>button:first-child{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text);padding:0}.inline-ping-heading .icon{width:13px;height:13px;color:var(--accent)}.inline-ping-heading small{font-size:9px;font-weight:400;color:var(--muted);margin-left:3px}.ping-refresh{padding:2px;display:grid;place-items:center;color:var(--muted)}.ping-refresh .icon{width:12px;height:12px}.inline-ping-rows{display:grid;gap:1px}.inline-ping-row{display:grid;grid-template-columns:minmax(48px,1.2fr) minmax(25px,.75fr) 51px 39px;gap:7px;align-items:center;width:100%;text-align:left;padding:5px 0;font-size:10px;border-radius:5px}.inline-ping-row:hover{background:#39c5bb09}.ping-task-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.inline-ping-row strong{font-size:11px;white-space:nowrap;text-align:right;font-weight:600}.good{color:var(--accent)}.fair{color:#eeb66c}.poor{color:var(--pink)}html[data-appearance="light"] .fair{color:#9b6908}.ping-loss{font-size:10px;text-align:right;color:var(--muted);white-space:nowrap}.ping-loss small{font-size:8px;display:block;line-height:1.1;color:var(--faint)}.ping-mini{height:22px;overflow:hidden}.ping-mini .chart{height:22px}.ping-mini .chart-empty{font-size:9px;height:22px;padding:0}.ping-empty{font-size:10px;line-height:1.6;color:var(--muted);min-height:24px;margin:7px 0}.ping-empty button{font-size:10px;color:var(--accent);margin-left:7px}.ping-more{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;font-size:9px;color:var(--muted);padding:4px 0;margin-top:3px}.ping-more .icon{height:10px;width:10px}.ping-stale{font-size:9px;color:var(--muted);padding-top:5px}.table-ping{border:0;padding:0;margin:0;min-width:100px}.ping-summary{text-align:left;color:var(--accent);font-size:12px;padding:0;white-space:nowrap}.ping-summary small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.ping-detail-note{color:var(--muted);font-size:11px}.ping-detail-task{border:1px solid var(--border);padding:17px 18px;border-radius:12px;margin:15px 0}.ping-detail-task .chart-section-title{display:flex;justify-content:space-between;gap:10px}.ping-detail-task .chart-section-title span{font-size:10px;color:var(--muted)}.ping-detail-task .ping-stats{gap:8px;margin:12px 0}.ping-detail-task .detail-metric{padding:8px;background:var(--surface-soft)}.ping-detail-task .detail-metric strong{font-size:17px}.detail-tabs{flex-wrap:wrap}.detail-tabs select{margin-left:auto}
.setting-section{padding:13px 0 4px;border-top:1px solid var(--border);margin-top:8px}.setting-section h3{font-size:12px;font-weight:600;letter-spacing:.5px;color:var(--accent);margin:4px 0 8px}.setting-section .range-row{margin-top:16px}.glass-presets{display:flex;gap:8px;margin:16px 0 7px}.glass-presets .secondary-button{flex:1;text-align:center;justify-content:center;padding:7px 10px;font-size:12px}.mascot-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:7px 0 14px}.mascot-choice{padding:9px 4px 8px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft);min-width:0;transition:background .2s,border-color .2s}.mascot-choice.active{border-color:var(--accent);background:#39c5bb12}.mascot-choice img{width:100%;height:100px;object-fit:contain;display:block;filter:drop-shadow(0 4px 8px #0003)}.mascot-choice span{font-size:10px;display:block;margin-top:7px;color:var(--muted)}.mascot-choice.active span{color:var(--accent)}
.hero-companion{position:absolute;right:27px;top:32px;z-index:2;width:115px;display:grid;justify-items:center}.hero-companion .mascot{position:relative!important;inset:auto!important;bottom:auto;top:auto;width:115px;display:block}.hero-companion .mascot img{width:100%;height:auto}.hero-companion .mascot-caption{bottom:auto;top:16px;right:105px;color:#b9fff6;background:#082431c9;z-index:2}.companion-switch{display:flex;align-items:center;gap:5px;color:#cefffa;background:#09283680;border:1px solid #b9fff530;border-radius:20px;padding:4px 9px;font-size:9px;margin-top:8px;backdrop-filter:blur(10px)}.companion-switch .icon{height:11px;width:11px}.hero-art-label{right:169px}.hero-watermark{right:167px;font-size:60px;opacity:.7}html[data-mascot="off"] .hero-companion,html[data-focus="true"] .hero-companion{display:none}
@media(max-width:1100px){.globe-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.globe-copy{padding:23px 20px 17px}.globe-metrics strong{font-size:20px}.globe-copy h2{font-size:23px}.hero-companion{right:22px;top:43px;width:99px}.hero-companion .mascot{width:99px}.hero-art-label{right:146px}.hero-watermark{right:140px}.globe-overline{left:19px;gap:7px;font-size:9px;letter-spacing:1px}}
@media(max-width:760px){.globe-panel{grid-template-columns:minmax(0,1fr);margin-bottom:20px}.globe-visual{border-right:0;border-bottom:1px solid var(--border);min-height:285px}#traffic-globe{height:285px}.globe-copy{padding:20px 21px}.globe-copy h2{font-size:23px}.globe-metrics{margin-top:14px}.globe-route-list{grid-template-columns:1fr}.globe-tools{left:16px;right:14px;bottom:10px}.globe-overline{top:15px;left:18px}.hero-companion{right:15px;top:auto;bottom:15px;width:75px}.hero-companion .mascot{width:75px;display:block}.companion-switch{padding:3px 6px;font-size:8px;margin-top:4px}.hero-art-label{right:105px;font-size:8px;bottom:16px;padding:4px 8px}.hero-watermark{display:none}.hero-desc{max-width:80%}.hero-bottom{max-width:80%}.hero-companion .mascot-caption{display:none}.mascot-picker{gap:6px}.mascot-choice img{height:82px}.mascot-choice span{font-size:9px}.ping-detail-task{padding:12px}.ping-detail-task .detail-metric strong{font-size:14px}.ping-detail-task .chart-section-title{flex-wrap:wrap}.detail-tabs{gap:10px}.detail-tabs button{font-size:12px}.detail-tabs select{font-size:10px}.inline-ping-row{grid-template-columns:minmax(70px,1fr) minmax(40px,.9fr) 53px 41px}}
@media(max-width:420px){.hero h1{font-size:23px}.hero-copy{width:88%;padding-left:18px}.hero-companion{width:62px;right:12px;bottom:16px}.hero-companion .mascot{width:62px}.companion-switch{font-size:7px;gap:3px}.hero-art-label{right:91px}.mascot-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.mascot-choice img{height:100px}.mascot-choice span{font-size:11px}.globe-copy h2{font-size:22px}.globe-tools>span{font-size:9px}.detail-tabs{gap:7px}}
@media(max-width:760px){.hero{height:auto;min-height:214px}.hero-copy{width:100%;padding-bottom:43px}.hero h1{max-width:calc(100% - 58px)}.hero-bottom{flex-wrap:wrap;max-width:calc(100% - 65px);gap:8px;margin-top:17px}.hero-desc{max-width:calc(100% - 66px)}}
@media(max-width:480px){.filter-inputs{flex-wrap:wrap}.search-box{flex-basis:100%;width:100%}.filter-inputs select{flex:1;max-width:none!important}.view-toggle{margin-left:auto}.hero-bottom #hero-time,.hero-bottom .divider{display:none}}
@media(max-width:360px){.nav-actions .connection-pill{display:none}.brand-sub{letter-spacing:1px}}

/* v1.2: keep glass surfaces stable while live values change. */
.km-node-card{transition:border-color .2s;isolation:isolate}
.km-node-card:hover{transform:none}
.km-node-card strong,.summary-value,.globe-metrics strong{font-variant-numeric:tabular-nums}
.inline-ping-rows{gap:3px}
.inline-ping-row{grid-template-columns:minmax(55px,.85fr) minmax(0,1.1fr) minmax(0,1.1fr);gap:10px;min-height:43px;padding:5px 0}
.ping-task-name{font-size:10px;line-height:1.5}
.ping-metric{display:grid;gap:3px;min-width:0}
.ping-metric-head{display:flex;align-items:baseline;justify-content:space-between;gap:4px;min-width:0;line-height:1.2}
.ping-metric-head small{font-size:9px;color:var(--muted)}
.ping-metric-head strong{font-size:11px;font-weight:600}
.ping-mini{display:block;height:22px;min-width:0}
.ping-mini .mini-chart,.ping-mini svg{display:block;height:22px;width:100%}
.ping-mini .chart-empty{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:22px;text-align:center}
.table-ping{min-width:250px;max-width:320px}
.table-ping .inline-ping-row{grid-template-columns:70px 85px 85px}
.ping-chart-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.ping-chart-pair .chart-section{min-width:0;margin:10px 0 2px}
.ping-chart-pair .chart-section-title{font-size:11px;flex-wrap:wrap}
.ping-chart-pair .chart-section-title small{font-size:9px}
.network-task-pair{margin:22px 0;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft)}
.network-task-pair h3{margin:0;font-size:13px;font-weight:600;color:var(--text)}
.globe-visual{display:flex;align-items:center;justify-content:center}
.globe-destination select{max-width:230px;width:min(230px,100%);min-width:0}
.globe-destination label,.globe-destination>span{flex-shrink:0}
.destination-caption{font-size:10px;color:var(--accent);margin-top:10px;line-height:1.6;overflow-wrap:anywhere}
.custom-destination{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0 4px;padding:12px;background:var(--surface-soft);border:1px solid var(--border);border-radius:10px}
.custom-destination[hidden]{display:none}
.custom-destination label{font-size:10px;color:var(--muted);display:grid;gap:5px;min-width:0}
.custom-destination .destination-name,.custom-destination>button,.custom-destination>p,.custom-destination>small{grid-column:1/-1}
.custom-destination input{width:100%;min-width:0;padding:7px 9px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);font-size:11px;outline-offset:2px}
.custom-destination>button{font-size:11px;padding:7px;justify-content:center}
.custom-destination>small{color:var(--muted);font-size:9px;line-height:1.6}
.custom-destination .destination-error{font-size:10px;color:var(--pink);line-height:1.6;margin:0}
@media(max-width:760px){.inline-ping-row{grid-template-columns:minmax(55px,.85fr) minmax(0,1.1fr) minmax(0,1.1fr)}.ping-chart-pair{grid-template-columns:1fr;gap:9px}.network-task-pair{padding:12px}.globe-destination select{flex:1;max-width:260px}.globe-visual{min-height:285px}}
@media(max-width:360px){.inline-ping-row{gap:7px;grid-template-columns:52px minmax(0,1fr) minmax(0,1fr)}.ping-metric-head small{font-size:8px}.ping-metric-head strong{font-size:10px}.inline-ping-heading small{margin-left:2px}}

/* v1.3 Miku world stage and measurement-backed musical tracks. */
.globe-panel{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);border-color:#75ded42e;min-height:438px}
.globe-visual{min-height:438px;overflow:hidden;background:radial-gradient(ellipse at 50% 44%,#17687a16,transparent 69%),linear-gradient(135deg,#0b2d3710,#030e1818)}
.globe-visual:after{content:"";position:absolute;inset:11px;border:1px solid #79d7cf13;border-radius:12px;pointer-events:none;z-index:2}
#traffic-globe{height:438px;position:relative;z-index:1;touch-action:pan-y}
.globe-surface{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:438px;pointer-events:none;z-index:0}
.globe-surface[hidden]{display:none}
.globe-overline{z-index:3;font-size:9px;letter-spacing:1.7px;top:22px;left:26px;color:var(--accent)}
.globe-live-tag{font-size:9px;letter-spacing:0;padding:3px 8px;background:#39c5bb08}
.globe-stage-corner{position:absolute;top:56px;left:26px;right:26px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:var(--faint);z-index:3;pointer-events:none}
.globe-tools{z-index:3;left:26px;right:25px;bottom:20px}
.globe-tools>span{font-size:9px;letter-spacing:.3px}
.globe-tools .icon-button{background:var(--surface);border-color:var(--border);width:29px;height:29px}
.globe-copy{padding:33px 29px 24px;align-self:center}
.globe-copy h2{font-size:26px;line-height:1.45;letter-spacing:1px;max-width:310px;margin:9px 0}
.globe-subtitle{font-size:11px;line-height:1.7;margin-bottom:14px}
.globe-track-legend{display:flex;align-items:center;gap:11px;margin:0 0 21px;color:var(--muted);font-size:10px}
.globe-track-legend>span{display:flex;align-items:center;gap:6px}
.globe-track-legend .dot{width:4px;height:4px;color:var(--accent)}
.globe-track-legend .dot.pink{color:var(--pink)}
.track-route-line{width:47px;height:1px;background:linear-gradient(90deg,var(--accent),#b7a4f7,var(--pink));position:relative}
.track-route-line:after{content:"";width:4px;height:4px;position:absolute;right:0;top:-1.5px;border-radius:50%;background:var(--pink)}
.globe-metrics{margin:20px 0 13px;gap:18px}
.globe-metrics strong{font-size:25px;letter-spacing:-.8px}
.globe-route-list{padding-top:10px;border-top:1px solid var(--border);gap:5px}
.globe-route{padding:5px 0;font-size:10px}
.globe-route strong{font-size:10px}
.globe-note{font-size:9px;margin-top:14px;line-height:1.8}
.inline-ping{padding-top:11px;margin-top:14px}
.inline-ping-heading{margin-bottom:9px}
.inline-ping-heading>button:first-child{letter-spacing:.2px;font-size:10px}
.inline-ping-heading small{font-size:8px}
.inline-ping-row{min-height:49px;gap:11px}
.ping-task-name{display:grid;gap:4px;align-content:center}
.ping-task-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.track-index{font-family:ui-monospace,monospace;font-size:7px;letter-spacing:.8px;color:var(--faint)}
.music-track{padding:6px 0;border-bottom:1px solid #9fcece0b}
.music-track:last-child{border-bottom:0}
.ping-metric-head{padding-right:1px}
.ping-metric-head small{font-size:8px;letter-spacing:.3px}
.ping-metric-head strong{font-size:11px}
.ping-mini,.ping-mini .mini-chart,.ping-mini svg{height:30px}
.rhythm-sample{display:block;position:relative;height:30px;overflow:hidden;isolation:isolate}
.rhythm-sample svg{width:100%;height:30px;display:block;overflow:visible}
.rhythm-staff{stroke:var(--muted);stroke-width:.35;opacity:.12;vector-effect:non-scaling-stroke}
.rhythm-break{fill:none;stroke:var(--pink);stroke-width:1.1;vector-effect:non-scaling-stroke;opacity:.8}
.rhythm-missing{fill:none;stroke:var(--muted);stroke-width:.5;stroke-dasharray:1 2;vector-effect:non-scaling-stroke;opacity:.5}
.rhythm-playhead{position:absolute;left:0;top:2px;bottom:2px;width:1px;background:var(--accent);opacity:calc(var(--rhythm-glow,.7)*.21);pointer-events:none;animation:track-sweep 8s linear infinite;box-shadow:0 0 5px #b0fff21a}
.rhythm-empty{display:block;font-size:8px;line-height:30px;text-align:center;color:var(--muted);letter-spacing:.4px;white-space:nowrap}
@keyframes track-sweep{0%{left:0;opacity:0}6%{opacity:calc(var(--rhythm-glow,.7)*.21)}94%{opacity:calc(var(--rhythm-glow,.7)*.21)}100%{left:100%;opacity:0}}
html[data-rhythm="on"] .meter span{background-image:repeating-linear-gradient(90deg,transparent 0,transparent 5px,#0c24354d 5px,#0c24354d 7px)}
html[data-playing="off"] .rhythm-playhead{animation-play-state:paused}
.km-node-card.offline .rhythm-playhead,.km-node-card.unknown .rhythm-playhead,html[data-motion="off"] .rhythm-playhead{display:none}
.quality-setting{display:flex;justify-content:space-between;align-items:center;padding:15px 0;font-size:12px;color:var(--muted);gap:15px}
.quality-setting select{font-size:12px;min-width:118px}
.network-task-pair h3,.ping-detail-task>.chart-section-title{position:relative;padding-left:13px}
.network-task-pair h3:before,.ping-detail-task>.chart-section-title:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:4px;background:linear-gradient(var(--accent),var(--pink))}
html[data-appearance="light"] .globe-visual{background:radial-gradient(ellipse at 50% 44%,#a0e6df25,transparent 72%),linear-gradient(135deg,#eaf8f629,#d9ecf130)}
html[data-appearance="light"] .music-track{border-color:#0b8c8711}
html[data-appearance="light"] .globe-visual:after{border-color:#24898518}
@media(max-width:1100px){.globe-panel{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.globe-copy{padding:26px 22px}.globe-copy h2{font-size:24px}.globe-overline{left:21px;gap:8px;letter-spacing:1px}.globe-tools{left:21px;right:20px}.globe-tools>span{font-size:8px}.globe-stage-corner{left:21px;right:21px;font-size:7px;letter-spacing:1px}}
@media(max-width:760px){.globe-panel{grid-template-columns:1fr}.globe-visual{min-height:355px}#traffic-globe,.globe-surface{height:355px}.globe-copy{padding:24px}.globe-copy h2{font-size:24px;max-width:100%}.globe-metrics{margin-top:18px}.globe-overline{top:20px;font-size:9px}.globe-stage-corner{top:53px}.globe-tools{bottom:16px}.globe-track-legend{margin-bottom:18px}.globe-tools>span{font-size:9px}}
@media(max-width:360px){.globe-tools>span{max-width:72px;line-height:1.6;font-size:8px}.globe-overline{font-size:8px;letter-spacing:.8px;gap:7px}.globe-live-tag{font-size:8px;padding:2px 6px}.inline-ping-row{gap:7px}.track-index{font-size:6px;letter-spacing:.4px}}
@media(prefers-reduced-motion:reduce){.rhythm-playhead{display:none}}

/* v1.4 Server traffic, billing and persistent geographic markers. */
.server-traffic{margin:0 0 12px;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft);min-width:0}
.server-traffic-head{display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap;font-size:11px;color:var(--muted)}
.server-traffic-head>span{display:flex;align-items:center;gap:5px}.server-traffic-head .icon{width:13px;height:13px;color:var(--accent)}
.server-traffic-head small{font-size:9px;color:var(--faint)}.server-traffic-head strong{font-size:12px;color:var(--text);font-weight:500;font-variant-numeric:tabular-nums}
.server-traffic .meter{margin-top:8px}.server-traffic-counts{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}
.server-traffic-note{font-size:9px;line-height:1.5;color:var(--faint);margin-top:5px;overflow-wrap:anywhere}
.server-billing{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:0 0 13px;padding:0 0 12px;border-bottom:1px solid var(--border)}
.server-billing>div{min-width:0}.server-billing dt{font-size:10px;color:var(--muted);margin-bottom:4px}.server-billing dd{font-size:11px;color:var(--text);line-height:1.6;margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.server-billing small{display:block;font-size:9px;color:var(--faint);line-height:1.6;margin-top:2px}.server-billing .expiry-urgent dd,.expiry-urgent small{color:var(--pink)}
/* v1.4.2 Keep card billing in a compact, wrapping metadata row. */
.server-billing.server-billing-compact{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:5px 12px;margin:0 0 8px;padding:0;border:0}
.server-billing-compact>div{display:flex;align-items:baseline;gap:5px;max-width:100%}.server-billing-compact dt{flex-shrink:0;margin:0;font-size:10px}
.server-billing-compact dd{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 6px;min-width:0;font-size:11px}.server-billing-compact .billing-date{white-space:nowrap}
.server-billing-compact small{display:inline;margin:0;color:var(--muted);white-space:nowrap}.server-billing-compact small::before{content:'·';margin-right:5px;color:var(--faint)}
.server-billing-compact .expiry-urgent small{color:var(--pink)}
.server-billing-compact+.inline-ping{margin-top:8px}
.table-traffic strong,.table-expiry strong{display:block;font-size:11px;font-weight:500;font-variant-numeric:tabular-nums}.table-traffic small,.table-expiry small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.table-billing{font-variant-numeric:tabular-nums}.table-expiry.expiry-urgent strong,.table-expiry.expiry-urgent small{color:var(--pink)}
#detail-billing-summary .server-billing{margin-bottom:20px;padding:12px 15px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft)}
#detail-billing-summary .server-billing dt{font-size:11px}#detail-billing-summary .server-billing dd{font-size:14px}#detail-billing-summary .server-billing small{font-size:10px}
#detail-live-traffic .server-traffic{margin-bottom:10px}
.globe-visual{display:flex;align-items:center}.globe-position-legend{flex-wrap:wrap;gap:9px 13px;margin-bottom:15px}
.server-status-dot{display:inline-block;width:6px;height:6px;border:1px solid currentColor;border-radius:50%;flex-shrink:0;color:var(--muted)}
.server-status-dot.online{color:var(--accent);background:var(--accent)}.server-status-dot.offline{color:var(--pink);background:transparent}.server-status-dot.unknown{color:#e3c482;background:transparent}
.globe-position-help{font-size:9px;line-height:1.6;color:var(--muted);margin:3px 0 8px}
#globe-routes{max-height:152px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;padding:6px 3px 3px 0}
.globe-server-row{padding:3px 0;gap:6px}.globe-server-position{display:flex;align-items:center;gap:9px;min-width:0;flex:1;text-align:left;padding:4px 0;color:var(--muted)}
.globe-server-position>span{display:block;min-width:0;flex:1}.globe-server-position strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;color:var(--text)}
.globe-server-position small{display:block;font-size:8px;color:var(--faint);margin-top:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.globe-server-position:hover strong{color:var(--accent)}
.globe-server-rename,.globe-server-details{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;padding:5px;border-radius:8px;color:var(--muted)}.globe-server-rename .icon,.globe-server-details .icon{width:14px;height:14px}.globe-server-rename:hover,.globe-server-details:hover{color:var(--accent);background:var(--surface-soft)}
.globe-group-servers{display:grid;gap:5px}.globe-group-row{display:flex;gap:6px;align-items:center;border-bottom:1px solid var(--border)}.globe-group-detail{display:flex;flex:1;min-width:0;align-items:center;text-align:left;gap:10px;padding:12px 4px}
.globe-group-detail>span:not(.node-status){flex:1;min-width:0;overflow-wrap:anywhere;font-size:13px}.globe-group-detail small{display:block;font-size:11px;color:var(--faint);margin-top:4px}.globe-group-servers .country-flag{width:24px;height:16px}.globe-group-detail>.icon{width:14px;height:14px;color:var(--muted)}
@media(max-width:760px){.server-billing{gap:9px}.server-traffic{padding:9px 10px}.globe-copy{padding-top:24px}.globe-position-legend{gap:9px 12px}.globe-server-position small{font-size:9px}#globe-routes{max-height:160px}}

/* v1.4.1 Per-server globe labels. The editor stays mounted during live updates. */
#globe-label-dialog{width:min(480px,calc(100% - 36px))}#globe-label-server{overflow-wrap:anywhere}
.globe-label-form>label{display:block;font-size:12px;color:var(--muted)}.globe-label-form input{display:block;width:100%;min-width:0;margin-top:9px;padding:11px 12px;background:var(--surface-soft);border:1px solid var(--border);border-radius:10px;color:var(--text);font:inherit;font-size:16px}
.globe-label-form input[aria-invalid="true"]{border-color:var(--pink)}.globe-label-form .dialog-note{margin-top:12px}.globe-label-form .destination-error{margin:10px 0 0}.globe-label-actions{display:flex;gap:8px;align-items:center}
@media(max-width:760px){.globe-server-rename,.globe-server-details{width:36px;height:36px}.globe-label-form .dialog-footer{flex-wrap:wrap;row-gap:16px}.globe-label-actions{margin-left:auto}}

/* v1.4.3 Server display sizes. Scope every value to the server list. */
.km-instance-server-list{
  --node-min:350px;--node-gap:16px;--node-pad:19px 20px 14px;--node-title:15px;--node-label:11px;--node-value:12px;--node-small:10px;
  --node-region:39px;--node-head-gap:11px;--node-head-bottom:16px;--node-meta-bottom:15px;--node-meta-pad:13px;--node-address-bottom:14px;
  --node-metric-gap:11px;--node-meter:4px;--node-network-margin:16px 0 13px;--node-traffic-pad:11px 12px;--node-traffic-bottom:12px;
  --node-traffic-count-top:8px;--node-billing-bottom:8px;--node-ping-top:8px;--node-ping-pad:10px;--node-ping-head-bottom:9px;
  --node-ping-row:49px;--node-ping-row-pad:6px 0;--node-ping-gap:11px;--node-chart:30px;--node-bottom-pad:11px;--node-table-pad:16px;--node-table-ping:250px;
}
html[data-node-size="mini"] .km-instance-server-list{
  --node-min:252px;--node-gap:10px;--node-pad:12px 13px 10px;--node-title:14px;--node-label:10px;--node-value:11px;
  --node-region:28px;--node-head-gap:7px;--node-head-bottom:8px;--node-address-bottom:6px;--node-metric-gap:6px;--node-meter:3px;
  --node-network-margin:8px 0;--node-traffic-pad:6px 8px;--node-traffic-bottom:6px;--node-traffic-count-top:4px;
  --node-billing-bottom:6px;--node-ping-top:6px;--node-ping-pad:6px;--node-ping-head-bottom:4px;--node-ping-row:26px;--node-ping-row-pad:3px 0;
  --node-ping-gap:7px;--node-bottom-pad:7px;--node-table-pad:8px 10px;--node-table-ping:190px;
}
html[data-node-size="compact"] .km-instance-server-list{
  --node-min:292px;--node-gap:12px;--node-pad:14px 15px 11px;--node-title:14px;--node-region:32px;--node-head-gap:8px;--node-head-bottom:10px;
  --node-meta-bottom:8px;--node-meta-pad:7px;--node-address-bottom:8px;--node-metric-gap:7px;--node-network-margin:10px 0 9px;
  --node-traffic-pad:8px 10px;--node-traffic-bottom:8px;--node-traffic-count-top:5px;--node-billing-bottom:6px;--node-ping-top:6px;--node-ping-pad:6px;
  --node-ping-head-bottom:5px;--node-ping-row:34px;--node-ping-row-pad:3px 0;--node-ping-gap:8px;--node-chart:18px;--node-bottom-pad:8px;--node-table-pad:11px 12px;--node-table-ping:210px;
}
html[data-node-size="large"] .km-instance-server-list{
  --node-min:440px;--node-gap:20px;--node-pad:24px 25px 20px;--node-title:18px;--node-label:13px;--node-value:14px;--node-small:12px;
  --node-region:46px;--node-head-gap:14px;--node-head-bottom:20px;--node-meta-bottom:18px;--node-meta-pad:16px;--node-address-bottom:18px;
  --node-metric-gap:14px;--node-meter:6px;--node-network-margin:20px 0 18px;--node-traffic-pad:14px 16px;--node-traffic-bottom:16px;
  --node-traffic-count-top:10px;--node-billing-bottom:12px;--node-ping-top:12px;--node-ping-pad:12px;--node-ping-head-bottom:12px;
  --node-ping-row:60px;--node-ping-row-pad:7px 0;--node-ping-gap:14px;--node-chart:36px;--node-bottom-pad:15px;--node-table-pad:20px;--node-table-ping:300px;
}
.km-instance-server-list.node-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--node-min)),1fr));gap:var(--node-gap)}
.km-instance-server-list .km-node-card{padding:var(--node-pad);min-width:0}
.km-instance-server-list .node-head{gap:var(--node-head-gap);margin-bottom:var(--node-head-bottom)}
.km-instance-server-list .region-icon{width:var(--node-region);height:var(--node-region);border-radius:calc(var(--node-region)*.3)}
.km-instance-server-list .country-flag{width:calc(var(--node-region)*.72);height:calc(var(--node-region)*.48)}
.km-instance-server-list .node-title{font-size:var(--node-title)}
.km-instance-server-list .node-sub,.km-instance-server-list .node-address{font-size:var(--node-small)}
.km-instance-server-list .node-status{font-size:var(--node-label)}
.km-instance-server-list .node-meta-line{font-size:var(--node-label);padding-bottom:var(--node-meta-pad);margin-bottom:var(--node-meta-bottom)}
.km-instance-server-list .node-address{margin-bottom:var(--node-address-bottom)}
.km-instance-server-list .metrics{gap:var(--node-metric-gap)}
.km-instance-server-list .metric-header{font-size:var(--node-label);flex-wrap:wrap;gap:3px 8px}
.km-instance-server-list .metric-header strong{font-size:var(--node-value);margin-left:auto}
.km-instance-server-list .metric-header small{font-size:var(--node-small)}
.km-instance-server-list .meter{height:var(--node-meter)}
.km-instance-server-list .node-network{margin:var(--node-network-margin);flex-wrap:wrap;font-size:var(--node-label)}
.km-instance-server-list .network-rate strong{font-size:var(--node-value)}
.km-instance-server-list .server-traffic{padding:var(--node-traffic-pad);margin-bottom:var(--node-traffic-bottom)}
.km-instance-server-list .server-traffic-head{font-size:var(--node-label)}
.km-instance-server-list .server-traffic-head strong{font-size:var(--node-value)}
.km-instance-server-list .server-traffic-counts{margin-top:var(--node-traffic-count-top);font-size:var(--node-small)}
.km-instance-server-list .server-billing-compact{margin-bottom:var(--node-billing-bottom)}
.km-instance-server-list .server-billing-compact dt{font-size:var(--node-small)}
.km-instance-server-list .server-billing-compact dd{font-size:var(--node-label)}
.km-instance-server-list .inline-ping{margin-top:var(--node-ping-top);padding-top:var(--node-ping-pad)}
.km-instance-server-list .inline-ping-heading{margin-bottom:var(--node-ping-head-bottom);gap:4px;flex-wrap:wrap}
.km-instance-server-list .inline-ping-row{grid-template-columns:minmax(50px,.85fr) minmax(0,1.1fr) minmax(0,1.1fr);min-height:var(--node-ping-row);padding:var(--node-ping-row-pad);gap:var(--node-ping-gap)}
.km-instance-server-list .ping-task-name{font-size:var(--node-small)}
.km-instance-server-list .ping-metric-head{flex-wrap:wrap;gap:2px 4px}
.km-instance-server-list .ping-metric-head strong{font-size:var(--node-value)}
.km-instance-server-list .ping-mini,.km-instance-server-list .ping-mini .mini-chart,.km-instance-server-list .ping-mini svg,.km-instance-server-list .rhythm-sample{height:var(--node-chart)}
.km-instance-server-list .node-bottom{padding-top:var(--node-bottom-pad);font-size:var(--node-small)}
.km-instance-server-list .node-bottom button{font-size:var(--node-label)}
.km-instance-server-list .node-table th,.km-instance-server-list .node-table td{padding:var(--node-table-pad)}
.km-instance-server-list .node-table .node-title{font-size:13px}
.km-instance-server-list .node-table .region-icon{width:calc(var(--node-region)*.8);height:calc(var(--node-region)*.8)}
.km-instance-server-list .node-table .country-flag{width:calc(var(--node-region)*.58);height:calc(var(--node-region)*.4)}
.km-instance-server-list .table-ping{padding:0;margin:0;min-width:var(--node-table-ping);max-width:none}
html[data-node-size="mini"] .km-instance-server-list :is(.node-meta-line,.tiny-tags,.card-spark,.track-index,.ping-mini),
html[data-node-size="mini"] .km-instance-server-list .km-node-card :is(.node-sub,.server-traffic-note,.metric-header small){display:none}
html[data-node-size="compact"] .km-instance-server-list :is(.card-spark,.track-index){display:none}
html[data-node-size="mini"] .km-instance-server-list .ping-task-name,html[data-node-size="compact"] .km-instance-server-list .ping-task-name{gap:0}
html[data-node-size="large"] .km-instance-server-list .node-table{font-size:14px}
html[data-node-size="large"] .km-instance-server-list .node-table .node-title{font-size:16px}
html[data-node-size="large"] .km-instance-server-list :is(.node-table th,.server-billing-compact small,.server-traffic-note,.inline-ping-heading>button:first-child){font-size:12px}
html[data-node-size="large"] .km-instance-server-list :is(.ping-metric-head small,.inline-ping-heading small){font-size:10px}
html[data-node-size="large"] .km-instance-server-list :is(.table-traffic strong,.table-expiry strong){font-size:13px}
html[data-node-size="large"] .km-instance-server-list :is(.table-traffic small,.table-expiry small,.tiny-tags){font-size:11px}
.node-size-setting>.setting-description{margin:0 0 12px;line-height:1.7}
.node-size-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.node-size-choice{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:9px;min-width:0;min-height:112px;padding:12px 6px;border:1px solid var(--border);border-radius:11px;background:var(--surface-soft);color:var(--muted)}
.node-size-choice:hover{border-color:var(--border-strong)}.node-size-choice.active{border-color:var(--accent);background:#39c5bb12;color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.node-size-choice strong{display:flex;align-items:center;justify-content:center;gap:4px;font-size:13px;font-weight:600}.node-size-choice em{font-size:8px;font-style:normal;background:#39c5bb20;border-radius:4px;padding:1px 3px}
.node-size-choice small{display:block;font-size:9px;color:var(--muted);line-height:1.6;text-align:center}
.node-size-sample{display:grid;align-content:center;gap:3px;width:32px;height:24px;border:1px solid currentColor;border-radius:4px;padding:4px 5px;opacity:.8}
.node-size-sample i{display:block;border-top:1px solid currentColor}.sample-mini{width:23px;height:18px;gap:2px;padding:3px 4px}.sample-compact{width:28px;height:22px}.sample-large{width:39px;height:29px;gap:4px}
.node-size-note{font-size:10px;color:var(--muted);line-height:1.7;margin:12px 0 6px}
@media(max-width:480px){.node-size-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.node-size-choice{min-height:104px}.node-size-choice small{font-size:10px}}

/* v1.4.5 Custom backgrounds share the existing dim, blur and glass controls. */
.custom-wallpaper-preview{position:relative;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface-soft);margin:0 0 16px;min-height:130px}
.custom-wallpaper-preview img{display:block;width:100%;height:160px;object-fit:cover}
.custom-wallpaper-preview>span{position:absolute;left:10px;bottom:10px;padding:4px 9px;border-radius:6px;font-size:10px;background:#07151edb;color:#eaf5f6;max-width:calc(100% - 20px)}
.wallpaper-upload,.wallpaper-url-form{padding:12px 0;min-width:0}
.wallpaper-upload>label,.wallpaper-url-form>label{display:block;font-size:12px;font-weight:500;margin:0 0 9px}
.wallpaper-upload input{display:block;width:100%;max-width:100%;font-size:12px;padding:8px;border:1px dashed var(--border-strong);border-radius:8px;background:var(--surface-soft)}
.wallpaper-upload input::file-selector-button{border:1px solid var(--border);border-radius:6px;background:var(--surface-solid);color:var(--text);font:inherit;padding:6px 10px;margin-right:10px;cursor:pointer}
.wallpaper-upload p,.wallpaper-url-form p{font-size:10px;line-height:1.7;margin:8px 0 0;color:var(--muted)}
.wallpaper-saved{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;font-size:10px;color:var(--muted)}
.wallpaper-saved>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wallpaper-saved button{flex-shrink:0;font-size:11px}
.wallpaper-url-form>div{display:flex;gap:8px;align-items:stretch}
.wallpaper-url-form input{flex:1;width:0;min-width:0;padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);font-size:13px;color:var(--text)}
.wallpaper-url-form button{flex-shrink:0;padding:8px 12px;font-size:12px}
.wallpaper-loading,.wallpaper-error{font-size:11px;line-height:1.7;margin:8px 0 6px;overflow-wrap:anywhere}.wallpaper-loading{color:var(--accent)}.wallpaper-error{color:var(--pink)}
.builtin-wallpapers{margin-top:12px}.builtin-wallpapers .wallpaper-grid{margin-top:10px}
@media(max-width:480px){.custom-wallpaper-preview img{height:135px}.wallpaper-url-form input{font-size:16px}.wallpaper-url-form button{padding:8px;font-size:11px}}