@font-face{font-family:"Monitor Sans";src:url('/fonts/noto-ui-v6.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:"Monitor Numbers";src:url('/fonts/nunito-ui-v6.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}
@font-face{font-family:"Monitor Happy";src:url('/fonts/happy-ui-v6.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:light;font-family:"Monitor Numbers","Monitor Sans","Microsoft YaHei",sans-serif;--bg:#fffcf5;--surface:#fff;--surface-subtle:#f5f7fc;--text:#29344d;--muted:#5c6880;--border:#e5eaf5;--primary:#355fc9;--primary-soft:#eaf0ff;--green:#16735e;--blue:#a13d72;--amber:#a34d26;--red:#b23848;--sidebar:#f0f4ff;--shadow:0 5px 0 #e7ebf554,0 8px 24px #344e8410;--chart-grid:#e5eafa;--chart-muted:#5c6880;--chart-cpu:#4c77df;--chart-rx:#218774;--chart-mem:#bf5689;--chart-tx:#c16a35;--mono:"Monitor Numbers","Monitor Sans",sans-serif;--sidebar-width:224px;--cpu-card:#eaf3ff;--mem-card:#fff0f6;--net-card:#eaf8f3;--disk-card:#fff6dd;--cpu-ink:#345fc7;--mem-ink:#9b3b70;--net-ink:#197058;--disk-ink:#935b19;--warning:#fff5df;--warning-line:#f1d49c}
:root[data-theme="dark"]{color-scheme:dark;--bg:#161d30;--surface:#212a42;--surface-subtle:#28334d;--text:#f0f2fc;--muted:#b7c1d9;--border:#3d4965;--primary:#a5c2ff;--primary-soft:#2f426a;--green:#a4e4c9;--blue:#ffb4d8;--amber:#ffc795;--red:#ffb1b9;--sidebar:#1b253d;--shadow:0 5px 0 #10172844;--chart-grid:#3a4763;--chart-muted:#b7c1d9;--chart-cpu:#a5c2ff;--chart-rx:#a4e4c9;--chart-mem:#ffafd4;--chart-tx:#ffc58d;--cpu-card:#273956;--mem-card:#442f46;--net-card:#253f3b;--disk-card:#423b2d;--cpu-ink:#bbd1ff;--mem-ink:#ffc5e3;--net-ink:#b4ecd2;--disk-ink:#ffda9b;--warning:#403727;--warning-line:#786441}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.65;font-weight:400}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}h2{font-size:20px;font-weight:700;letter-spacing:.1px}h3{font-size:19px;font-weight:700}strong{font-weight:700}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button,a{transition:background-color .18s,color .18s,box-shadow .18s}button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid var(--primary);outline-offset:4px}button:disabled{cursor:wait;opacity:.65}button:active{filter:brightness(.96)}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-80px;left:24px;z-index:100;background:var(--surface);padding:12px;border:2px solid var(--primary);border-radius:12px}.skip:focus{top:12px}.muted{color:var(--muted)}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:var(--sidebar);border-right:2px solid var(--border);display:flex;flex-direction:column;padding:30px 16px 20px;z-index:30}.brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:800;line-height:1.3}.brand-mark{width:45px;height:47px;display:grid;place-items:center;background:#6c8df0;color:#fff;border:3px solid #dce5ff;border-radius:16px;box-shadow:0 4px 0 #c5d2fa;transform:rotate(-5deg);flex-shrink:0}.brand-mark .icon{width:25px;height:25px}.brand small{display:block;color:var(--muted);font-family:"Monitor Sans",sans-serif;font-size:14px;font-weight:500;margin-top:7px;letter-spacing:.5px}.nav-caption{margin:37px 14px 14px;color:var(--muted);font-size:14px;font-weight:600;letter-spacing:.8px}.navigation{display:flex;flex-direction:column;gap:10px}.navigation>a{display:flex;align-items:center;gap:12px;min-height:50px;padding:12px 14px;border-radius:15px;font-size:16px;color:var(--muted);font-weight:500;border:2px solid transparent}.navigation>a:hover{background:var(--surface);color:var(--primary)}.navigation>a.active{background:var(--surface);color:var(--primary);border-color:var(--border);box-shadow:0 3px 0 #a6b5db24;font-weight:700}.navigation>a:nth-child(2) .icon{color:var(--mem-ink)}.navigation>a:nth-child(3) .icon{color:var(--net-ink)}.navigation>a:nth-child(4) .icon{color:var(--disk-ink)}.nav-pill{margin-left:auto;color:#71500e;background:#ffeb9a;border-radius:7px;padding:2px 5px;font-size:14px;font-weight:800;letter-spacing:.6px}.mobile-nav-label{display:none}.sidebar-bottom{margin-top:auto;padding:24px 4px 0}.node-status{display:flex;align-items:center;gap:8px;background:var(--surface);border:2px solid var(--border);border-radius:16px;padding:13px 10px;font-size:14px}.node-status small{display:block;font-family:var(--mono);font-size:14px;margin-top:4px;font-weight:700}.node-os{margin-left:auto;align-self:start;font-size:14px;color:var(--muted)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0}.sidebar-note{margin:18px 8px 23px;color:var(--muted);font-size:14px;line-height:1.9}.sidebar-foot{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding:15px 4px 0;color:var(--muted);font-size:14px;letter-spacing:1px}.sidebar-foot span{color:var(--primary);font-weight:700}
.workspace{margin-left:var(--sidebar-width);min-width:0}.topbar{height:79px;padding:0 34px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{font-size:15px;color:var(--muted)}.breadcrumb span{padding:0 13px;color:var(--muted);opacity:.5}.breadcrumb strong{font-weight:600;color:var(--text)}.topbar-actions{display:flex;align-items:center;gap:16px}.clock{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:15px;font-variant-numeric:tabular-nums}.clock .icon{width:17px;height:17px}.icon-button{display:grid;place-items:center;width:44px;height:44px;background:var(--surface-subtle);border:2px solid var(--border);border-radius:15px;color:var(--primary)}.icon-button:hover{background:var(--primary-soft)}.avatar{display:grid;place-items:center;width:36px;height:36px;border:3px solid #fff0c9;border-radius:14px;background:#ffe39a;color:#79510b;font-size:16px;font-weight:800;transform:rotate(5deg)}main{max-width:1720px;margin:auto;padding:35px 34px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:27px}.eyebrow{font-family:"Monitor Sans",sans-serif;font-size:15px;color:var(--muted);font-weight:500;letter-spacing:.6px;margin-bottom:9px}.eyebrow::before{content:"";display:inline-block;vertical-align:middle;width:9px;height:9px;background:#83a7fa;border:2px solid #d5e3ff;border-radius:50%;margin-right:8px}h1{font-family:"Monitor Happy","Monitor Sans",sans-serif;font-size:38px;font-weight:400;letter-spacing:1px;line-height:1.35}.heading-dot{display:inline-block;color:#e5a92c;margin-left:7px}.page-heading p{font-size:16px;color:var(--muted);margin-top:10px}.heading-actions{display:flex;gap:12px}.button{height:46px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:2px solid var(--border);border-radius:15px;background:var(--surface);color:var(--text);font-size:15px;font-weight:600;white-space:nowrap;box-shadow:0 3px 0 #b4bdd326}.button .icon{width:17px;height:17px}.button:hover{border-color:var(--primary);background:var(--primary-soft)}.button.primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 0 #25478e25}.button.primary:hover{filter:brightness(1.05)}[data-theme="dark"] .button.primary{color:#1a294b}
.server-strip{display:flex;align-items:center;gap:20px;padding:18px 20px;background:var(--surface);border:2px solid var(--border);border-radius:19px;box-shadow:var(--shadow);margin-bottom:22px}.server-identity{display:flex;align-items:center;gap:12px;min-width:0}.server-icon{display:grid;place-items:center;flex-shrink:0;width:43px;height:45px;background:var(--cpu-card);border:1px solid var(--border);border-radius:14px;color:var(--cpu-ink)}.server-identity strong{font-size:16px;font-weight:700;display:block;overflow-wrap:anywhere}.server-identity>div>span{display:block;margin-top:3px;font-size:14px;color:var(--muted)}.inline-dot{padding:0 7px}.server-facts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 15px;font-size:14px;color:var(--muted);flex:1;min-width:0}.server-facts>span{white-space:normal}.connection-status{display:flex;gap:7px;align-items:center;background:var(--net-card);color:var(--net-ink);padding:6px 10px;border-radius:10px;font-size:14px;white-space:nowrap;margin-left:auto}.connection-status.offline{background:var(--mem-card);color:var(--red)}.connection-status.offline .status-dot{background:var(--red)}.connection-status.paused{color:var(--disk-ink);background:var(--disk-card)}.connection-status.paused .status-dot{background:var(--disk-ink)}
.allocation-note{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--warning);border:1px solid var(--warning-line);border-radius:15px;padding:12px 16px;margin:-4px 0 23px;font-size:14px;color:var(--text)}.allocation-note>div{display:flex;align-items:center;gap:12px;min-width:0}.allocation-note strong{font-weight:700;white-space:nowrap;color:var(--disk-ink)}.allocation-note span{line-height:1.9}.allocation-note button{border:1px solid var(--warning-line);background:var(--surface);color:var(--disk-ink);font-size:14px;border-radius:10px;min-height:38px;padding:6px 11px;white-space:nowrap}.notice{margin-bottom:17px;background:var(--warning);border:1px solid var(--warning-line);padding:13px 16px;border-radius:14px;font-size:16px}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.metric-card{min-width:0;border:2px solid color-mix(in srgb,var(--cpu-ink) 15%,var(--cpu-card));border-radius:23px;padding:21px 21px 17px;background:var(--cpu-card);box-shadow:0 5px 0 color-mix(in srgb,var(--cpu-card) 72%,var(--border));overflow:hidden}.metric-card--memory{background:var(--mem-card);border-color:color-mix(in srgb,var(--mem-ink) 14%,var(--mem-card));box-shadow:0 5px 0 color-mix(in srgb,var(--mem-card) 72%,var(--border))}.metric-card--network{background:var(--net-card);border-color:color-mix(in srgb,var(--net-ink) 14%,var(--net-card));box-shadow:0 5px 0 color-mix(in srgb,var(--net-card) 72%,var(--border))}.metric-card--disk{background:var(--disk-card);border-color:color-mix(in srgb,var(--disk-ink) 14%,var(--disk-card));box-shadow:0 5px 0 color-mix(in srgb,var(--disk-card) 72%,var(--border))}.metric-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:"Monitor Sans",sans-serif;font-size:16px;font-weight:600}.metric-icon{display:grid;place-items:center;flex-shrink:0;width:37px;height:37px;border:2px solid var(--surface);background:var(--surface);color:var(--cpu-ink);border-radius:13px;box-shadow:0 3px 0 #00000005}.metric-icon .icon{width:21px;height:21px}.metric-card--memory .metric-icon{color:var(--mem-ink)}.metric-card--network .metric-icon{color:var(--net-ink)}.metric-card--disk .metric-icon{color:var(--disk-ink)}.metric-number{display:flex;align-items:baseline;gap:7px;min-height:65px;margin-top:14px;font-variant-numeric:tabular-nums}.metric-number>strong{font-family:"Monitor Numbers",sans-serif;font-size:46px;font-weight:800;letter-spacing:-.7px;line-height:1.3;color:var(--cpu-ink)}.metric-card--memory .metric-number>strong{color:var(--mem-ink)}.metric-card--disk .metric-number>strong{color:var(--disk-ink)}.metric-number>span{font-size:20px;font-weight:600;color:var(--muted)}.metric-number>.metric-tag{align-self:center;margin-left:auto;color:var(--cpu-ink);background:var(--surface);border-radius:9px;padding:3px 7px;font-size:14px;font-weight:600;white-space:nowrap}.metric-number>.metric-tag.neutral{color:var(--disk-ink)}.sparkline{width:100%;height:29px;display:block;margin:0 0 12px}.metric-foot{display:flex;flex-direction:column;gap:5px;border-top:1px solid color-mix(in srgb,var(--muted) 15%,transparent);padding-top:12px;color:var(--muted);font-size:14px;line-height:1.7;min-height:59px}.metric-foot strong{font-family:var(--mono);font-weight:700;font-size:16px;color:var(--text);white-space:normal;font-variant-numeric:tabular-nums;overflow-wrap:normal}.segmented-meter{display:flex;gap:4px;height:28px;align-items:center;margin:0 0 13px}.segmented-meter i{flex:1;background:var(--surface);height:13px;border:1px solid color-mix(in srgb,var(--mem-ink) 15%,var(--surface));border-radius:4px}.segmented-meter i.filled{background:var(--mem-ink);border-color:var(--mem-ink)}.meter{height:8px;background:color-mix(in srgb,var(--muted) 15%,var(--surface));border-radius:20px;overflow:hidden}.meter>i{display:block;height:100%;width:0;border-radius:20px;background:var(--green)}.meter.amber>i{background:var(--disk-ink)}.meter.blue>i{background:var(--mem-ink)}.metric-card>.meter{margin:11px 0 22px}.network-values{display:flex;flex-direction:column;gap:10px;margin:21px 0 19px;min-height:69px}.network-values>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.network-values strong{font-family:var(--mono);font-size:22px;line-height:1.3;font-weight:800;letter-spacing:-.3px;font-variant-numeric:tabular-nums;white-space:nowrap}.direction{display:inline-flex;align-items:center;gap:4px;font-size:14px;white-space:nowrap}.direction .icon{width:14px;height:14px}.receive{color:var(--green)}.transmit{color:var(--amber)}
.trend-section{margin-top:34px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:21px}.section-heading>div:first-child{display:flex;align-items:center;gap:14px}.section-subtitle{color:var(--muted);font-size:15px}.ranges{display:flex;gap:5px;padding:5px;border:2px solid var(--border);background:var(--surface);border-radius:16px}.ranges button{background:none;border:0;color:var(--muted);font-size:15px;border-radius:10px;min-height:38px;padding:6px 15px}.ranges button.selected{background:var(--primary-soft);color:var(--primary);font-weight:700}.ranges button:hover{background:var(--surface-subtle)}.chart-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px}.panel{min-width:0;padding:24px;border:2px solid var(--border);border-radius:23px;background:var(--surface);box-shadow:var(--shadow)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:19px}.panel-heading p{margin-top:6px;font-size:15px;color:var(--muted)}.unit-badge{color:var(--muted);background:var(--surface-subtle);padding:5px 8px;border-radius:9px;font-size:14px;font-weight:700;white-space:nowrap}.chart-legends{display:flex;align-items:center;gap:21px;font-size:15px;color:var(--muted);margin-bottom:16px}.chart-legends>span{display:flex;align-items:center;gap:8px}.legend-line{width:18px;display:inline-block;border-top:3px solid var(--chart-cpu);border-radius:2px}.legend-line.rx{border-color:var(--chart-rx)}.legend-line.blue{border-color:var(--chart-mem)}.legend-line.amber{border-color:var(--chart-tx)}.legend-line.dashed{border-top-style:dashed}.chart-wrap{height:240px;position:relative}.chart-wrap canvas{display:block;width:100%;height:100%;border-radius:9px;touch-action:pan-y}.chart-tooltip{position:absolute;top:10px;pointer-events:none;z-index:4;min-width:170px;max-width:230px;border:2px solid var(--border);border-radius:14px;background:var(--surface);padding:12px 14px;box-shadow:0 5px 18px #26354c20;font-size:14px}.chart-tooltip time{display:block;color:var(--muted);font-size:14px;margin-bottom:7px}.chart-tooltip>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}.chart-tooltip strong{font-family:var(--mono);font-size:15px;font-weight:800}.chart-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--border);font-size:14px;color:var(--muted)}.chart-bottom>span:first-child{display:flex;align-items:center;gap:7px}.history-details{font-size:14px;color:var(--muted);margin:14px 0 4px}.history-details summary{cursor:pointer;padding:9px 0;min-height:38px;width:max-content;max-width:100%}.history-details .table-scroll{max-height:290px;background:var(--surface);border:2px solid var(--border);border-radius:15px}
.details-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px;margin-top:12px}.traffic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:27px 0 24px}.traffic-grid article{padding:0 17px;border-right:1px dashed var(--border);min-width:0}.traffic-grid article:first-child{padding-left:0}.traffic-grid article:last-child{padding-right:0;border:0}.traffic-period{font-size:16px;font-weight:700}.traffic-period>span{display:block;margin-top:5px;font-size:14px;color:var(--muted);font-weight:400}.traffic-value{margin-top:23px}.traffic-value>.direction{display:block;font-size:14px;margin-bottom:5px}.traffic-value strong{font-family:var(--mono);font-size:24px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}.panel-note{border-top:1px solid var(--border);padding-top:15px;line-height:1.9;color:var(--muted);font-size:14px}.storage-overview{display:flex;align-items:center;gap:24px;margin:23px 0 15px}.disk-gauge{width:135px;height:135px;position:relative;flex-shrink:0}.disk-gauge>svg{width:100%;height:100%;transform:rotate(-90deg)}.disk-gauge circle{fill:none;stroke-width:10}.gauge-track{stroke:var(--disk-card)}.gauge-fill{stroke:var(--disk-ink);stroke-linecap:round;stroke-dasharray:314.159;stroke-dashoffset:314.159}.disk-gauge>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.disk-gauge strong{font-family:var(--mono);font-size:28px;font-weight:800;color:var(--disk-ink)}.disk-gauge span{color:var(--muted);font-size:14px;margin-top:4px}.storage-facts{flex:1;min-width:0}.storage-facts>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;font-size:15px}.storage-facts>div>span{display:flex;gap:6px;align-items:center;color:var(--muted)}.storage-facts strong{font-family:var(--mono);font-weight:800;font-size:16px;white-space:nowrap}.dot{width:7px;height:7px;display:inline-block;border-radius:3px}.amber-bg{background:var(--disk-ink)}.subtle-bg{background:var(--border)}.disk-entry{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--border);font-size:14px;color:var(--muted)}.disk-entry span:first-child{overflow-wrap:anywhere}.disk-entry strong{font-weight:500;white-space:nowrap}.swap-row{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted);font-size:14px;margin:15px 0 10px}.swap-row strong{color:var(--text);font-weight:700;font-family:var(--mono)}
.network-panel{margin-top:22px}.table-scroll{overflow:auto;max-width:100%;scrollbar-width:thin}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:right;font-size:16px}th{font-size:14px;font-weight:600;color:var(--muted);background:var(--surface-subtle);padding:13px 15px}td{padding:17px 15px;border-bottom:1px solid var(--border);font-size:16px;font-family:var(--mono);font-weight:600;font-variant-numeric:tabular-nums}th:first-child,td:first-child{text-align:left}tbody tr:last-child td{border-bottom:0}.network-panel tbody th{background:transparent;border-bottom:1px solid var(--border)}.network-panel tbody tr:last-child th{border-bottom:0}.nic-name{display:flex;align-items:center;gap:9px;color:var(--text);font-weight:700;font-size:16px}.nic-name .icon{width:19px;height:19px;color:var(--primary)}.nic-badge{background:var(--net-card);color:var(--net-ink);padding:4px 6px;font-size:14px;border-radius:7px;font-weight:600}.rate-cell{color:var(--green)}.measurement-details{color:var(--muted);font-size:15px;margin-top:21px}.measurement-details summary{cursor:pointer;padding:10px 0;min-height:44px;width:max-content;max-width:100%}.definitions{margin:10px 0 0;padding:9px 22px;background:var(--surface);border:2px solid var(--border);border-radius:18px}.definitions>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;padding:14px 0;border-bottom:1px solid var(--border)}.definitions>div:last-child{border-bottom:0}.definitions dt{color:var(--text);font-weight:600}.definitions dd{margin:0;line-height:1.9;overflow-wrap:anywhere}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:23px 0 29px;color:var(--muted);font-size:14px}footer>span{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.footer-divider{padding:0 3px;opacity:.6}[hidden]{display:none!important}
@media(min-width:1600px){main{padding:42px 46px 0}.topbar{padding:0 46px}.metric-card{padding:24px}.metric-number>strong{font-size:50px}.metric-foot strong{font-size:16px}.chart-wrap{height:260px}.panel{padding:27px}}
@media(max-width:1300px){:root{--sidebar-width:196px}.sidebar{padding-left:12px;padding-right:12px}.brand{font-size:16px;gap:9px}.brand-mark{width:39px;height:42px}main{padding:30px 25px 0}.topbar{padding:0 25px}.metric-card{padding:18px 17px 16px}.metric-number>strong{font-size:40px}.network-values strong{font-size:19px}.metric-number>.metric-tag.neutral{display:none}.metric-label{font-size:15px}.metric-icon{width:32px;height:32px}.metric-foot strong{font-size:15px}.chart-grid,.details-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px}.panel{padding:21px}.storage-overview{gap:15px}.disk-gauge{width:115px;height:115px}.storage-facts>div{font-size:14px}.storage-facts strong{font-size:15px}.traffic-grid article{padding:0 11px}.traffic-value strong{font-size:21px}.section-heading>div:first-child{display:block}.section-subtitle{display:block;margin-top:6px}.server-facts #uptime{display:none}.server-identity strong{font-size:15px}.server-facts{font-size:14px}.allocation-note>div{display:block}.allocation-note strong{display:block;margin-bottom:4px}}
@media(max-width:1060px){:root{--sidebar-width:82px}.sidebar{padding:28px 12px 17px}.brand{justify-content:center}.brand>span:last-child,.nav-caption,.sidebar-bottom{display:none}.navigation{margin-top:35px;gap:14px}.navigation>a{justify-content:center;padding:13px 0}.navigation>a>span{display:none}.navigation>a .icon{width:22px;height:22px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.metric-card{padding:22px}.metric-label{font-size:16px}.metric-number>strong{font-size:46px}.metric-number>.metric-tag.neutral{display:block}.network-values strong{font-size:24px}.metric-foot{flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;min-height:45px}.metric-foot strong{font-size:16px}.chart-grid,.details-grid{grid-template-columns:1fr 1fr}.storage-overview{flex-direction:column;gap:0}.storage-facts{width:100%}.storage-facts>div{margin:9px 0}.traffic-grid{grid-template-columns:1fr;gap:20px;margin:22px 0}.traffic-grid article{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:10px;align-items:center;border-right:0;border-bottom:1px solid var(--border);padding:0 0 18px}.traffic-grid article:last-child{padding-bottom:0}.traffic-value{margin:0}.traffic-value strong{font-size:18px}.traffic-period{font-size:15px}.traffic-period>span{font-size:14px}.traffic-value>.direction{font-size:14px}.topbar-actions{gap:10px}.topbar .avatar{display:none}.clock{font-size:14px}.section-heading h2{font-size:19px}.ranges button{padding:7px 12px}}
@media(max-width:800px){.chart-grid,.details-grid{grid-template-columns:1fr}.storage-overview{flex-direction:row;gap:30px}.section-heading{align-items:center}.heading-actions{gap:8px}.button{padding:0 12px;font-size:14px}.page-heading h1{font-size:31px}.page-heading p{font-size:15px}.eyebrow{font-size:14px}.page-heading{gap:18px}.server-facts{display:none}.metric-foot{flex-direction:column;align-items:flex-start}.topbar .breadcrumb{font-size:14px}.clock .icon{display:none}.panel-heading p{font-size:15px}}
@media(max-width:560px){html{scroll-padding-top:135px}.sidebar{position:sticky;top:0;width:100%;height:auto;display:block;padding:13px 16px 0;border-right:0;border-bottom:2px solid var(--border)}.brand{justify-content:flex-start;gap:10px;padding-bottom:12px}.brand>span:last-child{display:block;font-size:16px}.brand small{display:inline;margin-left:9px;font-size:14px}.brand-mark{width:32px;height:34px;border-width:2px;border-radius:11px}.brand-mark .icon{width:21px;height:21px}.navigation{flex-direction:row;gap:4px;justify-content:space-between;margin:0}.navigation>a{flex:1;min-width:0;gap:5px;min-height:44px;border-radius:12px 12px 0 0;padding:8px 3px;font-size:14px;border-bottom:0}.navigation>a>span:not(.mobile-nav-label){display:none}.navigation .mobile-nav-label{display:inline}.navigation>a .icon{width:15px;height:15px}.navigation>a.active{box-shadow:none}.workspace{margin:0}.topbar{height:60px;padding:0 17px;background:var(--bg);border:0}.breadcrumb{display:none}.topbar-actions{width:100%;justify-content:space-between}.clock{font-size:14px}.clock .icon{display:block;width:15px;height:15px}.icon-button{width:43px;height:43px;border-radius:14px;background:var(--surface)}main{padding:10px 17px 0}.page-heading{display:block;margin-bottom:23px}.eyebrow{font-size:14px;letter-spacing:0;margin-bottom:9px}.page-heading h1{font-size:32px;letter-spacing:.3px}.page-heading p{font-size:15px;line-height:1.9;margin-top:10px}.heading-actions{margin-top:19px;gap:10px}.button{height:45px;font-size:15px;padding:0 14px;border-radius:14px}.server-strip{padding:14px 12px;border-radius:17px;gap:8px;margin-bottom:19px}.server-icon{width:35px;height:39px;border-radius:12px}.server-icon .icon{width:18px;height:18px}.server-identity{gap:8px}.server-identity strong{font-size:14px}.server-identity>div>span{font-size:14px}.connection-status{font-size:14px;padding:5px 7px;gap:5px}.connection-status .status-dot{width:5px;height:5px}.allocation-note{align-items:flex-start;padding:12px;gap:10px;margin-bottom:22px;border-radius:15px;font-size:14px}.allocation-note strong{font-size:14px}.allocation-note button{min-height:44px;font-size:14px;padding:6px}.metric-grid{gap:13px}.metric-card{padding:17px 14px 16px;border-radius:20px}.metric-label{font-size:15px;gap:6px;align-items:flex-start}.metric-icon{width:29px;height:30px;border-radius:10px}.metric-icon .icon{width:17px;height:17px}.metric-number{gap:4px;margin-top:19px;min-height:58px}.metric-number>strong{font-size:39px;letter-spacing:-.7px}.metric-number>span{font-size:18px}.metric-number>.metric-tag{font-size:14px;padding:2px 5px}.metric-number>.metric-tag.neutral{display:none}.sparkline{height:28px;margin-bottom:13px}.metric-foot{font-size:14px;min-height:65px;gap:6px;padding-top:11px;line-height:1.9}.metric-foot strong{font-size:14px;line-height:1.9}.network-values{gap:12px;margin:18px 0 17px;min-height:100px}.network-values>div{display:block}.network-values strong{display:block;font-size:21px;margin-top:3px;line-height:1.25}.network-values .direction{font-size:14px}.metric-card>.meter{margin:13px 0 24px}.trend-section{margin-top:28px}.section-heading{display:block;margin-bottom:19px}.section-heading h2{font-size:20px}.section-subtitle{font-size:14px;margin-top:7px}.ranges{margin-top:17px;justify-content:space-between;border-radius:14px}.ranges button{flex:1;min-height:40px;padding:7px 9px;font-size:14px}.panel{padding:21px 17px;border-radius:21px}.chart-grid{gap:19px}.panel-heading h2{font-size:19px}.panel-heading h3{font-size:18px}.panel-heading p{font-size:14px;line-height:1.8}.panel-heading{gap:10px}.unit-badge{font-size:14px;padding:4px 6px}.chart-legends{font-size:14px;gap:18px}.chart-wrap{height:235px}.chart-bottom{font-size:14px;gap:9px}.chart-tooltip{min-width:155px;max-width:190px;padding:10px;font-size:14px}.chart-tooltip strong{font-size:14px}.history-details{font-size:14px}.details-grid{gap:19px;margin-top:8px}.traffic-grid article{grid-template-columns:1.05fr 1fr 1fr;gap:9px}.traffic-period{font-size:15px}.traffic-period>span{font-size:14px}.traffic-value>.direction{font-size:14px}.traffic-value strong{font-size:18px}.panel-note{font-size:14px;line-height:1.9}.storage-overview{gap:19px;margin-top:21px}.disk-gauge{width:112px;height:112px}.disk-gauge strong{font-size:27px}.disk-gauge span{font-size:14px}.storage-facts>div{font-size:14px;gap:8px;margin:13px 0}.storage-facts strong{font-size:15px}.disk-entry{font-size:14px;flex-wrap:wrap}.swap-row{font-size:14px}.network-panel{margin-top:20px}.table-scroll{margin-left:-17px;margin-right:-17px}td,th{padding:14px 17px}td{font-size:15px}.nic-name{font-size:15px}.history-details .table-scroll{margin:0}.measurement-details{font-size:14px}.definitions{padding:7px 15px}.definitions>div{grid-template-columns:1fr;gap:6px}.definitions dd{font-size:14px}footer{font-size:14px;gap:12px;padding-bottom:max(24px,env(safe-area-inset-bottom))}.notice{font-size:14px}}
@media(max-width:360px){.brand small{font-size:14px}.navigation>a .icon{display:none}.metric-card{padding:16px 11px}.metric-label{font-size:14px}.metric-number>strong{font-size:36px}.metric-number>.metric-tag{display:none}.metric-foot strong{font-size:14px}.network-values strong{font-size:18px}.metric-foot{font-size:14px}.traffic-grid article{gap:7px}.traffic-value strong{font-size:16px}.traffic-period{font-size:14px}.storage-overview{flex-direction:column;gap:5px}.storage-facts{width:100%}.server-icon{display:none}.server-identity strong{font-size:14px}.page-heading h1{font-size:28px}.panel{padding:20px 14px}.panel .table-scroll{margin-left:-14px;margin-right:-14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Readable supporting text across desktop and mobile. */
body{font-size:16px}.nav-pill{letter-spacing:0}.sidebar-foot{letter-spacing:0}.node-status{flex-wrap:wrap}.node-os{margin-left:15px}.server-strip{flex-wrap:wrap}.server-identity{flex:0 1 auto;min-width:180px}.server-facts{flex-basis:auto}.metric-foot{line-height:1.8}.chart-tooltip{max-width:250px}.chart-wrap{height:255px}.traffic-grid article{overflow-wrap:anywhere}.chart-bottom{line-height:1.8}.disk-entry{flex-wrap:wrap}.panel-heading{align-items:flex-start}.unit-badge{flex-shrink:0}
@media(min-width:1061px) and (max-width:1300px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-foot{flex-direction:row;justify-content:space-between;flex-wrap:wrap}.network-values strong{font-size:24px}.chart-grid,.details-grid{grid-template-columns:1fr}.traffic-grid article{padding:0 18px}}
@media(max-width:1060px){.traffic-grid article{grid-template-columns:1fr 1fr;gap:12px}.traffic-period{grid-column:1/-1}.traffic-period>span{display:inline;margin-left:8px}.traffic-value strong{font-size:21px}.server-facts{display:none}.page-heading{flex-wrap:wrap}}
@media(max-width:560px){.brand small{font-size:14px;margin-left:7px}.brand>span:last-child{font-size:17px}.sidebar{padding-left:12px;padding-right:12px}.navigation>a{font-size:15px;gap:4px}.navigation>a .icon{width:16px;height:16px}.page-heading p{font-size:16px}.eyebrow{font-size:14px}.button{font-size:15px}.server-identity{flex:1;min-width:165px}.server-identity strong{font-size:14px}.server-identity>div>span{font-size:14px}.connection-status{font-size:14px;margin-left:0}.allocation-note{display:block;font-size:14px}.allocation-note strong{font-size:15px}.allocation-note button{font-size:14px;margin-top:10px;padding:8px 12px}.metric-label{font-size:15px}.metric-number>.metric-tag{display:none}.metric-foot,.metric-foot strong{font-size:14px}.metric-number>strong{font-size:39px}.network-values .direction{font-size:14px}.network-values strong{font-size:21px}.ranges button{font-size:15px;padding:8px 6px}.panel-heading p{font-size:14px}.chart-tooltip{max-width:220px}.traffic-period{font-size:16px}.traffic-period>span{font-size:14px}.traffic-value>.direction{font-size:14px}.traffic-value strong{font-size:22px}.storage-facts>div{font-size:14px}.storage-facts strong{font-size:15px}.nic-name{font-size:15px}.definitions dd{font-size:15px}footer{font-size:14px}.chart-wrap{height:255px}}
@media(max-width:360px){.brand small{display:block;margin:5px 0 0}.brand{align-items:center}.metric-grid{grid-template-columns:1fr}.metric-label{font-size:16px}.metric-card{padding:20px}.metric-foot{flex-direction:row;flex-wrap:wrap;justify-content:space-between;min-height:0}.metric-number>strong{font-size:46px}.network-values>div{display:flex;flex-wrap:wrap;align-items:baseline}.network-values{min-height:75px}.network-values strong{font-size:24px}.server-identity{min-width:100%}.connection-status{margin-left:0}.chart-tooltip{max-width:210px}.traffic-value strong{font-size:20px}}

/* Five playful palettes: one shared layout, complete semantic color tokens. */
:root{--on-primary:#ffffff}:root[data-theme="dark"]{--on-primary:#1a294b}
:root[data-palette="strawberry"]:not([data-theme="dark"]){--surface:#fffdfe;--red:#ab3044;--shadow:0 5px 0 #b4bdd522,0 8px 24px #344e8410;--warning:#fff5df;--warning-line:#ecd19d;--bg:#fff8f6;--text:#4a2d3c;--muted:#775966;--border:#efdce4;--primary:#a53461;--green:#226b56;--blue:#a13366;--amber:#965126;--sidebar:#fff0f4;--surface-subtle:#fff1f3;--primary-soft:#fce5ed;--chart-grid:#f2e4eb;--chart-muted:#775966;--chart-cpu:#9d4167;--chart-rx:#25745b;--chart-mem:#975284;--chart-tx:#ac622e;--cpu-card:#ffe6ef;--mem-card:#ffefd9;--net-card:#edf7e7;--disk-card:#f2eaff;--cpu-ink:#a32b5a;--mem-ink:#875212;--net-ink:#306f3f;--disk-ink:#6944a0;}
:root[data-palette="strawberry"][data-theme="dark"]{--bg:#271c28;--surface:#352737;--text:#fff0f4;--muted:#d5bac9;--border:#5c4357;--primary:#ffb5d0;--sidebar:#302232;--green:#b4e4c6;--blue:#ffc0d8;--amber:#ffcc9e;--surface-subtle:#423143;--primary-soft:#58344b;--chart-grid:#584155;--chart-muted:#d5bac9;--chart-cpu:#ffb5d0;--chart-rx:#b4e4c6;--chart-mem:#d3b3ff;--chart-tx:#ffcc9e;--cpu-card:#503044;--mem-card:#493b2c;--net-card:#2c4236;--disk-card:#3b3251;--cpu-ink:#ffc5da;--mem-ink:#ffdaab;--net-ink:#c1ecc4;--disk-ink:#ddc5ff;--red:#ffb7c1;--shadow:0 5px 0 #10172844;--warning:#403727;--warning-line:#786441;}
:root[data-palette="mint"]:not([data-theme="dark"]){--surface:#fefffc;--red:#ab3044;--shadow:0 5px 0 #b4bdd522,0 8px 24px #344e8410;--warning:#fff5df;--warning-line:#ecd19d;--bg:#f6fcf5;--text:#294238;--muted:#526d5e;--border:#dbe8dd;--primary:#28744f;--green:#226b56;--blue:#7550a1;--amber:#97541f;--sidebar:#eaf5e9;--surface-subtle:#edf5ed;--primary-soft:#e4f2db;--chart-grid:#e1ecdf;--chart-muted:#526d5e;--chart-cpu:#388157;--chart-rx:#217765;--chart-mem:#94609c;--chart-tx:#b15b31;--cpu-card:#e1f3d7;--mem-card:#fff3d3;--net-card:#dcf3ed;--disk-card:#f5e9f5;--cpu-ink:#35682a;--mem-ink:#83591a;--net-ink:#236f5f;--disk-ink:#794789;}
:root[data-palette="mint"][data-theme="dark"]{--bg:#18271f;--surface:#23362b;--text:#effaeb;--muted:#bdd0bc;--border:#415d4a;--primary:#b8e5a3;--sidebar:#1e2f25;--green:#b2e6ce;--blue:#e1bff0;--amber:#ffd19d;--surface-subtle:#2c4335;--primary-soft:#3b5336;--chart-grid:#3e5947;--chart-muted:#bdd0bc;--chart-cpu:#b8e5a3;--chart-rx:#a4e6d2;--chart-mem:#e1bff0;--chart-tx:#ffd19d;--cpu-card:#2f472f;--mem-card:#443d2b;--net-card:#26463d;--disk-card:#403048;--cpu-ink:#c7edb1;--mem-ink:#ffe1a0;--net-ink:#b7ecd9;--disk-ink:#e9c6f5;--red:#ffb7c1;--shadow:0 5px 0 #10172844;--warning:#403727;--warning-line:#786441;}
:root[data-palette="bubble"]:not([data-theme="dark"]){--surface:#ffffff;--red:#ab3044;--shadow:0 5px 0 #b4bdd522,0 8px 24px #344e8410;--warning:#fff5df;--warning-line:#ecd19d;--bg:#f4fbff;--text:#284158;--muted:#50697e;--border:#d9e7f3;--primary:#2766aa;--green:#246e63;--blue:#7e4d9d;--amber:#9b4d28;--sidebar:#eaf6ff;--surface-subtle:#edf5fd;--primary-soft:#e0f0ff;--chart-grid:#e1edf7;--chart-muted:#50697e;--chart-cpu:#3979bd;--chart-rx:#217d6d;--chart-mem:#9a61aa;--chart-tx:#ba693a;--cpu-card:#dfefff;--mem-card:#eeeaff;--net-card:#dcf5ed;--disk-card:#fff2d7;--cpu-ink:#2f63a2;--mem-ink:#694b9d;--net-ink:#206f61;--disk-ink:#8b5d1e;}
:root[data-palette="bubble"][data-theme="dark"]{--bg:#172632;--surface:#223747;--text:#eef8ff;--muted:#b7ccdc;--border:#3f5b70;--primary:#a5d4ff;--sidebar:#1b2e3e;--green:#a4e8d7;--blue:#d3bdff;--amber:#ffce9e;--surface-subtle:#2b4356;--primary-soft:#304e6b;--chart-grid:#3b566c;--chart-muted:#b7ccdc;--chart-cpu:#a5d4ff;--chart-rx:#a4e8d7;--chart-mem:#d3bdff;--chart-tx:#ffce9e;--cpu-card:#293f5a;--mem-card:#393452;--net-card:#25463e;--disk-card:#443c2b;--cpu-ink:#bddfff;--mem-ink:#deceff;--net-ink:#b7efdf;--disk-ink:#ffdfa9;--red:#ffb7c1;--shadow:0 5px 0 #10172844;--warning:#403727;--warning-line:#786441;}
:root[data-palette="grape"]:not([data-theme="dark"]){--surface:#fffefe;--red:#ab3044;--shadow:0 5px 0 #b4bdd522,0 8px 24px #344e8410;--warning:#fff5df;--warning-line:#ecd19d;--bg:#fcf8ff;--text:#403452;--muted:#6a5d7c;--border:#e6dff1;--primary:#7850aa;--green:#246b58;--blue:#9e3b72;--amber:#925122;--sidebar:#f2eaff;--surface-subtle:#f3eefa;--primary-soft:#f0e6ff;--chart-grid:#ebe3f3;--chart-muted:#6a5d7c;--chart-cpu:#8057b6;--chart-rx:#287765;--chart-mem:#be5a83;--chart-tx:#ac6b2c;--cpu-card:#eee1ff;--mem-card:#ffe7ef;--net-card:#e4f3ef;--disk-card:#fff1cc;--cpu-ink:#7146a1;--mem-ink:#9b4268;--net-ink:#296b5b;--disk-ink:#895c1a;}
:root[data-palette="grape"][data-theme="dark"]{--bg:#241d32;--surface:#322940;--text:#f7f0ff;--muted:#cbbddd;--border:#58496d;--primary:#d5b5ff;--sidebar:#2c233b;--green:#b2e5d2;--blue:#ffc1d9;--amber:#ffd29c;--surface-subtle:#40344f;--primary-soft:#503b68;--chart-grid:#514362;--chart-muted:#cbbddd;--chart-cpu:#d5b5ff;--chart-rx:#b2e5d2;--chart-mem:#ffc1d9;--chart-tx:#ffd29c;--cpu-card:#44325a;--mem-card:#4b3042;--net-card:#2b443d;--disk-card:#463d2b;--cpu-ink:#e1caff;--mem-ink:#ffd0e1;--net-ink:#c2ecd9;--disk-ink:#ffe0a7;--red:#ffb7c1;--shadow:0 5px 0 #10172844;--warning:#403727;--warning-line:#786441;}
[data-palette-option="rainbow"]{--preview-bg:#fffcf5;--preview-1:#eaf3ff;--preview-2:#fff0f6;--preview-3:#eaf8f3;--preview-4:#fff6dd;}
[data-palette-option="strawberry"]{--preview-bg:#fff8f6;--preview-1:#ffe6ef;--preview-2:#ffefd9;--preview-3:#edf7e7;--preview-4:#f2eaff;}
[data-palette-option="mint"]{--preview-bg:#f6fcf5;--preview-1:#e1f3d7;--preview-2:#fff3d3;--preview-3:#dcf3ed;--preview-4:#f5e9f5;}
[data-palette-option="bubble"]{--preview-bg:#f4fbff;--preview-1:#dfefff;--preview-2:#eeeaff;--preview-3:#dcf5ed;--preview-4:#fff2d7;}
[data-palette-option="grape"]{--preview-bg:#fcf8ff;--preview-1:#eee1ff;--preview-2:#ffe7ef;--preview-3:#e4f3ef;--preview-4:#fff1cc;}

.brand-mark{background:var(--primary);border-color:var(--primary-soft);box-shadow:0 4px 0 var(--border);color:var(--on-primary)}.avatar{background:var(--disk-card);color:var(--disk-ink);border-color:var(--warning-line)}.eyebrow::before{background:var(--primary);border-color:var(--primary-soft)}.heading-dot{color:var(--disk-ink)}.nav-pill{background:var(--disk-card);color:var(--disk-ink)}.button.primary,[data-theme="dark"] .button.primary{color:var(--on-primary)}
.palette-trigger{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;border:2px solid var(--border);border-radius:15px;background:var(--surface);color:var(--primary);font-size:14px;font-weight:700;white-space:nowrap}.palette-trigger:hover{background:var(--primary-soft);border-color:var(--primary)}.palette-trigger .icon{width:20px;height:20px}.palette-dialog{width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:28px;background:var(--surface);color:var(--text);border:2px solid var(--border);border-radius:26px;box-shadow:0 24px 90px #16223844;overflow:auto;overscroll-behavior:contain}.palette-dialog::backdrop{background:#18233a77;backdrop-filter:blur(4px)}body:has(.palette-dialog[open]){overflow:hidden}.palette-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.palette-kicker{color:var(--primary);font-size:14px;font-weight:700;margin-bottom:6px}.palette-dialog h2{font-family:"Monitor Happy","Monitor Sans",sans-serif;font-size:29px;font-weight:400;line-height:1.5}.palette-dialog-heading p:last-child{font-size:15px;line-height:1.8;color:var(--muted);margin-top:6px}.palette-dialog-heading>.icon-button{flex-shrink:0}.palette-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.palette-option{position:relative;min-width:0;display:flex;flex-direction:column;gap:12px;padding:14px;border:2px solid var(--border);border-radius:20px;text-align:left;color:var(--text);background:var(--surface);box-shadow:0 3px 0 var(--border)}.palette-option:hover{border-color:var(--primary);background:var(--surface-subtle)}.palette-option[aria-pressed="true"]{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 3px 0 var(--primary)}.palette-preview{position:relative;display:block;isolation:isolate;overflow:hidden;border:1px solid #29344d22;border-radius:12px;width:100%;height:82px;background:var(--preview-bg)}.preview-sidebar{position:absolute;inset:0 auto 0 0;width:14%;background:var(--preview-1);border-right:1px solid #29344d11}.preview-sidebar::before{content:"";position:absolute;inset:10px 7px auto;height:8px;border-radius:3px;background:#29344d33}.preview-topbar{position:absolute;left:20%;right:36%;top:11px;height:5px;border-radius:4px;background:#29344d44}.preview-cards{position:absolute;display:flex;gap:5px;left:20%;right:7%;top:24px;height:21px}.preview-cards i{flex:1;border-radius:5px;border:1px solid #29344d11;background:var(--preview-1)}.preview-cards i:nth-child(2){background:var(--preview-2)}.preview-cards i:nth-child(3){background:var(--preview-3)}.preview-cards i:nth-child(4){background:var(--preview-4)}.preview-chart{position:absolute;left:20%;right:7%;bottom:6px;height:23px;background:#ffffff88;border-radius:4px;padding:2px 4px}.preview-chart svg{display:block;width:100%;height:100%;fill:none;stroke:var(--preview-line,#536282);stroke-width:2;stroke-linejoin:round}.palette-copy{display:block;min-width:0;padding-right:23px}.palette-copy strong{display:block;font-size:17px;font-weight:700}.palette-copy>span{display:block;font-size:14px;line-height:1.8;color:var(--muted);margin-top:4px}.palette-selected{position:absolute;right:14px;bottom:42px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--primary);color:var(--on-primary);visibility:hidden}.palette-selected .icon{width:16px;height:16px;stroke-width:3}.palette-option[aria-pressed="true"] .palette-selected{visibility:visible}.palette-option:last-child{grid-column:1/-1;display:grid;grid-template-columns:160px 1fr;align-items:center}.palette-option:last-child .palette-preview{height:74px}.palette-option:last-child .palette-selected{bottom:auto;top:18px}.palette-dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.palette-dialog-foot p{color:var(--muted);font-size:14px;line-height:1.8}.palette-dialog-foot .button{min-width:84px}
@media(max-width:1300px){.palette-current{display:none}.topbar-actions{gap:10px}}@media(max-width:800px){.topbar{gap:10px}.topbar .breadcrumb{display:none}.topbar-actions{width:100%;justify-content:flex-end}.clock{margin-right:auto}}@media(max-width:560px){.palette-trigger{padding:8px 10px;gap:6px}.topbar-actions{gap:8px}.clock{font-size:14px;gap:5px}.clock .icon{display:none}.topbar{height:68px}.palette-dialog{padding:20px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:23px}.palette-dialog-heading{margin-bottom:18px;gap:8px}.palette-dialog h2{font-size:26px}.palette-dialog-heading p:last-child{font-size:14px}.palette-options{grid-template-columns:1fr;gap:12px}.palette-option,.palette-option:last-child{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;align-items:center;padding:12px;grid-column:auto}.palette-preview,.palette-option:last-child .palette-preview{height:75px}.palette-copy{padding-right:0}.palette-copy strong{font-size:16px;padding-right:24px}.palette-copy>span{font-size:14px;margin-top:4px}.palette-selected,.palette-option:last-child .palette-selected{top:11px;right:10px;bottom:auto;width:20px;height:20px}.palette-dialog-foot{gap:12px;margin-top:18px;padding-top:16px}.palette-dialog-foot .button{min-width:72px}.preview-sidebar::before{left:2px;right:2px;height:6px}.preview-cards{gap:2px;right:4%}.preview-cards i{border-radius:3px}.palette-dialog-heading .icon-button{width:44px;height:44px}}
@media(max-width:360px){.topbar{padding-left:13px;padding-right:13px}.palette-trigger{padding:8px}.palette-trigger .icon{display:none}.palette-dialog{padding:16px}.palette-dialog h2{font-size:24px}.palette-option,.palette-option:last-child{grid-template-columns:72px minmax(0,1fr);gap:10px;padding:10px}.palette-copy strong{padding-right:20px}.palette-selected,.palette-option:last-child .palette-selected{right:8px;top:10px}.palette-copy>span{font-size:14px}.palette-dialog-foot p{font-size:14px}}

/* Keep dialog controls visible when a short screen needs to scroll the choices. */
.palette-dialog[open]{display:flex;flex-direction:column}.palette-dialog-heading,.palette-dialog-foot{flex-shrink:0}.palette-options{min-height:0;overflow-y:auto;grid-auto-rows:minmax(min-content,auto);padding:2px 4px 5px 2px;scrollbar-width:thin}.allocation-note strong,.allocation-note button{color:var(--amber)}

/* Adventure collection: toy colors in blue, green, orange and sunny yellow. */
:root[data-palette="rocket"]:not([data-theme="dark"]){--bg:#f4f8ff;--surface:#ffffff;--surface-subtle:#eef4fc;--text:#293b53;--muted:#50627c;--border:#d7e3f4;--primary:#2b61b0;--primary-soft:#e3edff;--sidebar:#e7f0ff;--green:#226b56;--blue:#31668f;--amber:#98501f;--red:#b23c35;--shadow:0 5px 0 #b4bdd522,0 8px 24px #344e8410;--warning:#fff5df;--warning-line:#ebce9a;--chart-grid:#d7e3f4;--chart-muted:#50627c;--cpu-card:#ddecff;--cpu-ink:#285aa3;--mem-card:#fff1b8;--mem-ink:#775515;--net-card:#d8f2ed;--net-ink:#246657;--disk-card:#ffe3ca;--disk-ink:#975224;--chart-cpu:#3167b2;--chart-mem:#ad681d;--chart-rx:#287b68;--chart-tx:#be622b;}
:root[data-palette="rocket"][data-theme="dark"]{--bg:#192638;--surface:#24354c;--surface-subtle:#2c405b;--sidebar:#1e2e44;--border:#435c7a;--primary:#abd0ff;--primary-soft:#334e74;--text:#f0f6ff;--muted:#bfcee1;--green:#aee7c9;--blue:#b9d9ff;--amber:#ffd096;--red:#ffb7b1;--shadow:0 5px 0 #10172844;--warning:#403727;--warning-line:#786441;--chart-grid:#435c7a;--chart-muted:#bfcee1;--cpu-card:#2a4263;--cpu-ink:#bddaff;--mem-card:#48402b;--mem-ink:#ffe3a0;--net-card:#29453d;--net-ink:#b7ebd5;--disk-card:#4b382d;--disk-ink:#ffd0a6;--chart-cpu:#abd0ff;--chart-mem:#ffdc89;--chart-rx:#a5e3cc;--chart-tx:#ffc18d;}
:root[data-palette="dino"]:not([data-theme="dark"]){--bg:#f8fbee;--surface:#ffffff;--surface-subtle:#f0f5e8;--text:#35452c;--muted:#586850;--border:#dfe8cd;--primary:#3d7139;--primary-soft:#e7f1d4;--sidebar:#ecf4da;--green:#226b56;--blue:#31668f;--amber:#98501f;--red:#b23c35;--shadow:0 5px 0 #b4bdd522,0 8px 24px #344e8410;--warning:#fff5df;--warning-line:#ebce9a;--chart-grid:#dfe8cd;--chart-muted:#586850;--cpu-card:#e1f0c1;--cpu-ink:#486d24;--mem-card:#ddebfa;--mem-ink:#2e638c;--net-card:#d4ecdf;--net-ink:#2d6b4e;--disk-card:#ffe6b3;--disk-ink:#895918;--chart-cpu:#4b7d35;--chart-mem:#3276a4;--chart-rx:#25744f;--chart-tx:#af7024;}
:root[data-palette="dino"][data-theme="dark"]{--bg:#20291a;--surface:#2d3925;--surface-subtle:#35432b;--sidebar:#25311f;--border:#526246;--primary:#c3df91;--primary-soft:#415332;--text:#f2f7e9;--muted:#c8d1b9;--green:#aee7c9;--blue:#b9d9ff;--amber:#ffd096;--red:#ffb7b1;--shadow:0 5px 0 #10172844;--warning:#403727;--warning-line:#786441;--chart-grid:#526246;--chart-muted:#c8d1b9;--cpu-card:#3d4b2c;--cpu-ink:#d3eba5;--mem-card:#2c4050;--mem-ink:#bedfff;--net-card:#2c4435;--net-ink:#bde8cd;--disk-card:#4a3f28;--disk-ink:#ffdda0;--chart-cpu:#c3df91;--chart-mem:#a9d2f8;--chart-rx:#a8dfb9;--chart-tx:#ffd18d;}
:root[data-palette="truck"]:not([data-theme="dark"]){--bg:#fff9ef;--surface:#ffffff;--surface-subtle:#fbf3e7;--text:#463c30;--muted:#6d5e4e;--border:#efdfc8;--primary:#a95219;--primary-soft:#fff0d8;--sidebar:#fff0d9;--green:#226b56;--blue:#31668f;--amber:#98501f;--red:#b23c35;--shadow:0 5px 0 #b4bdd522,0 8px 24px #344e8410;--warning:#fff5df;--warning-line:#ebce9a;--chart-grid:#efdfc8;--chart-muted:#6d5e4e;--cpu-card:#ffe0b8;--cpu-ink:#95501b;--mem-card:#dcecff;--mem-ink:#2c609a;--net-card:#dff0cb;--net-ink:#496b2a;--disk-card:#fff0b6;--disk-ink:#806019;--chart-cpu:#b65b20;--chart-mem:#3976b6;--chart-rx:#4c7e31;--chart-tx:#917217;}
:root[data-palette="truck"][data-theme="dark"]{--bg:#2d241b;--surface:#3a3024;--surface-subtle:#463a2b;--sidebar:#33291e;--border:#6a5741;--primary:#ffc18b;--primary-soft:#5b4028;--text:#fff6e9;--muted:#d9c7b0;--green:#aee7c9;--blue:#b9d9ff;--amber:#ffd096;--red:#ffb7b1;--shadow:0 5px 0 #10172844;--warning:#403727;--warning-line:#786441;--chart-grid:#6a5741;--chart-muted:#d9c7b0;--cpu-card:#533b27;--cpu-ink:#ffd1a6;--mem-card:#2a3f56;--mem-ink:#bcdcff;--net-card:#37482b;--net-ink:#d1e9a9;--disk-card:#4b4329;--disk-ink:#ffe5a2;--chart-cpu:#ffc18b;--chart-mem:#a9ceff;--chart-rx:#c0df98;--chart-tx:#ffe19b;}
:root[data-palette="sail"]:not([data-theme="dark"]){--bg:#effcfc;--surface:#ffffff;--surface-subtle:#eaf6f7;--text:#2c444c;--muted:#4e6970;--border:#d0e7e9;--primary:#216b78;--primary-soft:#dff1f4;--sidebar:#e0f3f4;--green:#226b56;--blue:#31668f;--amber:#98501f;--red:#b23c35;--shadow:0 5px 0 #b4bdd522,0 8px 24px #344e8410;--warning:#fff5df;--warning-line:#ebce9a;--chart-grid:#d0e7e9;--chart-muted:#4e6970;--cpu-card:#ccedf0;--cpu-ink:#246773;--mem-card:#ffedb5;--mem-ink:#825b18;--net-card:#d9e7ff;--net-ink:#305f99;--disk-card:#ffe0bf;--disk-ink:#975424;--chart-cpu:#2b7988;--chart-mem:#a8791f;--chart-rx:#3972b3;--chart-tx:#b26027;}
:root[data-palette="sail"][data-theme="dark"]{--bg:#192b30;--surface:#233b42;--surface-subtle:#2b454d;--sidebar:#1e3239;--border:#42616b;--primary:#9edce6;--primary-soft:#2f515b;--text:#eefbfc;--muted:#bcd2d7;--green:#aee7c9;--blue:#b9d9ff;--amber:#ffd096;--red:#ffb7b1;--shadow:0 5px 0 #10172844;--warning:#403727;--warning-line:#786441;--chart-grid:#42616b;--chart-muted:#bcd2d7;--cpu-card:#2b4952;--cpu-ink:#b4e8ef;--mem-card:#4a4129;--mem-ink:#ffe2a0;--net-card:#2b3e59;--net-ink:#bfd7ff;--disk-card:#4c392a;--disk-ink:#ffd0a6;--chart-cpu:#9edce6;--chart-mem:#ffd68e;--chart-rx:#adcfff;--chart-tx:#ffc18d;}
:root[data-palette="stadium"]:not([data-theme="dark"]){--bg:#fffcee;--surface:#ffffff;--surface-subtle:#faf5e4;--text:#454128;--muted:#686144;--border:#e9e3c5;--primary:#886011;--primary-soft:#fff0bf;--sidebar:#fff4ce;--green:#226b56;--blue:#31668f;--amber:#98501f;--red:#b23c35;--shadow:0 5px 0 #b4bdd522,0 8px 24px #344e8410;--warning:#fff5df;--warning-line:#ebce9a;--chart-grid:#e9e3c5;--chart-muted:#686144;--cpu-card:#fff0ac;--cpu-ink:#775611;--mem-card:#d7ebfc;--mem-ink:#2d6592;--net-card:#dceec1;--net-ink:#4b6e29;--disk-card:#ffe4c9;--disk-ink:#975522;--chart-cpu:#9a711d;--chart-mem:#3478b0;--chart-rx:#4c8030;--chart-tx:#b9662c;}
:root[data-palette="stadium"][data-theme="dark"]{--bg:#29271b;--surface:#383425;--surface-subtle:#433e2b;--sidebar:#302d20;--border:#655f42;--primary:#ffda84;--primary-soft:#554729;--text:#fff9e8;--muted:#d4ccb2;--green:#aee7c9;--blue:#b9d9ff;--amber:#ffd096;--red:#ffb7b1;--shadow:0 5px 0 #10172844;--warning:#403727;--warning-line:#786441;--chart-grid:#655f42;--chart-muted:#d4ccb2;--cpu-card:#4c4228;--cpu-ink:#ffe69e;--mem-card:#2c4153;--mem-ink:#bfdefa;--net-card:#3c4a2b;--net-ink:#d1e8a7;--disk-card:#4c392b;--disk-ink:#ffd2a8;--chart-cpu:#ffda84;--chart-mem:#a9d2f8;--chart-rx:#bedf91;--chart-tx:#ffc490;}
[data-palette-option="rocket"]{--preview-bg:#f4f8ff;--preview-1:#ddecff;--preview-2:#fff1b8;--preview-3:#d8f2ed;--preview-4:#ffe3ca;}
[data-palette-option="dino"]{--preview-bg:#f8fbee;--preview-1:#e1f0c1;--preview-2:#ddebfa;--preview-3:#d4ecdf;--preview-4:#ffe6b3;}
[data-palette-option="truck"]{--preview-bg:#fff9ef;--preview-1:#ffe0b8;--preview-2:#dcecff;--preview-3:#dff0cb;--preview-4:#fff0b6;}
[data-palette-option="sail"]{--preview-bg:#effcfc;--preview-1:#ccedf0;--preview-2:#ffedb5;--preview-3:#d9e7ff;--preview-4:#ffe0bf;}
[data-palette-option="stadium"]{--preview-bg:#fffcee;--preview-1:#fff0ac;--preview-2:#d7ebfc;--preview-3:#dceec1;--preview-4:#ffe4c9;}

.palette-tabs{display:flex;gap:10px;flex-shrink:0;margin:0 0 18px;padding:5px;border:1px solid var(--border);border-radius:17px;background:var(--surface-subtle)}.palette-tabs>button{display:flex;flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:46px;padding:8px 12px;font-size:16px;font-weight:600;border:2px solid transparent;border-radius:12px;background:transparent;color:var(--muted)}.palette-tabs>button:hover{color:var(--primary);background:var(--surface)}.palette-tabs>button[aria-selected="true"]{background:var(--surface);color:var(--primary);border-color:var(--primary);box-shadow:0 2px 0 var(--border)}.new-themes{font-size:14px;white-space:nowrap;color:var(--disk-ink);background:var(--disk-card);padding:2px 6px;border-radius:7px}.palette-dialog{width:min(700px,calc(100vw - 32px))}.palette-dialog-heading{margin-bottom:18px}.palette-tabs>button:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
@media(max-width:560px){.palette-dialog{width:calc(100vw - 24px)}.palette-tabs{gap:6px;margin-bottom:14px;padding:4px}.palette-tabs>button{gap:5px;padding:7px 6px;flex-wrap:wrap;font-size:15px}.new-themes{font-size:14px;padding:1px 4px}.palette-dialog-heading{margin-bottom:14px}}
@media(max-width:360px){.palette-tabs>button:first-child{flex:1.3}.palette-tabs>button{font-size:15px}}

@media(max-height:560px){.palette-dialog{padding:16px}.palette-dialog-heading{margin-bottom:10px}.palette-kicker,.palette-dialog-heading p:last-child{display:none}.palette-dialog h2{font-size:24px}.palette-tabs{margin-bottom:12px}.palette-dialog-foot{margin-top:12px;padding-top:12px}.palette-dialog-foot .button{height:44px}.palette-preview,.palette-option:last-child .palette-preview{height:54px}}

/* Theme miniatures follow the same network, memory, disk, CPU order. */
.preview-cards i{background:var(--preview-3)}.preview-cards i:nth-child(2){background:var(--preview-2)}.preview-cards i:nth-child(3){background:var(--preview-4)}.preview-cards i:nth-child(4){background:var(--preview-1)}

/* Daily receive/send totals in the live network card. */
.network-today{align-items:stretch;flex-direction:column}.network-totals{display:grid;gap:5px;width:100%}.network-total{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:3px 8px}.network-total strong{font-size:14px;white-space:nowrap}.network-total .direction{font-size:14px}


/* High-energy play collection: vivid cards with readable dark ink. */
:root[data-palette="blitz"]:not([data-theme="dark"]){--bg:#F4F8FF;--surface:#FFFFFF;--surface-subtle:#EAF2FF;--text:#183455;--muted:#1E3348;--border:#CDDCF0;--primary:#075CCB;--on-primary:#FFFFFF;--primary-soft:#DCEBFF;--sidebar:#D9E8FF;--green:#07563A;--blue:#0752A0;--amber:#704000;--red:#B42318;--chart-grid:#D5E2F1;--chart-muted:#1E3348;--chart-cpu:#075CCB;--chart-mem:#A346C3;--chart-rx:#07885E;--chart-tx:#E85D04;--cpu-card:#91C9FF;--cpu-ink:#083B6F;--mem-card:#FFD84D;--mem-ink:#694500;--net-card:#64D9AB;--net-ink:#064F3C;--disk-card:#FFAA61;--disk-ink:#733100;}
:root[data-palette="blitz"][data-theme="dark"]{--bg:#102038;--surface:#1C3150;--surface-subtle:#243C5F;--text:#F3F8FF;--muted:#C2D5EA;--border:#3A587B;--primary:#A9D1FF;--on-primary:#102038;--primary-soft:#263F62;--sidebar:#172C48;--green:#9AECCB;--blue:#B9D9FF;--amber:#FFD08B;--red:#FFAAA3;--chart-grid:#3A587B;--chart-muted:#C2D5EA;--chart-cpu:#A9D1FF;--chart-mem:#E2B1FF;--chart-rx:#83E3BF;--chart-tx:#FFAE73;--cpu-card:#264B71;--cpu-ink:#C0E1FF;--mem-card:#51441E;--mem-ink:#FFE27A;--net-card:#1F4B3D;--net-ink:#9AECCB;--disk-card:#583A27;--disk-ink:#FFD0A6;}
[data-palette-option="blitz"]{--preview-bg:#F4F8FF;--preview-1:#91C9FF;--preview-2:#FFD84D;--preview-3:#64D9AB;--preview-4:#FFAA61;--preview-line:#075CCB;}
:root[data-palette="citrus"]:not([data-theme="dark"]){--bg:#F7FCEB;--surface:#FFFFFF;--surface-subtle:#EFF7D6;--text:#30411B;--muted:#2D3C1C;--border:#D9E7BA;--primary:#376B12;--on-primary:#FFFFFF;--primary-soft:#E1F2C2;--sidebar:#E5F5C7;--green:#14542B;--blue:#164A8A;--amber:#674000;--red:#B42318;--chart-grid:#DCE9C2;--chart-muted:#2D3C1C;--chart-cpu:#4A9C17;--chart-mem:#D39C00;--chart-rx:#047857;--chart-tx:#1976D2;--cpu-card:#9BE564;--cpu-ink:#245314;--mem-card:#FFE14D;--mem-ink:#624700;--net-card:#68E1AA;--net-ink:#075338;--disk-card:#87CFFD;--disk-ink:#16486A;}
:root[data-palette="citrus"][data-theme="dark"]{--bg:#1A2612;--surface:#28391E;--surface-subtle:#334827;--text:#F5F9EB;--muted:#D0DDBA;--border:#4E633A;--primary:#C1F08C;--on-primary:#1A2612;--primary-soft:#3C542B;--sidebar:#22321A;--green:#A8E5B4;--blue:#ADD5FF;--amber:#FFD779;--red:#FFADA5;--chart-grid:#4E633A;--chart-muted:#D0DDBA;--chart-cpu:#C1F08C;--chart-mem:#FFE47A;--chart-rx:#8FE6BE;--chart-tx:#9CCBFF;--cpu-card:#36572C;--cpu-ink:#D0FF9D;--mem-card:#59491A;--mem-ink:#FFE77A;--net-card:#204A39;--net-ink:#9BECCA;--disk-card:#27445C;--disk-ink:#B9E2FF;}
[data-palette-option="citrus"]{--preview-bg:#F7FCEB;--preview-1:#9BE564;--preview-2:#FFE14D;--preview-3:#68E1AA;--preview-4:#87CFFD;--preview-line:#4A9C17;}
:root[data-palette="arcade"]:not([data-theme="dark"]){--bg:#F7F4FF;--surface:#FFFFFF;--surface-subtle:#EFE9FF;--text:#2C1C52;--muted:#32204F;--border:#D8CCF4;--primary:#6837D0;--on-primary:#FFFFFF;--primary-soft:#E9DFFF;--sidebar:#E6DBFF;--green:#075744;--blue:#124AA1;--amber:#6D4300;--red:#B42318;--chart-grid:#DDD2F0;--chart-muted:#32204F;--chart-cpu:#6938D0;--chart-mem:#C2541D;--chart-rx:#07896F;--chart-tx:#1475D1;--cpu-card:#B89CFF;--cpu-ink:#40207E;--mem-card:#FFE05B;--mem-ink:#684B00;--net-card:#59D6C4;--net-ink:#075447;--disk-card:#FF9BA7;--disk-ink:#762B3C;}
:root[data-palette="arcade"][data-theme="dark"]{--bg:#211735;--surface:#302447;--surface-subtle:#3B2C55;--text:#F8F3FF;--muted:#D3C5E9;--border:#5B4777;--primary:#D0B8FF;--on-primary:#211735;--primary-soft:#4A3668;--sidebar:#2A1D40;--green:#A5F0DF;--blue:#B6CFFF;--amber:#FFD680;--red:#FFAAA8;--chart-grid:#5B4777;--chart-muted:#D3C5E9;--chart-cpu:#D0B8FF;--chart-mem:#FFB779;--chart-rx:#8DE6D6;--chart-tx:#9CC5FF;--cpu-card:#46336B;--cpu-ink:#DCCBFF;--mem-card:#58491E;--mem-ink:#FFE985;--net-card:#214B47;--net-ink:#A5F0DF;--disk-card:#553344;--disk-ink:#FFC0CB;}
[data-palette-option="arcade"]{--preview-bg:#F7F4FF;--preview-1:#B89CFF;--preview-2:#FFE05B;--preview-3:#59D6C4;--preview-4:#FF9BA7;--preview-line:#6938D0;}
:root[data-palette="volcano"]:not([data-theme="dark"]){--bg:#FFF6F0;--surface:#FFFFFF;--surface-subtle:#FFF0E5;--text:#4D2A1C;--muted:#4A2518;--border:#F1D1BE;--primary:#9F300C;--on-primary:#FFFFFF;--primary-soft:#FFE0D1;--sidebar:#FFDFCF;--green:#074C32;--blue:#17458B;--amber:#674000;--red:#A5211A;--chart-grid:#E9D3C6;--chart-muted:#4A2518;--chart-cpu:#D64213;--chart-mem:#CC8A00;--chart-rx:#07885F;--chart-tx:#2366C9;--cpu-card:#FF9B65;--cpu-ink:#6D2308;--mem-card:#FFE058;--mem-ink:#604300;--net-card:#55D6A4;--net-ink:#084936;--disk-card:#83BCFF;--disk-ink:#163D70;}
:root[data-palette="volcano"][data-theme="dark"]{--bg:#2B1B17;--surface:#3B2922;--surface-subtle:#4A332A;--text:#FFF5EE;--muted:#E3C9B8;--border:#68493B;--primary:#FFAA82;--on-primary:#2B1B17;--primary-soft:#593428;--sidebar:#34231D;--green:#A8EBD0;--blue:#C0D9FF;--amber:#FFD28D;--red:#FFAAA2;--chart-grid:#68493B;--chart-muted:#E3C9B8;--chart-cpu:#FFAA82;--chart-mem:#FFE17A;--chart-rx:#8DE0B8;--chart-tx:#A8C9FF;--cpu-card:#63381F;--cpu-ink:#FFC39F;--mem-card:#5B4B1C;--mem-ink:#FFE584;--net-card:#204A3A;--net-ink:#A8EBD0;--disk-card:#253F62;--disk-ink:#C0D9FF;}
[data-palette-option="volcano"]{--preview-bg:#FFF6F0;--preview-1:#FF9B65;--preview-2:#FFE058;--preview-3:#55D6A4;--preview-4:#83BCFF;--preview-line:#D64213;}
:root[data-palette="splash"]:not([data-theme="dark"]){--bg:#F0FCFF;--surface:#FFFFFF;--surface-subtle:#E2F7FC;--text:#143B4A;--muted:#143B4A;--border:#C5E8F0;--primary:#00617B;--on-primary:#FFFFFF;--primary-soft:#CFF5FD;--sidebar:#D6F4FA;--green:#064E38;--blue:#16488E;--amber:#654000;--red:#B42318;--chart-grid:#D1E8EE;--chart-muted:#143B4A;--chart-cpu:#007C9C;--chart-mem:#D39600;--chart-rx:#047C5D;--chart-tx:#1672C4;--cpu-card:#6BCDEE;--cpu-ink:#06455B;--mem-card:#FFDF4F;--mem-ink:#594400;--net-card:#45D6AC;--net-ink:#064B3B;--disk-card:#FFAE69;--disk-ink:#6A3100;}
:root[data-palette="splash"][data-theme="dark"]{--bg:#13282F;--surface:#203B44;--surface-subtle:#2A4C56;--text:#EFFBFF;--muted:#C3DFE5;--border:#41636D;--primary:#7CE6F7;--on-primary:#13282F;--primary-soft:#2B525E;--sidebar:#1A333C;--green:#9EE8CF;--blue:#B6D3FF;--amber:#FFD47A;--red:#FFADA5;--chart-grid:#41636D;--chart-muted:#C3DFE5;--chart-cpu:#7CE6F7;--chart-mem:#FFE37A;--chart-rx:#86E6C5;--chart-tx:#A7D0FF;--cpu-card:#254D5C;--cpu-ink:#B6F1FF;--mem-card:#5A4A1C;--mem-ink:#FFE882;--net-card:#1F4D42;--net-ink:#A1F1D8;--disk-card:#5B3B24;--disk-ink:#FFD0A0;}
[data-palette-option="splash"]{--preview-bg:#F0FCFF;--preview-1:#6BCDEE;--preview-2:#FFDF4F;--preview-3:#45D6AC;--preview-4:#FFAE69;--preview-line:#007C9C;}