.status-page{position: relative;padding: calc(var(--chrome-header-h) + var(--band-clear)) var(--sp-6) var(--sp-9);max-width: var(--frame-document);margin: 0 auto;} body{overflow-x: clip;} .status-page::before{content: "";position: absolute;z-index: -1;left: 50%;transform: translateX(-50%);width: 100vw;top: calc(-1 * var(--chrome-header-h));height: var(--band-h);background-image: linear-gradient(180deg,var(--black-a22) 0%,var(--black-a45) 45%,var(--black-a80) 100%),url(/assets/art/status-beacon-v1-1024.webp);background-position: center top;background-repeat: no-repeat;background-size: auto,cover;mask-image: radial-gradient(ellipse 68% 100% at 50% 0%,#000 45%,transparent 100%);-webkit-mask-image: radial-gradient(ellipse 68% 100% at 50% 0%,#000 45%,transparent 100%);} @supports (background-image: image-set(url("data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA/vuUAAA=") 1x)){.status-page::before{background-image: linear-gradient(180deg,var(--black-a22) 0%,var(--black-a45) 45%,var(--black-a80) 100%),image-set(url('/assets/art/status-beacon-v1-1024.webp') 1x,url('/assets/art/status-beacon-v1-2048.webp') 2x);} @media (min-width: 721px){.status-page::before{background-image: linear-gradient(180deg,var(--black-a22) 0%,var(--black-a45) 45%,var(--black-a80) 100%),image-set(url('/assets/art/status-beacon-v1-1440.webp') 1x,url('/assets/art/status-beacon-v1-2048.webp') 2x);}} @media (min-width: 1500px){.status-page::before{background-image: linear-gradient(180deg,var(--black-a22) 0%,var(--black-a45) 45%,var(--black-a80) 100%),image-set(url('/assets/art/status-beacon-v1-2048.webp') 1x);}} @media (min-width: 2100px){.status-page::before{background-size: auto,auto;mask-image: radial-gradient(ellipse 1024px 100% at 50% 0%,#000 45%,transparent 100%);-webkit-mask-image: radial-gradient(ellipse 1024px 100% at 50% 0%,#000 45%,transparent 100%);}} @media (min-width: 721px) and (min-resolution: 1.5dppx){.status-page::before{background-image: linear-gradient(180deg,var(--black-a22) 0%,var(--black-a45) 45%,var(--black-a80) 100%),image-set(url('/assets/art/status-beacon-v1-2048.webp') 2x);background-size: auto,auto;mask-image: radial-gradient(ellipse 512px 328px at 50% 0%,#000 45%,transparent 100%);-webkit-mask-image: radial-gradient(ellipse 512px 328px at 50% 0%,#000 45%,transparent 100%);}}} @media (max-width: 720px){.status-page::before{background-image: linear-gradient(180deg,var(--black-a40) 0%,var(--black-a60) 45%,var(--black-a92) 100%),url(/assets/art/status-beacon-v1-m864.webp);background-size: auto,cover;mask-image: var(--band-mask-phone);-webkit-mask-image: var(--band-mask-phone);} @supports (background-image: image-set(url("data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA/vuUAAA=") 1x)){.status-page::before{background-image: linear-gradient(180deg,var(--black-a40) 0%,var(--black-a60) 45%,var(--black-a92) 100%),image-set(url('/assets/art/status-beacon-v1-m432.webp') 1x,url('/assets/art/status-beacon-v1-m864.webp') 2x);}}} .status-head{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: space-between;gap: var(--sp-3);margin: 0 0 var(--sp-3);} @media (max-width: 720px){.status-head{align-items: center;margin-bottom: var(--sp-4);}} .status-services{--status-watch-row-h: calc(var(--fs-caption) * var(--lh-body) + 2 * var(--sp-1) + 2 * var(--sp-3) + 4px);min-height: calc(var(--fs-caption) * var(--lh-body) + var(--sp-3) + 4 * var(--status-watch-row-h) + 3 * var(--sp-2));} .incident-empty:empty,.status-list:empty,.incident-list:empty{display: none;} .status-page h1{font-size: var(--fs-title-record);color: var(--text-primary);margin: 0;letter-spacing: var(--tr-heading);} .status-btn{font: inherit;font-size: var(--fs-small);font-weight: 700;min-height: 44px;padding: var(--sp-2) var(--sp-4);border-radius: var(--radius-2);border: 1px solid var(--border-bright);background: var(--bg-3);color: var(--gold-2);cursor: pointer;transition: background var(--dur-settled) var(--ease-out),box-shadow var(--dur-settled) var(--ease-out);} .status-btn:hover{background: var(--bg-4);} .status-btn:focus-visible{outline: 2px solid var(--gold-bright);outline-offset: var(--focus-offset);} .status-provenance{display: block;flex-basis: 100%;font-size: var(--fs-caption);color: var(--text-secondary);} .status-stale{margin: var(--sp-3) 0 0;max-width: var(--measure);font-size: var(--fs-small);color: var(--text-body);} .status-stale:empty{display: none;} .status-btn[disabled]{opacity: .6;cursor: default;} .status-lead{color: var(--text-body);font-size: var(--fs-small);line-height: var(--lh-body);margin: 0 0 var(--sp-5);max-width: var(--measure);} .status-verdict{display: block;padding: var(--sp-5);margin: 0 0 var(--sp-5);border: 1px solid var(--border);border-left: 3px solid var(--border-bright);border-radius: var(--radius-2);background: var(--bg-3);} .status-verdict-head{margin: 0;font-size: var(--fs-h4);line-height: var(--lh-tight);font-weight: 700;min-height: calc(var(--fs-h4) * var(--lh-tight));color: var(--text-primary);letter-spacing: var(--tr-heading);} .status-verdict-sub{margin: var(--sp-2) 0 0;max-width: var(--measure);min-height: calc(3 * var(--fs-body) * var(--lh-body));font-size: var(--fs-body);line-height: var(--lh-body);color: var(--text-body);} .status-verdict-why{margin: var(--sp-3) 0 0;max-width: var(--measure);min-height: calc(3 * var(--fs-small) * var(--lh-body));font-size: var(--fs-small);line-height: var(--lh-body);color: var(--text-secondary);} @media (max-width: 720px){.status-verdict-head{min-height: calc(2 * var(--fs-h4) * var(--lh-tight));} .status-verdict-sub{min-height: calc(5 * var(--fs-body) * var(--lh-body));} .status-verdict-why{min-height: calc(4 * var(--fs-small) * var(--lh-body));}} .status-verdict[data-tone="good"]{border-left-color: #8fbf78;} .status-verdict[data-tone="good"] .status-verdict-head{color: #8fbf78;} .status-verdict[data-tone="warn"]{border-left-color: var(--gold-2);} .status-verdict[data-tone="warn"] .status-verdict-head{color: var(--gold-2);} .status-verdict[data-tone="bad"]{border-left-color: var(--danger);} .status-verdict[data-tone="bad"] .status-verdict-head{color: var(--danger);} .status-list{list-style: none;margin: 0;padding: 0;display: grid;gap: var(--sp-3);} .status-row{display: flex;flex-wrap: wrap;align-items: baseline;gap: var(--sp-2) var(--sp-4);padding: var(--sp-4) var(--sp-5);border: 1px solid var(--border-subtle);border-radius: var(--radius-2);background: var(--bg-panel);} .status-name{font-size: var(--fs-body);font-weight: 700;color: var(--text-primary);} .status-detail{flex: 1 1 260px;font-size: var(--fs-small);color: var(--text-secondary);line-height: var(--lh-tight);} .status-badge{font-size: var(--fs-caption);font-weight: 700;text-transform: uppercase;letter-spacing: var(--tr-label);padding: var(--sp-1) var(--sp-3);border-radius: var(--radius-1);border: 1px solid var(--border-bright);color: var(--text-dim);background: var(--bg-4);} .status-badge[data-tone="good"]{color: #8fbf78;border-color: color-mix(in srgb,currentColor 50%,transparent);} .status-badge[data-tone="warn"]{color: var(--gold-2);border-color: color-mix(in srgb,currentColor 50%,transparent);} .status-badge[data-tone="bad"]{color: var(--danger);border-color: color-mix(in srgb,currentColor 50%,transparent);} .status-foot{margin: var(--sp-5) 0 0;max-width: var(--measure);min-height: calc(2 * var(--fs-caption) * var(--lh-body));font-size: var(--fs-caption);color: var(--text-secondary);} .status-watch{margin: 0;} .status-watch[hidden]{display: none;} .status-watch-title{margin: 0 0 var(--sp-3);font-size: var(--fs-caption);color: var(--text-secondary);letter-spacing: var(--tr-heading);text-transform: uppercase;} .status-watch-list{list-style: none;margin: 0;padding: 0;display: grid;gap: var(--sp-2);} .status-watch-row{min-height: var(--status-watch-row-h);display: flex;flex-wrap: wrap;align-items: baseline;justify-content: space-between;gap: var(--sp-2) var(--sp-4);padding: var(--sp-3) var(--sp-5);border: 1px solid var(--border-subtle);border-left: 3px dashed var(--border);border-radius: var(--radius-2);background: var(--bg-panel);} .status-badge[data-tone="idle"]{color: var(--text-secondary);border-style: dashed;} .status-verdict[data-state="unreachable"]{border-left-style: dashed;} .status-page[data-status-mode="error"] .status-foot{color: var(--gold-2);} .status-incidents{margin: var(--sp-6) 0 0;border-top: 1px solid var(--border-subtle);padding-top: var(--sp-5);min-height: calc(1px + var(--sp-5) + var(--fs-body) * var(--lh-tight) + var(--sp-3) + 2 * var(--fs-small) * var(--lh-body));} .status-incidents h2{font-size: var(--fs-body);color: var(--text-primary);margin: 0 0 var(--sp-3);letter-spacing: var(--tr-heading);} .incident-list{list-style: none;margin: 0;padding: 0;display: grid;gap: var(--sp-3);} .incident-item{padding: var(--sp-4) var(--sp-5);border: 1px solid var(--border-subtle);border-radius: var(--radius-2);background: var(--bg-panel);} .incident-head{display: flex;flex-wrap: wrap;align-items: baseline;gap: var(--sp-2) var(--sp-3);} .incident-date{font-size: var(--fs-caption);color: var(--text-secondary);} .incident-title{font-size: var(--fs-small);font-weight: 700;color: var(--text-primary);} .incident-res{margin: var(--sp-1) 0 0;font-size: var(--fs-small);color: var(--text-secondary);line-height: var(--lh-tight);} .incident-empty{margin: 0;max-width: var(--measure);font-size: var(--fs-small);color: var(--text-primary);}