.status-hero{background:radial-gradient(at 10% 15%,#d8443c17,#0000 65%)}.status-hero .eyebrow,#main-content .section-heading .eyebrow,.availability-panel .eyebrow,#incident-history .eyebrow{letter-spacing:.15em;text-transform:uppercase;font-size:.7rem;font-weight:600}.status-panel{--status-accent:#a1a1aa;--status-tint:161,161,170;border:1px solid rgba(var(--status-tint),.24);background:radial-gradient(ellipse at 100% 0%,rgba(var(--status-tint),.12),transparent 65%),#111214;border-radius:1.25rem;padding:1.75rem;position:relative;overflow:hidden}.status-panel:before{content:"";background:linear-gradient(90deg,transparent,var(--status-accent),transparent);opacity:.65;height:2px;position:absolute;inset:0 2rem auto}.status-panel[data-state=operational]{--status-accent:#8dccbd;--status-tint:115,185,167}.status-panel[data-state=degraded],.status-panel[data-state=partial_outage]{--status-accent:#e8b783;--status-tint:232,183,131}.status-panel[data-state=major_outage]{--status-accent:#f08078;--status-tint:240,128,120}.status-symbol{border:1px solid rgba(var(--status-tint),.2);background:rgba(var(--status-tint),.06);width:2.6rem;height:2.6rem;color:var(--status-accent);border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.status-symbol svg{width:1.5rem;height:1.5rem}.status-dot{background:var(--status-accent);width:.65rem;height:.65rem;box-shadow:0 0 0 4px rgba(var(--status-tint),.08);border-radius:50%;flex-shrink:0}.refresh-button{color:#d4d4d8;border:1px solid #ffffff1f;border-radius:.45rem;align-items:center;gap:.5rem;padding:.4rem .55rem;display:inline-flex}.refresh-button:hover:not(:disabled){color:#fff;background:#ffffff0f}.refresh-button:disabled{color:#a1a1aa;cursor:wait}.section-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.section-icon{flex-shrink:0;width:1.75rem;height:1.75rem}.section-icon svg{width:100%;height:100%}.component-list{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a}.component-row{justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 0;display:flex}.component-row+.component-row{border-top:1px solid #ffffff12}.component-name{align-items:center;gap:.85rem;min-width:0;display:flex}.component-icon{color:#b7acd7;background:#b7acd712;border-radius:.65rem;flex-shrink:0;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;display:flex}.component-icon svg{width:1.2rem;height:1.2rem}.component-title{color:#f4f4f5;overflow-wrap:anywhere;font-size:.95rem;font-weight:500}.component-latency{color:#a1a1aa;margin-top:.3rem;font-size:.75rem}.state-label{color:#a1a1aa;flex-shrink:0;align-items:center;gap:.45rem;font-size:.8rem;display:inline-flex}.state-label:before{content:"";background:currentColor;border-radius:50%;width:.4rem;height:.4rem}.state-label[data-state=operational]{color:#8dccbd}.state-label[data-state=degraded]{color:#e8b783}.state-label[data-state=outage]{color:#f08078}.availability-panel{background:linear-gradient(135deg,#89a6cf12,#89a6cf04);border:1px solid #89a6cf33;border-radius:1.25rem;align-self:start;padding:1.75rem}.availability-track{background:#89a6cf1f;border-radius:.25rem;height:.3rem;overflow:hidden}#uptime-bar{border-radius:inherit;background:#a9bfdf;height:100%}.empty-message{color:#a1a1aa;padding:1.5rem 0;font-size:.875rem;line-height:1.6}.quiet-state{color:#d4d4d8;align-items:flex-start;gap:1rem;padding:1rem 0 .25rem;font-size:.9rem;line-height:1.6;display:flex}.quiet-mark{color:#a1a1aa;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.quiet-state p+p{color:#a1a1aa;margin-top:.2rem;font-size:.8rem}.active-incident{background:#e8b78309;border:1px solid #e8b7833b;border-radius:1rem;padding:1.5rem}.active-incident+.active-incident{margin-top:1rem}.incident-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.incident-title{color:#f4f4f5;overflow-wrap:anywhere;font-weight:500}.incident-date{color:#a1a1aa;margin-top:.6rem;font-size:.75rem}.severity{text-transform:uppercase;letter-spacing:.07em;color:#a1a1aa;border:1px solid #a1a1aa33;border-radius:9999px;flex-shrink:0;padding:.2rem .6rem;font-size:.65rem}.severity[data-severity=minor]{color:#e8b783;border-color:#e8b7834d}.severity[data-severity=major],.severity[data-severity=critical]{color:#f08078;border-color:#f080784d}.incident-updates{border-left:1px solid #ffffff21;margin-top:1.5rem;padding-left:1rem}.incident-update+.incident-update{margin-top:1.35rem}.update-meta{color:#a1a1aa;flex-wrap:wrap;gap:.5rem 1rem;font-size:.7rem;display:flex}.update-status{color:#d4d4d8;text-transform:capitalize}.update-message{color:#d4d4d8;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:.45rem;font-size:.875rem;line-height:1.7}.history-list{border-top:1px solid #ffffff1a}.history-item{border-bottom:1px solid #ffffff1a}.history-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.5rem 0;list-style:none;display:flex}.history-item summary::-webkit-details-marker{display:none}.history-item .incident-updates{margin:0 0 1.5rem .25rem}.history-arrow{color:#a1a1aa;font-size:1.2rem}.history-item[open] .history-arrow{font-size:0}.history-item[open] .history-arrow:after{content:"−";font-size:1.2rem}.status-hero a:focus-visible,#main-content .refresh-button:focus-visible,.history-item summary:focus-visible{outline-offset:5px;border-radius:.25rem;outline:2px solid #f08078}@media (width<=420px){.status-panel,.availability-panel{padding:1.4rem}.component-row{gap:.6rem}.component-name{gap:.65rem}.component-icon{width:2rem;height:2rem}.state-label{font-size:.75rem}.incident-header{flex-wrap:wrap}}
