:root{color-scheme:dark;--ground:#0b111b;--panel:#121c29;--edge:#2a3b4d;--ink:#f0f5f9;--quiet:#adbdca;--faint:#728a9d;--cpu:#7be1d0;--memory:#c4b0f2;--disk:#f1ca8c;--network:#79c7ef;--error:#ffb7a8;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{background:var(--ground);min-height:100%}body{margin:0;min-height:100vh;color:var(--ink);background:linear-gradient(155deg,#14202e,var(--ground) 56%)}[hidden]{display:none!important}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cpu);outline-offset:4px}button,input{min-width:0}.eyebrow{font-size:11px;color:var(--quiet);text-transform:uppercase;letter-spacing:.15em;margin:0 0 10px}.primary,.secondary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:11px 17px;border-radius:5px;font-size:13px;font-weight:600;text-decoration:none}.primary{background:var(--cpu);border:1px solid var(--cpu);color:#10231f}.primary:hover:enabled{background:#a2ecdf}.secondary{background:transparent;border:1px solid #60778b;color:var(--ink)}.secondary:hover:enabled{background:#223244}.text-button{border:0;background:transparent;color:var(--quiet);min-height:44px;padding:9px 4px;font-size:13px;text-decoration:underline;text-underline-offset:4px}.text-button:hover{color:var(--ink)}.entry{max-width:480px;margin:0 auto;padding:12vh 26px 40px;text-align:center}.entry h1{font-size:clamp(30px,5vw,43px);font-weight:500;letter-spacing:-.045em;margin:15px 0 18px}.entry-description{font-size:15px;color:var(--quiet);line-height:1.8}.entry-form{max-width:330px;margin:30px auto 22px;display:flex;flex-direction:column;text-align:left;gap:9px}.entry-form label{font-size:13px;color:var(--quiet);margin-top:8px}.entry-form input{color:var(--ink);background:transparent;border:0;border-bottom:1px solid #617a8e;padding:12px 2px;border-radius:0;font-size:18px}.entry-form .primary{margin-top:22px;justify-content:space-between}.entry-message{min-height:23px;font-size:13px;line-height:1.6;color:var(--quiet)}.entry-message.error,.sample-status.error,.desktop-message.error{color:var(--error)}.scope-note{max-width:350px;margin:30px auto 0;font-size:12px;color:var(--quiet);line-height:1.8}
.server{max-width:1500px;margin:0 auto;padding:30px 34px 23px}.server-header{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px}.server-header h1{font-size:31px;font-weight:520;letter-spacing:-.04em;margin:0 0 8px}.host-identity{font-size:13px;color:var(--quiet);line-height:1.6;margin:0;overflow-wrap:anywhere}.session-controls{display:flex;align-items:center;gap:18px;flex-shrink:0}.connection{font-size:11px;color:var(--quiet)}.resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.resource{--accent:var(--cpu);padding:19px 19px 15px;border:1px solid var(--edge);background:var(--panel);border-radius:9px;min-width:0}.memory{--accent:var(--memory)}.disk{--accent:var(--disk)}.network{--accent:var(--network)}.resource-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.resource h2{font-size:15px;font-weight:650;margin:0}.resource-context{font-size:10px;color:var(--quiet);text-align:right;line-height:1.5;overflow-wrap:anywhere}.metric{font-family:ui-monospace,"Cascadia Mono",Consolas,monospace;font-size:clamp(26px,2.5vw,36px);font-weight:450;letter-spacing:-.065em;margin:20px 0 15px;line-height:1.2;overflow-wrap:anywhere}.metric small{font-size:12px;letter-spacing:0;color:var(--quiet);margin-left:6px}.gauge{width:100%;height:11px;display:block}.gauge-track{fill:#314152}.gauge-fill{fill:var(--accent)}.resource.hot .gauge-fill{fill:#f49e91}.resource.measuring .gauge-track{fill:#3b4b59}.resource-detail{font-size:11px;color:var(--quiet);line-height:1.6;margin:10px 0 0;min-height:18px;overflow-wrap:anywhere}.sparkline{height:35px;width:100%;display:block;margin:12px 0 0;overflow:visible}.sparkline path{stroke:var(--accent);fill:none;stroke-width:1.7;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.sparkline circle{fill:var(--accent)}.resource-footnote{font-size:10px;color:var(--faint);line-height:1.6;margin:10px 0 0;min-height:16px;overflow-wrap:anywhere}.network-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:17px}.network-values .metric{font-size:23px;line-height:1.35;margin:6px 0 0;letter-spacing:-.06em}.direction{font-size:10px;color:var(--cpu)}.direction.outgoing{color:var(--network)}.network-sparkline{margin-top:15px;height:45px}#network-rx-trace{stroke:var(--cpu)}#network-rx-point{fill:var(--cpu)}.sample-row{display:flex;justify-content:space-between;gap:15px;align-items:baseline;padding:15px 2px 22px}.sample-status,.uptime{font-size:11px;color:var(--quiet);line-height:1.6;margin:0}.uptime{flex-shrink:0}.server.stale .resource{border-color:#5c5042}.desktop-section{border-top:1px solid var(--edge);padding-top:24px}.desktop-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.desktop-heading h2{font-size:25px;font-weight:520;letter-spacing:-.03em;margin:0 0 9px}.desktop-description{font-size:13px;line-height:1.7;color:var(--quiet);margin:0}.desktop-state{font-size:11px;color:var(--quiet);border:1px solid var(--edge);padding:8px 10px;border-radius:4px;flex-shrink:0}.desktop-state.ready{color:var(--cpu);border-color:#487166}.desktop-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0 14px}.desktop-viewer{height:clamp(470px,70vh,900px);min-height:470px;border:1px solid #40576b;border-radius:6px;overflow:hidden;background:#070a10;position:relative}.desktop-viewer iframe{display:block;width:100%;height:100%;border:0;background:#070a10}.desktop-placeholder{min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px 22px;color:var(--quiet)}.desktop-placeholder p{font-size:14px;line-height:1.8;margin:9px 0;max-width:460px}.desktop-placeholder p:last-child{font-size:12px}.desktop-symbol{font-size:42px;color:var(--faint);font-weight:300}.desktop-message,.app-state{font-size:11px;color:var(--quiet);line-height:1.7;margin:12px 0 0;overflow-wrap:anywhere}.app-state{margin-top:6px;color:var(--faint)}.desktop-viewer:fullscreen{width:100vw;height:100vh;min-height:0;border:0;border-radius:0;background:#070a10}.server-footer{border-top:1px solid var(--edge);padding-top:18px;margin-top:25px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--faint);line-height:1.6}
@media(max-width:1150px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{font-size:33px}.network-values .metric{font-size:29px}.connection{display:none}}
@media(max-width:650px){.server{padding:23px 16px 20px}.server-header{align-items:flex-start;gap:15px}.server-header h1{font-size:25px}.host-identity{font-size:11px}.session-controls{gap:12px;flex-direction:column;align-items:flex-end}.session-controls .secondary{min-height:35px;font-size:11px;padding:6px 11px}.session-controls .text-button{font-size:11px;min-height:30px;padding:2px}.resource-grid{gap:11px}.resource{padding:16px 13px 13px}.resource-heading{align-items:flex-start;gap:7px}.resource h2{font-size:14px}.resource-context{font-size:9px;max-width:100px}.metric{font-size:29px;margin:18px 0 13px}.resource-detail{font-size:10px;line-height:1.7}.resource-footnote{font-size:9px;line-height:1.6;min-height:29px}.network-values{grid-template-columns:1fr;gap:8px;margin-top:12px}.network-values .metric{font-size:23px;margin-top:2px}.network-sparkline{height:30px}.sample-row{flex-direction:column;gap:5px;padding:13px 0 20px}.sample-status,.uptime{font-size:10px}.desktop-heading{flex-direction:column;align-items:flex-start;gap:12px}.desktop-heading h2{font-size:23px}.desktop-description{font-size:12px}.desktop-actions{gap:8px}.desktop-actions .primary,.desktop-actions .secondary{font-size:11px;min-height:44px;padding:10px 12px}.desktop-viewer{height:68vh;min-height:430px;border-radius:4px;overflow:auto}.desktop-placeholder{padding:30px 15px}.desktop-placeholder p{font-size:13px}.desktop-placeholder p:last-child{font-size:11px}.server-footer{flex-direction:column;gap:6px;font-size:9px}.desktop-message,.app-state{font-size:10px}}
@media(max-width:370px){.server{padding-left:12px;padding-right:12px}.resource-grid{grid-template-columns:1fr}.resource{padding:17px}.resource-context{max-width:none}.metric{font-size:32px}.resource-footnote{min-height:0}.network-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.network-values .metric{font-size:24px}.network-sparkline{height:35px}.entry{padding-top:8vh}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.desktop-section.desktop-stopped{padding-top:18px}.desktop-stopped .desktop-heading h2{font-size:20px;margin-bottom:6px}.desktop-stopped .desktop-description{max-width:800px}.desktop-stopped .desktop-actions,.desktop-stopped .desktop-viewer{display:none}.desktop-stopped .desktop-message{margin-top:8px}