:root{color-scheme:light;--bg:oklch(1 0 0);--surface:oklch(.975 .006 242);--ink:oklch(.25 .022 242);--muted:oklch(.46 .018 242);--line:oklch(.88 .012 242);--primary:oklch(.49 .13 242);--tint:oklch(.95 .024 242);--green:oklch(.39 .095 158);--red:oklch(.46 .16 25);--amber:oklch(.48 .105 73);--unknown:oklch(.53 .015 242);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--surface);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:1rem;line-height:1.5}button,select{font:inherit;color:inherit}button,a,select,summary{touch-action:manipulation}button,summary{cursor:pointer}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button,a,select,summary{transition:background-color .18s,color .18s,border-color .18s}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--primary);outline-offset:3px}button{min-height:44px;border:1px solid var(--line);border-radius:6px;background:var(--bg);padding:8px 14px;font-weight:600;font-size:.875rem}button:hover{background:var(--tint)}button:disabled{opacity:.6;cursor:wait}select{min-height:44px;border:1px solid var(--line);border-radius:6px;background:var(--bg);padding:6px 8px;max-width:180px}h1,h2,h3{line-height:1.3;text-wrap:balance;margin:0}h1{font-size:1.25rem;letter-spacing:-.02em}h2{font-size:1rem;font-weight:650}h3{font-size:.875rem;margin-bottom:12px}p{margin:0;max-width:75ch}header{background:var(--bg);min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px max(24px,calc((100vw - 1160px)/2))}.brand,.header-actions{display:flex;align-items:center;gap:16px}.tag{color:var(--muted);font-size:.8125rem;border-left:1px solid var(--line);padding-left:16px}#refresh-status{font-size:.8125rem;color:var(--muted)}.tabs{display:flex;gap:8px;padding:0 max(24px,calc((100vw - 1160px)/2));background:var(--bg);border-bottom:1px solid var(--line)}.tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;min-height:48px;padding:10px 20px;font-size:.875rem;color:var(--muted);white-space:nowrap}.tabs button[aria-selected=true]{border-bottom-color:var(--primary);color:var(--primary)}.tabs button:hover{background:var(--surface)}main{max-width:1208px;margin:auto;padding:24px}.health-details{margin-bottom:24px;border:1px solid var(--line);border-radius:8px;background:var(--bg);overflow:hidden}.verdict{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:12px 16px;min-height:48px;font-size:.875rem;font-weight:600;list-style:none}.verdict::-webkit-details-marker{display:none}.verdict:after{content:'⌄';color:var(--muted);font-size:1rem}.health-details[open]>.verdict:after{content:'⌃'}.verdict small{color:var(--muted);font-size:.75rem;font-weight:400;margin-left:auto}.verdict.is-warning{background:oklch(.975 .019 73)}.verdict.is-error{background:oklch(.97 .015 25)}.health-body{padding:4px 16px 12px;border-top:1px solid var(--line)}.alert-row{font-size:.8125rem;padding:10px 0}.alert-row strong{display:block}.alert-row span{color:var(--muted)}.summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0 0 28px;padding:0 4px}.overview-metric>span{font-size:.8125rem;color:var(--muted)}.overview-metric>strong{display:block;font-size:1.625rem;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:4px 0}.overview-metric>small{display:block;font-size:.75rem;color:var(--muted)}.overview-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:24px;align-items:start}.network{background:var(--bg);border:1px solid var(--line);border-radius:10px;overflow:hidden;min-width:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;min-height:56px}.section-head>span{font-size:.75rem;color:var(--muted)}.network>.section-head{border-bottom:1px solid var(--line)}.diagram{height:240px;position:relative}.diagram svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.wire{fill:none;stroke:currentColor;stroke-width:2;vector-effect:non-scaling-stroke}.wire.unknown,.wire.down{stroke-dasharray:5 5}.node{position:absolute;transform:translate(-50%,-50%);width:156px;min-height:100px;text-align:left;background:var(--bg);padding:14px;border-radius:8px;top:48%}.node[data-node=mac]{left:16%}.node[data-node=vps]{left:50%}.node[data-node=arch]{left:84%}.node[aria-pressed=true]{border-color:var(--primary);background:var(--tint)}.node-title{display:flex;align-items:center;gap:7px;font-size:.8125rem;font-weight:600}.node-address{display:block;margin:7px 0 4px;font-weight:400}.node-status{display:block;font-size:.75rem;font-weight:400}.wire-label{position:absolute;top:79%;transform:translateX(-50%);font-size:.75rem;color:var(--muted);background:var(--bg);padding:2px 4px}.label-mac{left:33%}.label-arch{left:67%}.map-note{color:var(--muted);font-size:.75rem;padding:0 20px 16px;min-height:38px}.device-details{border-top:1px solid var(--line)}.device-details>summary{padding:12px 20px;min-height:44px;font-size:.8125rem;color:var(--muted)}.device-details>summary>span{font-weight:600;color:var(--ink);margin-left:8px}.detail-heading{font-size:.75rem;color:var(--muted);padding:0 20px}.detail-body{padding:16px 20px}.detail-meta{display:flex;align-items:start;justify-content:space-between;gap:16px;font-size:.8125rem;margin-bottom:20px}.detail-meta strong{display:block}.detail-section{margin-top:20px}.info-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-size:.8125rem;padding:7px 0}.info-row>span:last-child{text-align:right;overflow-wrap:anywhere}.overview-lists{min-width:0}.disclosure{background:var(--bg);border-bottom:1px solid var(--line)}.overview-lists>.disclosure:first-child{border-radius:8px 8px 0 0}.overview-lists>.disclosure:nth-last-child(2){border-radius:0 0 8px 8px}.disclosure>summary{display:flex;align-items:center;gap:12px;min-height:58px;padding:14px 18px;font-size:.875rem;list-style:none}.disclosure>summary::-webkit-details-marker{display:none}.disclosure>summary:before{content:'›';font-size:1.25rem;font-weight:400;color:var(--muted);width:10px;flex-shrink:0;line-height:1;transition:transform .18s}.disclosure[open]>summary:before{transform:rotate(90deg)}.disclosure>summary:hover{background:var(--surface)}.disclosure[open]>summary{border-bottom:1px solid var(--line)}.summary-value{margin-left:auto;font-size:.8125rem;white-space:nowrap}.disclosure-body{padding:12px 18px}.disclosure-body>p{font-size:.8125rem}.text-button{border:0;background:transparent;color:var(--primary);font-size:.8125rem;padding:8px 18px;font-weight:500;margin-bottom:8px}.aside-note{font-size:.75rem;color:var(--muted);padding:16px 2px}.quick-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;font-size:.8125rem}.quick-row>span:first-child{min-width:0;overflow-wrap:anywhere}.quick-row .state{font-size:.75rem}.disclosure-list{background:var(--bg);border:1px solid var(--line);border-radius:10px;overflow:hidden}.disclosure-list>.disclosure:last-child{border-bottom:0}.service-name{display:block;font-weight:600;font-size:.875rem}.service-description{display:block;font-size:.75rem;color:var(--muted);margin-top:3px}.service-summary>.state{margin-left:auto}.service-body{display:flex;justify-content:space-between;align-items:start;gap:24px;font-size:.8125rem}.service-body small{display:block;color:var(--muted);margin-top:6px}.service-body a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}.temp-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}.temp-row:last-child{border:0}.temp-row small{display:block;font-size:.75rem;color:var(--muted)}.temp-row>div>span{font-size:.8125rem}.temperature-value{font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.temp-row .threshold{font-size:.75rem;font-weight:400}.sensor-notes{font-size:.75rem;color:var(--muted);padding:16px 4px}.sensor-notes p+p{margin-top:6px}.storage-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:36px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:24px}.storage-grid h3{font-size:.9375rem;margin-bottom:16px}.disk-line{display:flex;flex-wrap:wrap;gap:12px 20px;color:var(--muted);font-size:.8125rem;margin-bottom:20px}.disk-line strong{color:var(--ink);font-weight:500}.storage-notes,.download-summary>p{font-size:.75rem;color:var(--muted)}.download-summary .info-row{padding:10px 0}.metric{margin:16px 0 24px}.metric-line{display:flex;justify-content:space-between;gap:12px;font-size:.8125rem}.meter{height:5px;border-radius:3px;background:var(--line);overflow:hidden;margin:8px 0}.meter-fill{height:100%;width:100%;transform-origin:left;background:var(--primary);transition:transform .2s}.metric small{font-size:.75rem;color:var(--muted)}.hardware-name{font-size:.8125rem;color:var(--muted);margin:0 0 20px 2px}.history-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.spark{display:block;width:100%;height:70px;margin:10px 0}.spark line{stroke:var(--line);stroke-width:1}.spark polyline{fill:none;stroke:var(--primary);stroke-width:1.8;vector-effect:non-scaling-stroke}.history-grid small{font-size:.75rem;color:var(--muted)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:12px 16px;border-bottom:1px solid var(--line);font-size:.8125rem;overflow-wrap:anywhere}th{font-weight:600;color:var(--muted);background:var(--surface);font-size:.75rem}td small{display:block;color:var(--muted);font-size:.75rem;margin-top:4px}.server-table .mono{font-size:.75rem}.unit-error{background:oklch(.975 .015 25)}.select-label{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.75rem;color:var(--muted);margin:18px 0 6px}.service-row,.event-row,.connection-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.8125rem}.service-row small{display:block;font-size:.75rem;color:var(--muted)}.service-result{text-align:right}.event-row time{font-size:.75rem;color:var(--muted);white-space:nowrap}.event-row .state{font-size:.75rem}.connection-row{font-size:.75rem}.connection-row .state{font-size:.75rem}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0;background:currentColor}.state{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem}.up{color:var(--green)}.slow,.checking{color:var(--amber)}.down{color:var(--red)}.unknown{color:var(--unknown)}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;font-variant-numeric:tabular-nums}.fine{font-size:.75rem}.notice{padding:12px 16px;border:1px solid oklch(.82 .07 73);border-radius:8px;color:var(--amber);background:oklch(.975 .019 73);margin-bottom:16px;font-size:.875rem}.stale-data,.muted-readings{opacity:.6}.empty-note{padding:18px;color:var(--muted);font-size:.8125rem}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:20px 0 0;font-size:.6875rem;color:var(--muted)}.skip{position:absolute;top:-80px;left:20px;background:var(--bg);padding:12px;z-index:2}.skip:focus{top:12px}[hidden]{display:none!important}
@media(max-width:1050px){.overview-layout{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:16px}.node{width:126px;padding:10px}.node-title{font-size:.75rem}.tag{display:none}.tabs{gap:0}.storage-grid{gap:24px}}
@media(max-width:800px){.overview-layout{grid-template-columns:1fr}.node{width:160px}.node-title{font-size:.8125rem}.overview-lists{display:grid;grid-template-columns:1fr 1fr;gap:1px 12px;align-items:start}.aside-note{display:none}.disclosure{min-width:0}.storage-grid{grid-template-columns:1fr;gap:20px}.tabs{padding:0 16px}.tabs button{flex:1;padding:10px}.summary-strip{gap:16px}.overview-metric>strong{font-size:1.375rem}.server-table{table-layout:fixed}.server-table .unit-description{display:none}.section-head{padding-inline:4px}.network>.section-head{padding-inline:16px}.history-grid{grid-template-columns:1fr;gap:16px}}
@media(max-width:480px){header{padding:12px 16px;min-height:64px}.header-actions{gap:8px}h1{font-size:1.0625rem}#refresh-status{display:none}.tabs{padding:0 8px}.tabs button{font-size:.8125rem;padding:8px 6px;min-width:0}main{padding:16px}.health-details{margin-bottom:20px}.verdict{padding:12px;gap:8px;flex-wrap:wrap}.verdict>.state{font-size:.8125rem}.verdict small{order:3;width:100%;font-size:.6875rem}.verdict:after{margin-left:auto}.summary-strip{grid-template-columns:1fr 1fr;gap:16px 20px;margin-bottom:22px}.overview-metric>strong{font-size:1.5rem}.overview-metric>small{font-size:.6875rem}.overview-layout{gap:16px}.diagram{height:200px}.node{width:100px;padding:9px;min-height:100px}.node[data-node=mac]{left:17%}.node[data-node=arch]{left:83%}.node-title{font-size:.6875rem;gap:4px}.node .dot{width:5px;height:5px}.node-address{font-size:.625rem}.node-status{font-size:.625rem}.wire-label{font-size:.6875rem;top:82%}.map-note{padding:0 14px 12px;font-size:.6875rem}.overview-lists{display:block}.disclosure>summary{min-height:52px;padding:12px 14px;gap:10px;font-size:.8125rem}.summary-value{font-size:.75rem}.disclosure-body{padding:12px 14px}.service-summary>.state{font-size:.75rem;max-width:125px}.service-description{font-size:.6875rem}.service-body{display:block}.service-body a{margin-top:8px}.sensor-notes{padding:14px 2px}.temperature-value{font-size:.9375rem}.temp-row .threshold{font-size:.6875rem}.temp-row small{font-size:.6875rem}.storage-grid{padding:16px}.storage-grid h3 .mono{display:block;margin-top:4px}.section-head{gap:12px}.section-head>span{font-size:.6875rem;text-align:right;max-width:140px}.server-table th,.server-table td{padding:10px 8px;font-size:.75rem}.server-table .unit-autostart{display:none}.server-table .state{font-size:.75rem}.device-details>summary{padding:12px 14px;font-size:.75rem}.device-details>summary>span{margin-left:4px}.detail-body{padding:14px}.detail-heading{padding:0 14px}footer{font-size:.625rem}}
@media(max-width:359px){.node{width:86px;padding:7px}.node-title{font-size:.625rem}.node-address{font-size:.5625rem}.node-status{font-size:.5625rem}.tabs button{font-size:.75rem;padding-inline:4px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media(max-width:480px){.node-title{font-size:.8125rem}.node-address,.node-status{font-size:.6875rem}}
@media(max-width:359px){.node-title{font-size:.75rem}.node-address,.node-status{font-size:.625rem}}
.tabs{overflow-x:auto}.node-address{overflow-wrap:anywhere}
@media(max-width:480px){.tabs button{flex:1 0 auto;min-width:max-content}}
.access-intro{margin:0 20px 24px;font-size:.875rem}.access-summary{margin:24px 20px}.access-card{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:20px;margin-bottom:24px}.access-card>.section-head{padding:0 0 16px}.access-card p{margin-bottom:12px}.access-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.access-fields>label,.access-card>label{display:flex;flex-direction:column;gap:6px;font-size:.875rem;font-weight:600}.access-fields small{color:var(--muted);font-size:.75rem;font-weight:400}.access-card input:not([type=checkbox]),.access-card textarea{font:inherit;color:inherit;min-height:44px;border:1px solid var(--line);border-radius:6px;padding:9px 12px;background:var(--bg);width:100%;max-width:100%}.access-card input:focus-visible,.access-card textarea:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.access-card fieldset{border:1px solid var(--line);border-radius:6px;padding:12px 16px;grid-column:1/-1}.check-option{display:inline-flex;align-items:center;gap:8px;padding:8px 16px 8px 0;font-size:.875rem}.check-option input{width:18px;height:18px;accent-color:var(--primary)}.access-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.section-head>.access-actions{margin:0}.primary-button{background:var(--primary);color:white;border-color:var(--primary)}.primary-button:hover{color:var(--ink)}.copy-row{display:flex;gap:8px;margin:8px 0 12px}.copy-row input{min-width:0}.access-error{color:var(--red)}.access-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.access-facts span,.access-facts strong{display:block;font-size:.8125rem;overflow-wrap:anywhere}.access-facts span{color:var(--muted)}.access-history{margin-top:16px;border:1px solid var(--line);border-radius:8px}#access-users .disclosure-body>h3{margin-top:20px}#access-users .server-table small{max-width:320px;overflow-wrap:anywhere}#access-users details>summary .summary-value{white-space:normal;text-align:right}.access-card[hidden]{display:none}
@media(max-width:640px){.access-fields,.access-facts{grid-template-columns:1fr}.access-intro{margin-inline:0}.access-summary{margin-inline:0;gap:16px}.access-card{padding:16px}.copy-row{flex-wrap:wrap}.copy-row input{flex-basis:100%}.access-actions button{flex:1}.section-head:has(#new-user){flex-wrap:wrap;padding-inline:0}}
#panel-access .server-table{min-width:680px;table-layout:auto}#panel-access .server-table th{white-space:nowrap}#panel-access .server-table td:first-child{min-width:150px}#panel-access .server-table button{white-space:nowrap}#panel-access .table-wrap{max-width:100%}
#user-form .access-fields{grid-template-columns:minmax(0,1fr)}#user-advanced>label{display:flex;flex-direction:column;gap:6px;margin-top:16px}#user-advanced>summary,#invite-details>summary{min-height:44px;padding-block:10px}#invite-details>label{display:block;margin-block:12px 6px}#invite-details>button{margin-block:12px}#key-result{scroll-margin-top:16px}#panel-access input,#panel-access textarea{font-size:16px}#key-result .access-actions>button{flex:1 1 180px}#panel-access .disclosure>summary>span:first-of-type{min-width:0;overflow-wrap:anywhere}@media(max-width:640px){#user-form>.primary-button{width:100%}#key-result .section-head{flex-wrap:wrap}#panel-access .disclosure>summary{flex-wrap:wrap}#panel-access .disclosure>summary .summary-value{white-space:normal;text-align:left;margin-left:20px}}

/* Dynamic device graph */
.diagram{height:270px;background-image:radial-gradient(var(--line) .7px,transparent .7px);background-size:18px 18px;isolation:isolate}
.diagram .node{width:132px;min-height:84px;padding:10px 12px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;z-index:2;box-shadow:0 2px 8px #192d3a0a}
.diagram .node.dragging{cursor:grabbing;z-index:3;box-shadow:0 5px 18px #192d3a22}
.diagram .node-title{font-size:.8125rem}.diagram .node-address,.diagram .node-status{font-size:.6875rem}
.diagram .wire{stroke-width:2;opacity:.7}
.diagram .wire.up,.diagram .wire.slow{stroke-dasharray:7 6;animation:graph-link 1.8s linear infinite}
.diagram .wire.slow{animation-duration:3.6s}
.diagram .wire-label{transform:translate(-50%,-50%);font-size:.6875rem;border-radius:4px;pointer-events:none;z-index:1;white-space:nowrap;line-height:1.4}
.graph-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px 8px;background:var(--bg)}
.graph-tools p{font-size:.6875rem;color:var(--muted)}.graph-tools button{font-size:.6875rem;flex-shrink:0;padding:6px 10px;font-weight:500}
@keyframes graph-link{to{stroke-dashoffset:-26}}
@media(max-width:480px){.diagram{height:290px}.diagram .node{width:112px;min-height:88px;padding:10px}.graph-tools{gap:8px}}
@media(max-width:359px){.diagram .node{width:100px;padding:8px}.diagram .node-title{font-size:.75rem}.diagram .node-address,.diagram .node-status{font-size:.625rem}}
@media(prefers-reduced-motion:reduce){.diagram .wire{animation:none}}
/* End dynamic device graph */
/* Live connections */
.graph-viewport{max-height:460px;overflow:auto;overscroll-behavior:contain}
.diagram .node-title>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.diagram .node-status{line-height:1.3;overflow-wrap:anywhere}
.diagram .wire.session{color:var(--primary);stroke-dasharray:3 5;opacity:.6}
.live-session-list{border-top:1px solid var(--line);border-bottom:0}
#live-sessions{max-height:420px;overflow:auto}
.live-session{border-bottom:1px solid var(--line);font-size:.75rem;padding:0 16px}
.live-session>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;padding:10px 0;list-style:none}
.live-session>summary::-webkit-details-marker{display:none}.live-session>summary small{display:block;color:var(--muted);font-size:.6875rem}.live-session>summary>span:last-child{text-align:right;font-size:.6875rem}.live-session strong{overflow-wrap:anywhere}
.live-session-body{padding:0 0 14px;color:var(--muted);overflow-wrap:anywhere}.live-session-body p+p{margin-top:6px}
#live-status{padding-bottom:8px;min-height:0}#overview{min-height:0}
@media(max-width:480px){.graph-viewport{max-height:400px}.graph-tools p{font-size:.625rem}}
/* End live connections */
.graph-filter{display:flex;align-items:center;gap:8px;min-height:44px;font-size:.6875rem;color:var(--muted);padding:6px 14px;cursor:pointer}.graph-filter input{width:18px;height:18px;accent-color:var(--primary);flex-shrink:0}.graph-filter span{white-space:nowrap}