*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#43445b;--orange:#f6704d;--ok:#0da068;--degraded:#f6704d;--unknown:#d9d9d9;--bg:#f4f5f7;--surface:#fff;--border:#e8e9ec;--text:#1a1d23;--muted:#6d767c;--up-ok:#0da068;--up-degraded:#f6704d;--up-unknown:#e2e4e8;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 1px 3px #0000000d;--radius:8px;--radius-sm:5px;color:var(--text);font-family:Basier Circle,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5}body{background:var(--bg);min-height:100vh}.page__header{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;-webkit-backdrop-filter:blur(8px);position:sticky;top:0}.page__header-inner{justify-content:space-between;align-items:center;max-width:960px;margin:0 auto;padding:1rem 1.5rem;display:flex}.page__wordmark{letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;text-decoration:none;display:flex}.page__wordmark-logo{flex-shrink:0;width:auto;height:22px;display:block}.page__wordmark-tchop{color:var(--navy)}.page__wordmark-dot{color:var(--border);font-weight:400}.page__wordmark-status{color:var(--orange);font-weight:600}.page__header-live{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:.4rem;font-size:.72rem;font-weight:500;display:flex}.page__header-live-dot{background:var(--ok);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2.5s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.35}}.page__main{flex-direction:column;gap:1.25rem;max-width:960px;margin:0 auto;padding:2rem 1.5rem 4rem;display:flex}.page__error{border-radius:var(--radius-sm);color:#c0001a;background:#fff0f1;border:1px solid #ffb3b8;padding:.875rem 1.125rem;font-size:.875rem}.page__loading{color:var(--muted);text-align:center;padding:4rem 1.5rem;font-size:.9rem}.page__footer{max-width:960px;color:var(--muted);border-top:1px solid var(--border);align-items:center;gap:.5rem;margin:0 auto;padding:1rem 1.5rem 2.5rem;font-size:.78rem;display:flex}.page__uptime-label{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.4rem 1rem;font-size:.75rem;display:flex}.page__uptime-legend{align-items:center;gap:.35rem;display:flex}.page__legend-sq{border-radius:2px;flex-shrink:0;width:10px;height:10px;display:inline-block}.page__legend-sq--ok{background:var(--up-ok)}.page__legend-sq--degraded{background:var(--up-degraded)}.page__legend-sq--unknown{background:var(--up-unknown);border:1px solid var(--border)}.page__uptime-range{margin-left:auto;font-size:.72rem}.status-banner{border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.status-banner--operational{color:#003d29;background:linear-gradient(135deg,#f0faf6 0%,#e8f7f1 100%);border-color:#a8dfc5}.status-banner--degraded{color:#c0401a;background:linear-gradient(135deg,#fff5f2 0%,#fff0eb 100%);border-color:#f5b8a4}.status-banner__dot{border-radius:50%;flex-shrink:0;width:13px;height:13px;margin-top:5px}.status-banner--operational .status-banner__dot{background:var(--ok);animation:3s ease-in-out infinite opPulse;box-shadow:0 0 0 4px #0da0682e}@keyframes opPulse{0%,to{box-shadow:0 0 0 4px #0da0682e}50%{box-shadow:0 0 0 7px #0da06814}}.status-banner--degraded .status-banner__dot{background:var(--degraded);box-shadow:0 0 0 4px #f6704d2e}.status-banner__headline{letter-spacing:-.01em;margin-bottom:.2rem;font-size:1.1rem;font-weight:700}.status-banner__sub{opacity:.8;font-size:.85rem;line-height:1.5}.page__environments{flex-direction:column;gap:1rem;display:flex}.env-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.env-section__header{border-bottom:1px solid var(--border);background:#fafbfc;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.env-section__title{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:.72rem;font-weight:700}.env-section__badge{letter-spacing:.02em;border-radius:999px;padding:.2rem .65rem;font-size:.7rem;font-weight:600}.env-section__badge--ok{color:#006b43;background:#dcf5ea}.env-section__badge--degraded{color:#b83a18;background:#fde8e0}.env-section__empty{color:var(--muted);padding:1rem 1.25rem;font-size:.875rem}.component-row{border-top:1px solid var(--border)}.component-row:first-child{border-top:none}.component-row__header{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.75rem;width:100%;min-height:52px;padding:.75rem 1.25rem;transition:background .1s;display:flex}.component-row__header:hover{background:#fafbfd}.component-row--open .component-row__header{background:#f9fbff}.component-row__name{color:var(--text);flex-shrink:0;min-width:80px;font-size:.875rem;font-weight:500}.component-row__right{flex:1;justify-content:flex-end;align-items:center;gap:.875rem;min-width:0;display:flex}.component-row__status{white-space:nowrap;flex-shrink:0;font-size:.75rem;font-weight:600}.component-row__status--ok{color:var(--ok)}.component-row__status--critical{color:var(--degraded)}.component-row__detail{border-top:1px solid var(--border)}.component-row__description{color:var(--muted);border-bottom:1px solid var(--border);background:#fafbfc;padding:.625rem 1.25rem;font-size:.82rem;line-height:1.55}.component-row__alerts{list-style:none}.component-row__alert{background:#fffbf9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.625rem 1.25rem;font-size:.82rem;display:flex}.component-row__alert-name a{color:var(--degraded);font-weight:500;text-decoration:none}.component-row__alert-name a:hover{text-decoration:underline}.component-row__alert-since{color:var(--muted);white-space:nowrap;font-size:.75rem}.uptime-bar{flex:1;align-items:center;gap:2px;min-width:0;max-width:360px;display:flex}.uptime-bar__square{cursor:default;border-radius:2px;flex:1;min-width:2px;height:26px;transition:opacity .12s,transform .1s}.uptime-bar__square:hover{opacity:.72;transform:scaleY(1.08)}.incident-list{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid #f5b8a4;padding:1.25rem 1.5rem}.incident-list__title{color:#b83a18;text-transform:uppercase;letter-spacing:.07em;margin-bottom:1rem;font-size:.72rem;font-weight:700}.incident-list__items{flex-direction:column;gap:0;list-style:none;display:flex}.incident-list__item{border-bottom:1px solid var(--border);align-items:center;gap:.875rem;padding:.75rem 0;display:flex}.incident-list__item:last-child{border-bottom:none;padding-bottom:0}.incident-list__item:first-child{padding-top:0}.incident-list__dot{background:var(--degraded);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite incidentPulse}@keyframes incidentPulse{0%,to{opacity:1;box-shadow:0 0 #f6704d80}50%{opacity:.7;box-shadow:0 0 0 4px #f6704d00}}.incident-list__body{flex:1;min-width:0}.incident-list__name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.incident-list__meta{color:var(--muted);margin-top:.1rem;font-size:.78rem}.incident-list__link{color:var(--navy);white-space:nowrap;border:1px solid var(--border);border-radius:4px;flex-shrink:0;padding:.3rem .6rem;font-size:.75rem;text-decoration:none;transition:background .1s,border-color .1s}.incident-list__link:hover{background:#f4f5f7;border-color:#ccc}@media (width<=768px){.page__main{padding:1.5rem 1.25rem 3rem}.page__header-inner{padding:.875rem 1.25rem}.uptime-bar{max-width:200px}}@media (width<=640px){.page__main{padding:1.25rem 1rem 2.5rem}.page__header-inner{padding:.75rem 1rem}.page__footer{padding:.875rem 1rem 2rem}.status-banner{gap:.75rem;padding:1rem 1.125rem}.status-banner__headline{font-size:1rem}.env-section__header{padding:.65rem 1rem}.component-row__header{flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem}.component-row__name{min-width:unset;width:100%}.component-row__right{justify-content:space-between;width:100%}.uptime-bar{max-width:unset;flex:1}.component-row__description,.component-row__alert{padding:.5rem 1rem}.incident-list{padding:1rem}.page__uptime-range{display:none}}@media (width<=480px){.uptime-bar{display:none}.component-row__right{justify-content:flex-end}.incident-list__link{display:none}}