:root{color:#e4e7eb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#111419;--fg:#e4e7eb;--muted:#a2aab5;--line:#343b45;--wire:#9ba8b8;--ok:#8bdbac;--warn:#f2ce75;--down:#ff9292;--unknown:#a2aab5;background:#111419;font-family:Segoe UI,system-ui,sans-serif;font-size:14px}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit;color:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}a{color:inherit}button,input,select{border-radius:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ok);outline-offset:3px}h1,h2,h3,p{margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--fg);color:var(--bg);z-index:10;padding:12px;position:absolute;top:-80px;left:16px}.skip-link:focus{top:8px}.app{min-height:100vh;color:var(--fg);background:var(--bg);padding:0 max(24px,50% - 556px)}.muted,.small{color:var(--muted)}.small{font-size:12px}.state-up{color:var(--ok)}.state-degraded{color:var(--warn)}.state-down{color:var(--down)}.state-unknown{color:var(--unknown)}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:24px 0 18px;display:flex}.site-title{min-width:0}.brand{align-items:center;gap:9px;text-decoration:none;display:flex}.brand svg{flex-shrink:0;width:24px;height:24px}.brand h1{overflow-wrap:anywhere;font-size:20px;font-weight:600;line-height:1.3}.subtitle{color:var(--muted);overflow-wrap:anywhere;margin-top:6px;font-size:12px}.update-status{flex-shrink:0;align-items:center;gap:8px;font-size:12px;display:flex}.icon-button{border:1px solid var(--line);background:0 0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.icon-button:hover,.motion-button:hover{border-color:var(--muted)}.status-summary{align-items:center;gap:10px;padding:18px 0;display:flex}.status-summary p{font-weight:600}.status-signal{background:currentColor;flex:none;width:8px;height:8px}.maintenance-notices{margin-top:16px}.maintenance-notice{border-left:2px solid var(--warn);background:color-mix(in srgb, var(--warn) 5%, var(--bg));overflow-wrap:anywhere;margin-bottom:8px;font-size:13px;line-height:1.6}.maintenance-notice summary{cursor:pointer;padding:12px}.maintenance-phase{color:var(--warn)}.maintenance-notice summary::marker{color:var(--warn)}.maintenance-phase{margin-right:8px}.maintenance-when{color:var(--muted);margin-left:12px;font-size:12px;display:inline-block}.maintenance-details{padding:0 12px 12px}.maintenance-message{white-space:pre-wrap;margin-bottom:12px}.maintenance-details dl{gap:4px;margin:0;font-size:12px;display:grid}.maintenance-details dl>div{grid-template-columns:48px minmax(0,1fr);gap:8px;display:grid}.maintenance-details dt{color:var(--muted)}.maintenance-details dd{margin:0}.notice{border-left:2px solid var(--warn);background:color-mix(in srgb, var(--warn) 5%, var(--bg));align-items:center;gap:12px;margin-bottom:18px;padding:12px;font-size:13px;line-height:1.5;display:flex}.notice button,.empty-list button{color:var(--fg);border:1px solid var(--line);background:0 0;padding:8px 12px}.notice-message{overflow-wrap:anywhere;flex:1;min-width:0}.connection-details{margin-top:4px}.connection-details summary,.check-details summary{cursor:pointer;color:var(--muted);padding:8px 0;font-size:12px}.check-details{margin-top:12px}.check-details-content{padding-top:8px}.check-details .detail-metrics{margin-bottom:0}.orbit-panel{min-width:0;position:relative}.orbit-stage{width:100%}.orbit-scene{width:100%;height:auto;color:var(--wire);touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;display:block}.orbit-scene:active{cursor:grabbing}.polyhedron-edge{stroke:var(--wire);fill:none;stroke-width:1.4px}.service-orbit{stroke:var(--wire);stroke-width:1px;stroke-dasharray:4 5;fill:none;opacity:.5}.orbit-node{cursor:pointer;outline:none}.node-hit{fill:#0000;cursor:pointer}.orbit-label{cursor:pointer}.label-leader{stroke:var(--wire);stroke-width:1px}.node-orbit{fill:var(--bg);stroke:currentColor;stroke-width:1.5px}.node-dot{fill:currentColor}.orbit-marker.active .node-orbit{stroke-width:3px}.orbit-marker.focused .node-orbit{stroke-dasharray:3 2}.node-label{fill:var(--fg);paint-order:stroke;stroke:var(--bg);stroke-width:5px;stroke-linejoin:round;font-weight:500}.node-state{fill:currentColor;paint-order:stroke;stroke:var(--bg);stroke-width:4px}.orbit-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 0 14px;display:flex}.orbit-legend{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.orbit-legend span{align-items:center;gap:5px;display:inline-flex}.orbit-controls{align-items:center;gap:5px;display:flex}.rotate-back svg{transform:rotate(180deg)}.motion-button{border:1px solid var(--line);background:0 0;align-items:center;gap:6px;height:34px;padding:0 8px;font-size:12px;display:inline-flex}.motion-button svg{width:12px;height:12px}.services-section{min-width:0;scroll-margin-top:16px}.service-tools{gap:8px;margin-bottom:16px;display:flex}.search-field{border:1px solid var(--line);border-radius:2px;flex:1;align-items:center;gap:8px;min-width:0;padding:0 8px;display:flex}.search-field svg{width:14px;color:var(--muted);flex-shrink:0}.search-field input{background:0 0;border:0;width:100%;min-width:0;padding:8px 0}.search-field input::placeholder{color:var(--muted)}.state-filter select{background:var(--bg);border:1px solid var(--line);max-width:145px;height:100%;padding:6px}.service-group{margin-bottom:20px}.service-group h3{color:var(--muted);border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding-bottom:7px;font-size:12px;font-weight:600}.state-badge{white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:inline-flex}.state-badge i{background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.detail-ticks{gap:2px;width:100%;display:flex}.tick{background:currentColor;flex:1;min-width:0}.tick.state-unknown{background:color-mix(in srgb, var(--unknown) 45%, var(--bg))}.row-arrow{color:var(--muted);display:flex}.row-arrow svg{width:12px}.service-detail{border-bottom:1px solid var(--line);padding:14px 10px 16px}.detail-metrics{color:var(--muted);flex-wrap:wrap;gap:8px 18px;margin-bottom:18px;font-size:12px;display:flex}.detail-metrics strong{color:var(--fg);font-weight:500}.section-label,.history-caption,.detail-footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;font-size:12px;line-height:1.5;display:flex}.detail-ticks{height:24px;margin:10px 0 6px}.tick-selected{outline:1px solid var(--fg);outline-offset:2px}.history-range{width:100%;height:28px;accent-color:var(--ok);cursor:ew-resize;margin:8px 0;display:block}.history-toggle,.site-footer button{background:0 0;border:0;padding:8px 0;font-size:12px;text-decoration:underline}.detail-footer{margin-top:14px}.detail-footer a{align-items:center;gap:5px;display:inline-flex}.detail-footer svg{width:12px;height:12px}.empty-list{color:var(--muted);padding:20px 0;font-size:13px;line-height:1.6}.empty-list button{margin-top:12px}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:flex-end;align-items:center;gap:16px;margin-top:24px;padding:14px 0 20px;font-size:12px;display:flex}.access-panel{max-width:430px;margin:40px auto}.access-panel h2{margin-bottom:24px;font-size:18px}.access-panel label{margin-bottom:8px;display:block}.access-input{gap:8px;display:flex}.access-input input{background:var(--bg);border:1px solid var(--line);width:100%;min-width:0;padding:9px;font-size:16px}.primary-button{background:var(--fg);color:var(--bg);border:0;padding:8px 14px}.access-panel p{margin-top:14px;font-size:12px;line-height:1.5}@media (width<=780px){.app{padding:0 16px}.site-header{flex-wrap:wrap;gap:8px;padding:18px 0 12px}.site-title{width:100%}.update-status{justify-content:space-between;width:100%}.brand h1{font-size:18px}.status-summary{padding:14px 0;font-size:13px}.status-summary>.muted{font-size:11px}.orbit-panel{width:100%;position:static}.orbit-scene{max-height:360px}.orbit-bottom{gap:8px;padding:0}.orbit-legend{gap:8px;font-size:11px}.icon-button{width:44px;height:44px}.motion-button{height:44px}.services-section{width:100%}.search-field input,.state-filter select{min-height:44px;font-size:16px}.state-filter select{max-width:130px}.service-detail{padding-left:0;padding-right:0}.history-range{height:44px}.history-toggle,.detail-footer a,.site-footer button,.site-footer a{align-items:center;min-height:44px;display:inline-flex}.history-caption,.notice{align-items:flex-start}.notice button{min-height:44px}.check-details summary,.connection-details summary{min-height:44px;padding:12px 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}.geometry-view{max-width:800px;margin:0 auto}.geometry-view .orbit-scene{height:min(60svh,560px)}.view-switch,.details-toggle{border:1px solid var(--line);background:0 0;flex-shrink:0;min-height:36px;padding:7px 10px;font-size:12px}.view-switch{margin-left:auto}.view-switch:hover,.details-toggle:hover{border-color:var(--muted)}.orbit-service-picker{flex-direction:column;gap:6px;margin:12px 0 0;display:flex}.orbit-service-picker>span{color:var(--muted);font-size:12px}.orbit-service-picker select{width:100%;min-height:44px;color:var(--fg);background:var(--bg);border:1px solid var(--line);padding:8px;font-size:16px}.services-section{max-width:760px;margin:0 auto}.selected-service{border-top:1px solid var(--line);max-width:600px;margin:16px auto 0}.selected-service-summary{flex-wrap:wrap;align-items:center;gap:12px;padding:14px 0;display:flex}.selected-service-summary h2{overflow-wrap:anywhere;flex:1;min-width:120px;font-size:15px}.selected-service-summary .card-uptime{margin-left:auto}.service-card{border-bottom:1px solid var(--line)}.service-card-summary{text-align:left;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) 110px 80px 14px;align-items:center;gap:12px;width:100%;min-height:60px;padding:12px 0;display:grid}.service-card-summary:hover,.service-card-summary[aria-expanded=true]{background:color-mix(in srgb, var(--fg) 4%, var(--bg))}.service-name{overflow-wrap:anywhere;font-size:14px;font-weight:600}.card-uptime{font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:flex-end;align-items:baseline;gap:5px;display:flex}.card-uptime strong{font-size:13px;font-weight:500}.card-uptime>span{color:var(--muted);font-size:11px}.row-arrow.expanded{transform:rotate(90deg)}.service-detail{border-bottom:0}.detail-origin{color:var(--muted);overflow-wrap:anywhere;margin-bottom:12px;font-size:12px}.check-error{color:var(--down);white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:16px;font-size:12px;line-height:1.5}@media (width<=600px){.geometry-view .orbit-scene{height:min(48svh,360px)}.view-switch,.details-toggle{min-height:44px}.status-summary{gap:8px}.status-summary p{min-width:0}.service-card-summary{grid-template-columns:minmax(0,1fr) auto 14px;gap:8px}.service-name{grid-column:1/3}.service-card-summary>.state-badge{grid-area:2/1}.service-card-summary>.card-uptime{grid-area:2/2}.service-card-summary>.row-arrow{grid-area:1/3/3}.selected-service-summary h2{flex-basis:100%}}
