:root{--bg: #f7f7f5;--card: #ffffff;--text: #1a1a1a;--secondary: #6b6b6b;--muted: #9a9a9a;--border: #e4e4e0;--good: #2ea06c;--blip: #8db544;--good-bg: #2ea06c;--degraded: #c4942a;--partial: #e07b39;--major: #d03b3b;--maint: #4a7cff;--radius: 10px;font-size:16px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #141413;--card: #1e1e1c;--text: #ececea;--secondary: #a8a8a4;--muted: #777772;--border: #32322f}}:root[data-theme=dark]{--bg: #141413;--card: #1e1e1c;--text: #ececea;--secondary: #a8a8a4;--muted: #777772;--border: #32322f}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}.wrap{max-width:860px;margin:0 auto;padding:0 20px 80px}header{display:flex;align-items:center;justify-content:space-between;padding:26px 0 30px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text)}.brand img{width:30px;height:30px}.brand .name{font-weight:700;font-size:18px;letter-spacing:-.01em}.brand .name span{color:var(--muted);font-weight:500}.incident{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:15px 18px;margin-bottom:10px}.incident-title{font-weight:640;font-size:14.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pill{font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;color:#fff;text-transform:uppercase;letter-spacing:.03em}.pill.resolved,.pill.update{background:var(--good)}.pill.investigating,.pill.ongoing{background:var(--major)}.pill.monitoring{background:var(--maint)}.incident-body{font-size:13.5px;color:var(--secondary);margin-top:6px}.incident-time{font-size:12px;color:var(--muted);margin-top:7px}.no-incidents{color:var(--muted);font-size:13.5px}.error-note{color:var(--major);font-size:13.5px;margin:20px 0}.header-right{display:flex;align-items:center;gap:12px}.theme-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--secondary);cursor:pointer;flex:none}.theme-btn:hover{color:var(--text)}
