.status-hero{isolation:isolate;position:relative}.status-hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60% 60% at 50% 0%, color-mix(in srgb, var(--status-tone) 22%, transparent) 0%, transparent 70%), radial-gradient(40% 40% at 50% 20%, var(--accent-soft) 0%, transparent 70%);position:absolute;inset:-4rem 0 0}.status-eye{background:var(--surface);border:1px solid var(--border);width:5.5rem;height:5.5rem;box-shadow:0 0 0 6px color-mix(in srgb, var(--status-tone) 10%, transparent), 0 0 48px -6px color-mix(in srgb, var(--status-tone) 55%, transparent), var(--shadow-card);color:#fff;border-radius:9999px;justify-content:center;align-items:center;display:inline-flex}[data-motion=on] .status-eye{animation:4.8s ease-in-out infinite status-breathe}@keyframes status-breathe{0%,to{box-shadow:0 0 0 6px color-mix(in srgb, var(--status-tone) 10%, transparent), 0 0 48px -6px color-mix(in srgb, var(--status-tone) 55%, transparent), var(--shadow-card)}50%{box-shadow:0 0 0 10px color-mix(in srgb, var(--status-tone) 7%, transparent), 0 0 64px -4px color-mix(in srgb, var(--status-tone) 70%, transparent), var(--shadow-card)}}.status-dot{background:var(--status-tone);border-radius:9999px;flex-shrink:0;width:.625rem;height:.625rem;display:inline-flex;position:relative}[data-motion=on] .status-dot[data-live]:after{content:"";border-radius:inherit;background:inherit;opacity:.6;animation:2.4s cubic-bezier(0,0,.2,1) infinite status-ping;position:absolute;inset:0}@keyframes status-ping{0%{opacity:.6;transform:scale(1)}75%,to{opacity:0;transform:scale(2.4)}}.uptime-bar{outline:none;gap:2px;width:100%;min-width:0;height:2.25rem;display:flex}.uptime-bar:focus-visible{box-shadow:var(--ring);border-radius:var(--radius-sm)}.uptime-tick{background:var(--tick,var(--surface-3));min-width:0;height:100%;transition:transform var(--dur-ui) var(--ease-out), opacity var(--dur-ui) var(--ease-out);transform-origin:bottom;border-radius:2px;flex:1 1 0}.uptime-tick[data-s=up]{--tick:var(--success)}.uptime-tick[data-s=degraded]{--tick:var(--warning)}.uptime-tick[data-s=down]{--tick:var(--danger)}.uptime-tick[data-s=none]{--tick:var(--surface-3)}.uptime-tick[data-i="0"],.uptime-tick[data-i="1"]{display:none}@media (min-width:640px){.uptime-tick[data-i="1"]{display:block}}@media (min-width:1024px){.uptime-tick[data-i="0"]{display:block}}.uptime-bar[data-active] .uptime-tick:not([data-on]){opacity:.55}.uptime-tick[data-on]{transform:scaleY(1.12)}[data-motion=on] .uptime-tick{animation:tick-rise .5s var(--ease-out) both;animation-delay:calc(var(--k,0) * 6ms)}@keyframes tick-rise{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}.uptime-tip{z-index:20;pointer-events:none;white-space:nowrap;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--foreground);box-shadow:var(--shadow-pop);padding:.4rem .6rem;font-size:.75rem;line-height:1.25;position:absolute;bottom:calc(100% + 8px);transform:translate(-50%)}.uptime-tip:after{content:"";background:var(--surface-2);border-right:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);width:8px;height:8px;position:absolute;top:100%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.uptime-span>span{display:none}.uptime-span>[data-days=all],.uptime-span>[data-days="30"]{display:inline}@media (min-width:640px){.uptime-span>[data-days="30"]{display:none}.uptime-span>[data-days="60"]{display:inline}}@media (min-width:1024px){.uptime-span>[data-days="60"]{display:none}.uptime-span>[data-days="90"]{display:inline}}.incident-line{padding-left:1.5rem;position:relative}.incident-line:before{content:"";background:var(--border);width:1px;position:absolute;top:.75rem;bottom:-.75rem;left:.3125rem}.incident-line:last-child:before{display:none}.incident-line:after{content:"";border:2px solid var(--incident-tone,var(--muted-2));background:var(--background);border-radius:9999px;width:.6875rem;height:.6875rem;position:absolute;top:.4375rem;left:0}