.status-page{margin:0 auto;padding:.32rem 0 1.5rem}.status-header{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.1rem;padding-bottom:.95rem}.status-header:after{position:absolute;right:0;bottom:0;left:0;height:2px;border-radius:var(--radius-pill);background:var(--header-accent-rule);opacity:.94;content:""}.status-header h1{margin:0 0 .28rem;font-size:1.75rem;letter-spacing:-.02em;line-height:1.22}.status-header p{margin:0;color:var(--text-muted);font-size:.92rem;line-height:1.65}.status-refresh{display:inline-flex;flex:0 0 auto;width:2.35rem;height:2.35rem;align-items:center;justify-content:center;border:1px solid var(--panel-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface) 76%,transparent);color:var(--text-muted);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}.status-refresh:hover,.status-refresh:focus-visible{border-color:color-mix(in srgb,var(--link) 36%,var(--border) 64%);background:var(--archive-hover-bg);color:var(--link)}.status-refresh.is-loading svg{animation:status-spin .9s linear infinite}.status-overview{display:grid;grid-template-columns:minmax(9rem,auto) minmax(16rem,1fr) auto;gap:1rem;align-items:center;padding:.78rem .85rem;border:1px solid var(--panel-border);border-radius:var(--radius-md);background:var(--panel-bg);box-shadow:inset 0 1px color-mix(in srgb,var(--bg) 72%,transparent)}.status-overview-state{display:inline-flex;align-items:center;gap:.5rem;min-width:0}.status-overview-state strong{font-size:.9rem;font-weight:600;white-space:nowrap}.status-dot{width:.52rem;height:.52rem;flex:0 0 auto;border-radius:50%;background:var(--text-subtle);box-shadow:0 0 0 3px color-mix(in srgb,var(--text-subtle) 12%,transparent)}.status-dot[data-state=online]{background:#238b57;box-shadow:0 0 0 3px color-mix(in srgb,#238b57 15%,transparent)}.status-dot[data-state=offline]{background:#c34b45;box-shadow:0 0 0 3px color-mix(in srgb,#c34b45 14%,transparent)}.status-dot[data-state=connecting]{background:#b7791f;box-shadow:0 0 0 3px color-mix(in srgb,#b7791f 15%,transparent);animation:status-pulse 1.4s ease-in-out infinite}.status-summary{display:flex;align-items:center;gap:1.25rem;margin:0}.status-summary div{display:inline-flex;align-items:baseline;gap:.38rem}.status-summary dt,.status-summary dd{margin:0}.status-summary dt{color:var(--text-muted);font-size:.76rem}.status-summary dd{color:var(--text);font-family:var(--font-mono);font-size:.88rem;font-weight:600}.status-updated{display:flex;gap:.35rem;justify-content:flex-end;margin:0;color:var(--text-muted);font-size:.74rem;line-height:1.5;white-space:nowrap}.status-servers{display:grid;gap:.85rem;margin-top:.85rem}.server-status{padding:.95rem;border:1px solid var(--panel-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--panel-bg) 84%,var(--bg) 16%);box-shadow:inset 0 1px color-mix(in srgb,var(--bg) 70%,transparent)}.server-status[data-state=offline]{border-color:color-mix(in srgb,#c34b45 28%,var(--panel-border) 72%)}.server-status-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:.78rem;border-bottom:1px solid var(--border-soft)}.server-identity{display:flex;min-width:0;align-items:flex-start;gap:.55rem}.server-identity .status-dot{margin-top:.42rem}.server-identity h2{margin:0;color:var(--text);font-size:1rem;font-weight:600;line-height:1.45}.server-identity p{margin:.1rem 0 0;color:var(--text-muted);font-size:.73rem;line-height:1.45;text-transform:capitalize}.server-state{flex:0 0 auto;color:#238b57;font-size:.78rem;font-weight:600;line-height:1.5}.server-status[data-state=offline] .server-state{color:#c34b45}.server-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:.9rem 0 .95rem}.server-metric{min-width:0}.metric-heading{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.4rem;color:var(--text-muted);font-size:.75rem}.metric-heading strong{min-width:0;overflow:hidden;color:var(--text);font-family:var(--font-mono);font-size:.73rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.metric-track{width:100%;height:.32rem;overflow:hidden;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--border-soft) 84%,transparent)}.metric-track span{display:block;width:0;height:100%;border-radius:inherit;background:color-mix(in srgb,#238b57 78%,var(--link) 22%);transition:width .42s var(--motion-ease)}.server-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem 1rem;margin:0;padding-top:.82rem;border-top:1px solid var(--border-soft)}.server-details div{min-width:0}.server-details dt,.server-details dd{margin:0}.server-details dt{margin-bottom:.16rem;color:var(--text-muted);font-size:.7rem;line-height:1.4}.server-details dd{overflow:hidden;color:var(--text-body);font-family:var(--font-mono);font-size:.73rem;line-height:1.55;text-overflow:ellipsis;white-space:nowrap}.status-empty{margin:0;padding:1.2rem .85rem;border:1px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-muted);font-size:.86rem;line-height:1.6;text-align:center}.status-source{display:flex;align-items:center;gap:.4rem;margin:.78rem 0 0;color:var(--text-muted);font-size:.72rem;line-height:1.55}.status-source svg{flex:0 0 auto}@keyframes status-spin{to{transform:rotate(360deg)}}@keyframes status-pulse{50%{opacity:.52}}@media(max-width:760px){.status-overview{grid-template-columns:minmax(0,1fr) auto}.status-summary{justify-content:flex-end}.status-updated{grid-column:1 / -1;justify-content:flex-start}.server-details{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.status-page{padding-top:.15rem}.status-header{align-items:center;margin-bottom:.9rem;padding-bottom:.78rem}.status-header h1{font-size:clamp(1.55rem,7vw,1.85rem)}.status-overview{gap:.72rem;padding:.7rem 0;border-width:1px 0;border-radius:0;background:transparent;box-shadow:none}.status-summary{gap:.7rem}.status-summary div{gap:.25rem}.status-updated{flex-wrap:wrap}.server-status{padding:.82rem 0;border-width:0 0 1px;border-radius:0;background:transparent;box-shadow:none}.server-metrics{grid-template-columns:1fr;gap:.72rem}.server-details{gap:.7rem}.status-source{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.status-refresh.is-loading svg,.status-dot[data-state=connecting]{animation:none}.metric-track span{transition:none}}