:root{--bg:#080b0d;--panel:#101519;--line:#253038;--muted:#89969f;--text:#edf2f3;--green:#4ce19a;--yellow:#ffc857;--red:#ff6b6b;--blue:#75bfff}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 0,#112229 0,transparent 35%),var(--bg);color:var(--text);font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.shell{width:min(1180px,calc(100% - 36px));margin:auto}.topbar{display:flex;justify-content:space-between;align-items:end;padding:52px 0 28px;border-bottom:1px solid var(--line)}h1,h2,h3,p{margin:0}h1{font:600 clamp(32px,6vw,64px)/1 ui-sans-serif,system-ui;letter-spacing:-.05em}h2{font:600 24px/1.2 ui-sans-serif,system-ui;letter-spacing:-.025em}.eyebrow,.banner-label{color:var(--green);font-size:11px;letter-spacing:.14em;margin-bottom:9px}.timestamp{color:var(--muted);display:flex;gap:10px;align-items:center}.pulse{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #4ce19a18}
.banner{margin:28px 0 54px;padding:28px;border:1px solid var(--line);background:linear-gradient(115deg,#10191a,#0d1316);display:flex;justify-content:space-between;align-items:end}.banner.healthy{border-color:#2a684d}.banner.degraded{border-color:#765f2a}.banner.critical{border-color:#743b3b}.banner h2{font-size:30px}.banner>p{color:var(--muted);max-width:480px;text-align:right}.section-head{display:flex;justify-content:space-between;align-items:end;margin:0 0 16px}.section-head>p{color:var(--muted)}section{margin-bottom:54px}.grid{display:grid;gap:14px}.servers{grid-template-columns:repeat(2,minmax(0,1fr))}.services{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.panel,.model-table{background:#0d1215cc;border:1px solid var(--line);padding:20px}.card-head{display:flex;justify-content:space-between;gap:16px}
.state{display:inline-flex;align-items:center;gap:7px;text-transform:uppercase;font-size:11px;letter-spacing:.08em}.state:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--muted)}.state.online:before,.state.healthy:before,.state.ready:before,.state.serving:before,.state.idle:before{background:var(--green)}.state.downloaded:before{background:var(--blue)}.state.degraded:before,.state.loading:before,.state.unreachable:before{background:var(--yellow)}.state.offline:before,.state.critical:before,.state.error:before{background:var(--red)}
.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}.metric{min-width:0}.metric label{display:block;color:var(--muted);font-size:10px;letter-spacing:.04em;margin-bottom:6px}.metric strong{font-size:20px;font-weight:500}.metric small{display:block;color:var(--muted);font-size:9px;line-height:1.35;margin-top:5px;min-height:25px}.metric.unavailable strong{color:var(--muted);font-size:15px}
.activity-metrics{align-items:start}.circular-metric{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4px 10px 12px}.circular-metric>label{width:100%;margin-bottom:12px}.radial-gauge{--gauge-color:var(--green);position:relative;width:132px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gauge-color) var(--value),#1a242a 0);box-shadow:inset 0 0 0 1px #2c3941,0 10px 34px #0006}.radial-gauge:before{content:"";position:absolute;inset:12px;border-radius:50%;background:linear-gradient(145deg,#11191d,#090e11);border:1px solid #2a363d}.radial-gauge>div{position:relative;z-index:1}.radial-gauge strong{font-size:24px}.radial-gauge.warning{--gauge-color:var(--yellow)}.radial-gauge.critical{--gauge-color:var(--red)}.circular-metric small{min-height:13px;margin-top:10px;max-width:150px}.circular-metric.unavailable .radial-gauge{--gauge-color:#344149}.memory-metric{grid-column:1/-1;border-top:1px solid var(--line);padding-top:17px;margin-top:2px}.memory-heading{display:flex;justify-content:space-between;align-items:end;gap:16px}.memory-heading label{margin-bottom:2px}.memory-heading span{color:var(--text);font-size:11px;letter-spacing:.06em}.memory-heading strong{font-size:22px}.pressure-graphic{margin-top:10px}.pressure-track{height:10px;background:#1a242a;border:1px solid #293740;border-radius:999px;overflow:hidden}.pressure-track i{display:block;height:100%;background:linear-gradient(90deg,#2dbf7e,var(--green));border-radius:inherit;transition:width .35s ease}.pressure-graphic.warning .pressure-track i{background:linear-gradient(90deg,#d49a27,var(--yellow))}.pressure-graphic.critical .pressure-track i{background:linear-gradient(90deg,#d74e4e,var(--red))}.pressure-scale{display:flex;justify-content:space-between;color:#62717a;font-size:8px;margin-top:4px}.memory-facts{display:grid;grid-template-columns:1.35fr 1fr .8fr;gap:12px;margin-top:13px;padding-top:12px;border-top:1px solid #1d282e}.memory-facts>div{border-left:1px solid var(--line);padding-left:12px;min-width:0}.memory-facts>div:first-child{border-left:0;padding-left:0}.memory-facts label{font-size:8px;margin-bottom:3px}.memory-facts strong{display:block;font-size:12px;white-space:nowrap}.memory-facts em{color:var(--muted);font-style:normal;font-weight:400;font-size:9px}
.peers{margin-top:18px;border-top:1px solid var(--line);padding-top:14px;color:var(--muted);display:flex;gap:14px;flex-wrap:wrap}.service-card .backend{color:var(--blue);font-size:11px;text-transform:uppercase;margin-top:5px}.model-table{padding:0;overflow:auto}.model-row{display:grid;grid-template-columns:1.5fr .8fr 1fr 1fr 1fr .7fr;gap:14px;padding:15px 18px;border-bottom:1px solid var(--line);align-items:center;min-width:760px}.model-row:last-child{border:0}.model-name{min-width:0}.model-name strong,.model-name small{display:block}.model-name strong{overflow:hidden;text-overflow:ellipsis}.model-name small{color:var(--blue);font-size:10px;margin-top:4px;overflow-wrap:anywhere}.model-row.header{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.split{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.history-row{display:grid;grid-template-columns:110px 1fr 62px;align-items:center;gap:12px;margin:12px 0}.history-track{height:8px;background:#1d262b}.history-track i{display:block;height:100%;background:var(--green)}.incidents{min-height:170px}.incident{padding:12px 0;border-bottom:1px solid var(--line)}.incident:last-child{border:0}.incident time{display:block;color:var(--muted);font-size:11px;margin-top:4px}.empty{color:var(--muted);padding:20px}footer{border-top:1px solid var(--line);color:var(--muted);padding:24px 0 45px;font-size:11px}
@media(max-width:780px){.servers,.services,.split{grid-template-columns:1fr}.topbar,.banner,.section-head{align-items:flex-start;gap:20px}.topbar,.banner{flex-direction:column}.banner>p{text-align:left}.section-head>p{display:none}}
@media(max-width:440px){.shell{width:min(100% - 24px,1180px)}.radial-gauge{width:110px}.radial-gauge strong{font-size:20px}.circular-metric{padding-inline:4px}.memory-facts{grid-template-columns:1fr 1fr}.memory-facts>div:nth-child(3){border-left:0;padding-left:0}.banner{padding:20px}}
.radial-gauge{width:150px;box-shadow:inset 0 0 0 1px #2c3941,0 11px 38px #0006}.radial-gauge:before{inset:13px}.radial-gauge strong{font-size:22px}
@media(max-width:440px){.radial-gauge{width:116px}.radial-gauge strong{font-size:22px}}

/* Standards-based resource gauges: SVG progress ring and native progress bar. */
svg.radial-gauge{display:block;position:static;width:150px;height:150px;aspect-ratio:1;background:none;box-shadow:none;overflow:visible}
.radial-track,.radial-value{fill:none;stroke-width:9}
.radial-track{stroke:#1a242a}
.radial-value{transform:rotate(-90deg);transform-origin:60px 60px;stroke-linecap:round;transition:stroke-dasharray .35s ease}
.radial-text{fill:var(--text);font:500 17px ui-monospace,SFMono-Regular,Menlo,monospace;text-anchor:middle;dominant-baseline:middle}
.pressure-progress{display:block;width:100%;height:10px;margin-top:10px;border:0;border-radius:999px;overflow:hidden;appearance:none;-webkit-appearance:none;background:#1a242a;color:var(--green)}
.pressure-progress::-webkit-progress-bar{background:#1a242a;border:1px solid #293740;border-radius:999px}
.pressure-progress::-webkit-progress-value{background:linear-gradient(90deg,#2dbf7e,var(--green));border-radius:999px}
.pressure-progress::-moz-progress-bar{background:linear-gradient(90deg,#2dbf7e,var(--green));border-radius:999px}
.pressure-progress.warning{color:var(--yellow)}.pressure-progress.warning::-webkit-progress-value{background:linear-gradient(90deg,#d49a27,var(--yellow))}.pressure-progress.warning::-moz-progress-bar{background:linear-gradient(90deg,#d49a27,var(--yellow))}
.pressure-progress.high{color:#ff922b}.pressure-progress.high::-webkit-progress-value{background:linear-gradient(90deg,#d86f18,#ff922b)}.pressure-progress.high::-moz-progress-bar{background:linear-gradient(90deg,#d86f18,#ff922b)}
.pressure-progress.critical{color:var(--red)}.pressure-progress.critical::-webkit-progress-value{background:linear-gradient(90deg,#d74e4e,var(--red))}.pressure-progress.critical::-moz-progress-bar{background:linear-gradient(90deg,#d74e4e,var(--red))}
@media(max-width:440px){svg.radial-gauge{width:116px;height:116px}.radial-text{font-size:18px}}
.hint{position:relative;display:inline-grid;place-items:center;width:14px;height:14px;margin-left:3px;border:1px solid #52616a;border-radius:50%;color:var(--muted);font-size:9px;line-height:1;cursor:help;outline:none}.hint:hover,.hint:focus{color:var(--text);border-color:var(--green)}.hint:after{content:attr(data-tip);position:absolute;z-index:20;left:50%;bottom:calc(100% + 9px);width:230px;padding:9px 10px;border:1px solid #35444d;background:#070b0d;color:var(--text);font-size:10px;font-weight:400;line-height:1.45;letter-spacing:0;text-transform:none;white-space:normal;box-shadow:0 8px 24px #0009;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,4px);transition:opacity .15s ease,transform .15s ease}.hint:hover:after,.hint:focus:after{opacity:1;visibility:visible;transform:translate(-50%,0)}