:root{--bg: #f5f6f8;--surface: #ffffff;--surface-hover: rgba(15, 18, 35, .035);--border: rgba(15, 18, 35, .09);--border-strong: rgba(15, 18, 35, .16);--text: #161929;--text-secondary: #4b5169;--text-muted: #878da1;--accent: #4353d6;--accent-fg: #ffffff;--success: #16803c;--warning: #dc6803;--danger: #d92d20;--info: #2563eb;--neutral: #4b5169;--radius: 8px;--radius-lg: 12px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5}a{color:var(--accent)}code{background:var(--surface-hover);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-size:12px}.center{min-height:100vh;display:grid;place-items:center;padding:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 1px 2px #0f12230f;padding:32px;max-width:420px;text-align:center}.card h1{font-size:20px;margin:0 0 8px}.card p{color:var(--text-secondary);margin:0 0 16px}.muted{color:var(--text-muted)}.btn{display:inline-block;background:var(--accent);color:var(--accent-fg);border:0;border-radius:var(--radius);padding:9px 16px;font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;text-decoration:none}.btn:disabled{opacity:.5;cursor:default}.page{max-width:720px;margin:0 auto;padding:32px 16px 48px}.header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.header__logo{width:32px;height:32px;border-radius:var(--radius);object-fit:contain}.header__brand{font-size:20px;font-weight:700;margin:0;letter-spacing:-.01em}.toast{background:#16803c14;border:1px solid rgba(22,128,60,.25);color:var(--success);border-radius:var(--radius);padding:10px 14px;font-size:13px;font-weight:500;margin-bottom:16px}.banner{border-radius:var(--radius);padding:14px 18px;font-size:16px;font-weight:600;margin-bottom:28px;color:#fff}.banner--operational{background:var(--success)}.banner--degraded,.banner--partial_outage{background:var(--warning)}.banner--major_outage{background:var(--danger)}.banner--maintenance{background:var(--info)}.stale-banner{background:#dc68031a;border:1px solid rgba(220,104,3,.35);color:var(--warning);border-radius:var(--radius);padding:10px 14px;font-size:13px;font-weight:600;margin-bottom:16px}.history-day{margin-bottom:16px}.history-day__header{font-size:13px;font-weight:600;color:var(--text-secondary);margin:0 0 6px}.history-incident{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px}.history-incident__summary{display:flex;align-items:baseline;gap:10px;padding:12px 14px;cursor:pointer;list-style:none}.history-incident__summary::-webkit-details-marker{display:none}.history-incident__summary:before{content:"▸";color:var(--text-muted);font-size:11px}.history-incident[open]>.history-incident__summary:before{content:"▾"}.history-incident__title{font-weight:600}.history-incident__resolved{margin-left:auto;color:var(--text-muted);font-size:12px;white-space:nowrap}.history-incident__body{padding:0 14px 12px 28px}.section{margin-bottom:28px}.section__title{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin:0 0 10px}.chip{display:inline-flex;align-items:center;gap:6px;height:20px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid;white-space:nowrap}.chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.chip--operational,.chip--resolved,.chip--monitoring{color:var(--success);background:#16803c14;border-color:#16803c40}.chip--degraded,.chip--partial_outage,.chip--identified{color:var(--warning);background:#dc680314;border-color:#dc680347}.chip--major_outage,.chip--investigating{color:var(--danger);background:#d92d2014;border-color:#d92d2047}.chip--maintenance{color:var(--info);background:#2563eb14;border-color:#2563eb40}.maint{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-bottom:8px}.maint__name{font-weight:600}.maint__times{color:var(--text-secondary);font-size:13px;margin-left:auto}.incident{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;margin-bottom:12px}.incident__title{font-size:16px;font-weight:700;margin:0 0 4px}.incident__summary{color:var(--text-secondary);margin:0 0 12px}.updates{list-style:none;margin:0;padding:0}.update{padding:10px 0}.update+.update{border-top:1px solid var(--border)}.update__head{display:flex;align-items:center;gap:8px}.update__time{color:var(--text-muted);font-size:12px}.update__body{color:var(--text-secondary);margin:6px 0 0;white-space:pre-wrap}.services{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.service{display:flex;align-items:center;gap:12px;padding:11px 14px}.service+.service{border-top:1px solid var(--border)}.service__name{flex:1;font-weight:500}.bars-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.bars-row__name{width:160px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bars{flex:1;display:grid;grid-template-columns:repeat(90,1fr);gap:2px}.bar{height:24px;border-radius:2px;background:var(--surface-hover)}.bar--operational{background:var(--success)}.bar--degraded,.bar--partial_outage{background:var(--warning)}.bar--major_outage{background:var(--danger)}.bar--unknown{background:var(--surface-hover)}.section--subscribe{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.subscribe{display:flex;gap:8px}.subscribe input{flex:1;height:36px;padding:0 12px;background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius);font-family:var(--font);font-size:13px}.subscribe input:focus{outline:none;border-color:var(--accent)}.subscribe input::placeholder{color:var(--text-muted)}.subscribe-ok{color:var(--success);font-weight:500;margin:0}.subscribe-err{color:var(--danger);font-size:12px;margin:8px 0 0}.footer{margin-top:40px;padding-top:16px;border-top:1px solid var(--border);color:var(--text-muted);font-size:12px;text-align:center}.footer a{color:var(--text-secondary);text-decoration:none;font-weight:600}.footer a:hover{text-decoration:underline}
