@layer screens{.status-page{isolation:isolate;min-block-size:calc(100dvh - var(--header-h,56px));padding:32px var(--gutter,16px) 64px;place-items:center;display:grid;position:relative;overflow:hidden}.status-page:before{content:"";block-size:520px;inline-size:min(760px,120vw);z-index:var(--z-below);background:radial-gradient(closest-side, color-mix(in srgb, var(--brand-400,var(--accent)) 26%, transparent), transparent);margin-inline:auto;animation:8s ease-in-out infinite alternate status-breathe;position:absolute;inset:8% 0 auto}.status-card{border:1px solid color-mix(in srgb, var(--brand-500,var(--accent)) 16%, var(--line-hair,var(--line)));background:var(--bg-l2,var(--surface));inline-size:min(560px,100%);box-shadow:var(--e2-shadow,none);text-align:center;animation:status-rise .24s var(--ease-out,ease-out) both;border-radius:28px;justify-items:center;gap:16px;padding:40px 28px 32px;display:grid}.status-icon{background:color-mix(in srgb, var(--brand-500,var(--accent)) 14%, transparent);block-size:72px;inline-size:72px;color:var(--brand-text,var(--accent));border-radius:24px;place-items:center;display:grid}.status-eyebrow{color:var(--brand-text,var(--accent));font-size:var(--fs-13);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:600}.status-card{font-size:var(--fs-16)}.status-card h1{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:2em;font-weight:700;line-height:1.1}.status-lede,.status-note{max-inline-size:44ch;color:var(--text-secondary,var(--muted));font-size:var(--fs-16);text-wrap:pretty;margin:0;line-height:1.55}.status-note b{color:var(--text-primary,var(--text))}.status-window{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;inline-size:100%;margin:0;display:grid}.status-window>div{border:1px solid var(--line-hair,var(--line));background:color-mix(in srgb, var(--brand-500,var(--accent)) 6%, transparent);border-radius:16px;gap:4px;padding:14px 16px;display:grid}.status-window dt{color:var(--text-muted,var(--muted));font-size:var(--fs-12);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.status-window dd{font-size:var(--fs-16);font-variant-numeric:tabular-nums;gap:2px;margin:0;font-weight:600;display:grid}.status-window small{color:var(--brand-text,var(--accent));font-size:var(--fs-13);font-weight:500}.status-live{gap:10px;inline-size:100%;margin-block-start:4px;display:grid}.status-live h2{color:var(--text-muted,var(--muted));font-size:var(--fs-12);letter-spacing:.06em;text-transform:uppercase;margin:0;font-weight:600}.status-live-inline{inline-size:auto;margin:0}.status-live.status-live-inline ul{justify-content:flex-start}.status-live ul{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.status-pill{border:1px solid var(--line-hair,var(--line));background:var(--bg-l1,transparent);min-block-size:36px;font-size:var(--fs-13);border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.status-pill>span:last-child{color:var(--text-secondary,var(--muted))}.status-dot{background:var(--text-muted,#8a93a1);border-radius:50%;block-size:8px;inline-size:8px;position:relative}.status-pill[data-state=up] .status-dot,.status-pill[data-state=ok] .status-dot{background:var(--up,#1fa971)}.status-pill[data-state=paused] .status-dot,.status-pill[data-state=off] .status-dot{background:var(--warn,#d99a1b)}.status-pill[data-state=up] .status-dot:after,.status-pill[data-state=ok] .status-dot:after{content:"";background:inherit;border-radius:50%;animation:2.4s ease-out infinite status-ping;position:absolute;inset:0}.status-cta{min-block-size:48px;margin-block-start:8px;padding-inline:28px}@keyframes status-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes status-breathe{0%{opacity:.55;transform:scale(.95)}to{opacity:.95;transform:scale(1.05)}}@keyframes status-ping{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@media (min-width:768px){.status-card h1{font-size:2.5em}}@media (prefers-reduced-motion:reduce){.status-page:before,.status-card,.status-dot:after{animation:none}}[data-motion=reduced] .status-page:before,[data-motion=reduced] .status-card,[data-motion=reduced] .status-dot:after{animation:none}}