:root{--bg: #0b0d12;--bg-elev: #12151c;--bg-elev-2: #181c25;--border: #232936;--border-strong: #2f3645;--text: #e6e9ef;--text-dim: #9aa3b2;--text-muted: #6b7280;--accent: #7c9cff;--accent-soft: rgba(124, 156, 255, .12);--ok: #22c55e;--warn: #f59e0b;--major: #f97316;--critical: #ef4444;--unknown: #6b7280;--ok-soft: rgba(34, 197, 94, .12);--warn-soft: rgba(245, 158, 11, .12);--major-soft: rgba(249, 115, 22, .14);--critical-soft: rgba(239, 68, 68, .14);--unknown-soft: rgba(107, 114, 128, .14);--radius: 14px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .25)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:radial-gradient(1200px 600px at 10% -10%,rgba(124,156,255,.08),transparent 60%),radial-gradient(900px 500px at 100% 0%,rgba(34,197,94,.05),transparent 60%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Pretendard,Apple SD Gothic Neo,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.topbar{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:saturate(140%) blur(12px);backdrop-filter:saturate(140%) blur(12px);background:#0b0d12b3;border-bottom:1px solid var(--border)}.topbar__inner{max-width:1200px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px}.brand__icon{font-size:28px;filter:drop-shadow(0 0 12px rgba(124,156,255,.35))}.brand__title{margin:0;font-size:18px;font-weight:700;letter-spacing:-.01em}.brand__sub{margin:2px 0 0;font-size:12px;color:var(--text-dim)}.topbar__actions{display:flex;align-items:center;gap:12px}.last-updated{font-size:12px;color:var(--text-dim)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-strong);background:var(--bg-elev);color:var(--text);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s ease,border-color .15s ease,transform .05s ease}.btn:hover{background:var(--bg-elev-2);border-color:var(--accent)}.btn:active{transform:scale(.98)}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,#4a154b,#6b1b6c);border-color:#ffffff2e;color:#fff}.btn--primary:hover{background:linear-gradient(135deg,#5a1c5b,#7a2a7c);border-color:#ffffff4d}.btn--ghost{background:transparent;border-color:var(--border);color:var(--text-dim);font-size:12px;padding:6px 10px}.btn--ghost:hover{color:var(--text);border-color:var(--border-strong);background:var(--bg-elev)}.btn.is-loading .btn__icon{animation:spin .8s linear infinite}.auth-box,.auth-user{display:flex;align-items:center;gap:10px}.auth-user__info{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.auth-user__team{font-size:12px;font-weight:600;color:var(--text)}.auth-user__channel{font-size:11px;color:var(--text-dim)}.banner{margin-bottom:16px;padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;border:1px solid}.banner[data-kind=error]{background:var(--critical-soft);border-color:#ef444466;color:#fca5a5}.login-cta{margin-bottom:20px;background:linear-gradient(135deg,#4a154b2e,#7c9cff14);border:1px dashed rgba(124,156,255,.35);border-radius:var(--radius);padding:16px 20px}.login-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.login-cta strong{display:block;font-size:14px;color:var(--text)}.login-cta p{margin:4px 0 0;font-size:12px;color:var(--text-dim)}.card__header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.subscribe-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s ease}.subscribe-btn:hover{border-color:var(--accent);color:var(--accent)}.subscribe-btn[data-subscribed=true]{background:#f59e0b1f;border-color:#f59e0b66;color:var(--warn)}.subscribe-btn[data-subscribed=true]:hover{background:#f59e0b33}.subscribe-btn__icon{font-size:13px;line-height:1}.btn__icon{display:inline-block;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.container{max-width:1200px;margin:0 auto;padding:24px 20px 48px}.overall{margin-bottom:24px}.overall__card{display:flex;align-items:center;gap:16px;background:linear-gradient(180deg,var(--bg-elev),var(--bg-elev-2));border:1px solid var(--border);border-radius:var(--radius);padding:18px 22px;box-shadow:var(--shadow);position:relative;overflow:hidden}.overall__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--ok-soft),transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.overall__card[data-overall=ok]:before{background:linear-gradient(90deg,var(--ok-soft),transparent 70%);opacity:1}.overall__card[data-overall=warn]:before{background:linear-gradient(90deg,var(--warn-soft),transparent 70%);opacity:1}.overall__card[data-overall=major]:before{background:linear-gradient(90deg,var(--major-soft),transparent 70%);opacity:1}.overall__card[data-overall=critical]:before{background:linear-gradient(90deg,var(--critical-soft),transparent 70%);opacity:1}.overall__pulse{width:14px;height:14px;border-radius:50%;background:var(--unknown);box-shadow:0 0 #6b728099;position:relative}.overall__card[data-overall=ok] .overall__pulse{background:var(--ok);animation:pulse 2s infinite;--pulse-color: rgba(34, 197, 94, .6)}.overall__card[data-overall=warn] .overall__pulse{background:var(--warn);animation:pulse 2s infinite;--pulse-color: rgba(245, 158, 11, .6)}.overall__card[data-overall=major] .overall__pulse{background:var(--major);animation:pulse 1.5s infinite;--pulse-color: rgba(249, 115, 22, .6)}.overall__card[data-overall=critical] .overall__pulse{background:var(--critical);animation:pulse 1.2s infinite;--pulse-color: rgba(239, 68, 68, .6)}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--pulse-color, rgba(34,197,94,.6))}70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}.overall__label{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.overall__text{font-size:18px;font-weight:600;margin-top:2px;position:relative}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;transition:border-color .2s ease,transform .2s ease}.card:hover{border-color:var(--border-strong)}.card[data-status=ok]{border-top:3px solid var(--ok)}.card[data-status=warn]{border-top:3px solid var(--warn)}.card[data-status=major]{border-top:3px solid var(--major)}.card[data-status=critical]{border-top:3px solid var(--critical)}.card[data-status=unknown]{border-top:3px solid var(--unknown)}.card__header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border)}.card__title-wrap{display:flex;align-items:center;gap:12px;min-width:0}.card__logo{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0;border:1px solid var(--border)}.logo-claude{background:linear-gradient(135deg,#d97706,#f59e0b);color:#1a0f00}.logo-cursor{background:linear-gradient(135deg,#1f2937,#4b5563);color:#fff;font-size:18px}.logo-gemini{background:linear-gradient(135deg,#4f46e5,#06b6d4);color:#fff;font-size:20px}.logo-openai{background:linear-gradient(135deg,#10a37f,#0e8a6b);color:#fff;font-size:20px}.logo-copilot{background:linear-gradient(135deg,#24292f,#57606a);color:#fff;font-size:20px}.logo-perplexity{background:linear-gradient(135deg,#20b8cd,#1d8b9b);color:#fff}.card__title{margin:0;font-size:16px;font-weight:600}.card__link{font-size:11px;color:var(--text-dim)}.card__link:hover{color:var(--accent)}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--unknown-soft);color:var(--text-dim);border:1px solid transparent;white-space:nowrap}.status-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--unknown)}.status-pill[data-status=ok]{background:var(--ok-soft);color:var(--ok)}.status-pill[data-status=ok]:before{background:var(--ok)}.status-pill[data-status=warn]{background:var(--warn-soft);color:var(--warn)}.status-pill[data-status=warn]:before{background:var(--warn)}.status-pill[data-status=major]{background:var(--major-soft);color:var(--major)}.status-pill[data-status=major]:before{background:var(--major)}.status-pill[data-status=critical]{background:var(--critical-soft);color:var(--critical)}.status-pill[data-status=critical]:before{background:var(--critical)}.card__body{padding:16px 18px;display:flex;flex-direction:column;gap:14px}.card__desc{margin:0;font-size:13px;color:var(--text-dim)}.uptime{display:flex;flex-direction:column;gap:6px}.uptime__head{display:flex;justify-content:space-between;align-items:baseline;font-size:12px}.uptime__label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.uptime__pct{font-variant-numeric:tabular-nums;font-weight:600;color:var(--text);font-size:12px}.uptime__pct[data-status=ok]{color:var(--ok)}.uptime__pct[data-status=warn]{color:var(--warn)}.uptime__pct[data-status=major]{color:var(--major)}.uptime__pct[data-status=critical]{color:var(--critical)}.uptime__bars{display:flex;gap:1px;height:26px;align-items:stretch;background:var(--bg-elev-2);padding:3px;border-radius:6px;border:1px solid var(--border)}.uptime__bar{flex:1 1 0;min-width:2px;border-radius:1.5px;background:var(--ok);transition:transform .1s ease,opacity .15s ease;cursor:help}.uptime__bar:hover{transform:scaleY(1.15);opacity:.9}.uptime__bar[data-severity=ok]{background:var(--ok)}.uptime__bar[data-severity=warn]{background:var(--warn)}.uptime__bar[data-severity=major]{background:var(--major)}.uptime__bar[data-severity=critical]{background:var(--critical)}.uptime__bar[data-severity=loading]{background:var(--border-strong);animation:shimmer 1.4s ease-in-out infinite}.uptime__bar[data-severity=unknown]{background:var(--border-strong)}@keyframes shimmer{0%,to{opacity:.4}50%{opacity:.8}}.uptime--unknown .uptime__bars{opacity:.5}.uptime__legend{display:flex;justify-content:space-between;font-size:10px;color:var(--text-muted)}.components{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.component{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px}.component__name{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component__status{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-dim);text-transform:capitalize;flex-shrink:0}.component__status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--unknown)}.component[data-status=ok] .component__status:before{background:var(--ok)}.component[data-status=warn] .component__status:before{background:var(--warn)}.component[data-status=major] .component__status:before{background:var(--major)}.component[data-status=critical] .component__status:before{background:var(--critical)}.component[data-status=ok] .component__status{color:var(--ok)}.component[data-status=warn] .component__status{color:var(--warn)}.component[data-status=major] .component__status{color:var(--major)}.component[data-status=critical] .component__status{color:var(--critical)}.incidents{display:flex;flex-direction:column;gap:8px}.incident{border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:10px 12px;background:#f59e0b0a}.incident[data-impact=critical]{background:#ef44440f;border-color:#ef444466}.incident[data-impact=major]{background:#f973160f;border-color:#f9731666}.incident[data-impact=minor]{background:#f59e0b0f;border-color:#f59e0b66}.incident__title{font-weight:600;font-size:13px;margin-bottom:4px}.incident__meta{font-size:11px;color:var(--text-dim);display:flex;gap:8px;flex-wrap:wrap}.incidents__heading{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:4px 0 0}.empty{font-size:12px;color:var(--text-muted);font-style:italic}.error-banner{background:var(--critical-soft);border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:8px 10px;border-radius:var(--radius-sm);font-size:12px}.footer{margin-top:32px;padding-top:16px;border-top:1px solid var(--border);font-size:11px;color:var(--text-muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.footer p{margin:0}@media(max-width:700px){.topbar__inner{padding:12px 16px;flex-wrap:wrap}.container{padding:16px 16px 40px}.brand__title{font-size:16px}.brand__sub{font-size:11px}.last-updated,.auth-user__info{display:none}.login-cta__inner{align-items:flex-start}}.card[aria-busy=true] .components,.card[aria-busy=true] .incidents{opacity:.4}