body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}:root{--color-bg: #0f0f11;--color-surface: #18181b;--color-border: #27272a;--color-text: #e4e4e7;--color-muted: #71717a;--color-accent: #6366f1;--color-operational: #22c55e;--color-degraded: #f59e0b;--color-outage: #f97316;--color-major: #ef4444;--radius: 10px;--radius-sm: 6px;--max-width: 760px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.6;min-height:100vh}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.app{display:flex;flex-direction:column;min-height:100vh}.main{flex:1;max-width:var(--max-width);width:100%;margin:0 auto;padding:32px 16px 64px;display:flex;flex-direction:column;gap:24px}.banner-row{display:flex;align-items:center;gap:12px}.banner-row .status-banner{flex:1}.refresh-area{display:flex;align-items:center;gap:10px;flex-shrink:0}.last-updated{font-size:12px;color:var(--color-muted);white-space:nowrap}.refresh-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--color-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 12px;cursor:pointer;transition:color .15s,border-color .15s;font-family:inherit}.refresh-btn:hover:not(:disabled){color:var(--color-text);border-color:#3f3f46}.refresh-btn:disabled{opacity:.5;cursor:default}.refresh-btn svg{flex-shrink:0;transition:transform .8s ease}.refresh-btn--spinning svg{animation:spin .8s linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:600px){.banner-row{flex-direction:column;align-items:stretch}.refresh-area{justify-content:flex-end}}.header{border-bottom:1px solid var(--color-border);background:#0f0f11d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.header-inner{max-width:var(--max-width);margin:0 auto;padding:16px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo:hover{text-decoration:none}.logo-icon{height:28px;width:auto;object-fit:contain}.logo-wordmark{height:20px;width:auto;object-fit:contain}.logo-badge{font-size:11px;font-weight:600;color:var(--color-muted);border:1px solid var(--color-border);border-radius:4px;padding:2px 7px;letter-spacing:.04em;text-transform:uppercase;align-self:center}.header-nav{display:flex;gap:20px;font-size:14px;color:var(--color-muted)}.header-nav a{color:var(--color-muted)}.header-nav a:hover{color:var(--color-text);text-decoration:none}.status-banner{display:flex;align-items:center;gap:12px;padding:18px 20px;border-radius:var(--radius);font-weight:600;font-size:16px;border:1px solid transparent}.banner-icon{font-size:18px;line-height:1}.banner-operational{background:#22c55e1a;border-color:#22c55e40;color:#4ade80}.banner-degraded{background:#f59e0b1a;border-color:#f59e0b40;color:#fbbf24}.banner-outage{background:#f973161a;border-color:#f9731640;color:#fb923c}.banner-major{background:#ef44441a;border-color:#ef444440;color:#f87171}.section{display:flex;flex-direction:column;gap:12px}.section-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted)}.service-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.service-item{padding:16px 20px;border-bottom:1px solid var(--color-border)}.service-item:last-child{border-bottom:none}.service-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.service-name{font-weight:500;font-size:14px}.service-status{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-muted)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%}.dot-operational{background:var(--color-operational)}.dot-degraded{background:var(--color-degraded)}.dot-outage{background:var(--color-outage)}.dot-major{background:var(--color-major)}.uptime-bars{display:flex;gap:2px;height:28px;align-items:stretch}.uptime-tick{flex:1;border-radius:2px;transition:opacity .15s;cursor:default}.uptime-tick:hover{opacity:.7}.uptime-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--color-muted);margin-top:4px}.incident-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px}.incident-card--active{border-color:#f9731666;background:#f973160a}.incident-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.incident-title{font-size:15px;font-weight:600}.incident-tags{display:flex;align-items:center;gap:8px;flex-shrink:0}.tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:3px 10px;border-radius:20px;border:1px solid var(--color-border);color:var(--color-muted);background:#ffffff08}.tag-investigating{border-color:#f9731666;color:#fb923c;background:#f973161a}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#fb923c;animation:pulse 2s infinite;display:inline-block}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.timeline{display:flex;flex-direction:column;gap:0}.timeline-item{display:flex;gap:16px}.timeline-left{display:flex;flex-direction:column;align-items:center;width:100px;flex-shrink:0;padding-top:2px}.timeline-line{flex:1;width:1px;background:var(--color-border);margin-top:8px;min-height:20px}.timeline-item:last-child .timeline-line{display:none}.timeline-content{padding-bottom:24px;flex:1}.timeline-message{font-size:14px;color:var(--color-text);margin-bottom:4px}.timeline-time{font-size:12px;color:var(--color-muted)}.badge{display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;white-space:nowrap;border:1px solid transparent}.badge-investigating{background:#f9731626;color:#fb923c;border-color:#f973164d}.badge-identified{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b4d}.badge-update{background:#6366f126;color:#818cf8;border-color:#6366f14d}.badge-resolved{background:#22c55e26;color:#4ade80;border-color:#22c55e4d}.subscribe-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.subscribe-text h3{font-size:15px;font-weight:600;margin-bottom:4px}.subscribe-text p{font-size:13px;color:var(--color-muted)}.subscribe-form{display:flex;gap:8px;flex-shrink:0}.subscribe-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);padding:8px 14px;font-size:14px;outline:none;width:220px;transition:border-color .15s}.subscribe-input:focus{border-color:var(--color-accent)}.subscribe-btn{background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-sm);padding:8px 18px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .15s}.subscribe-btn:hover{opacity:.85}.subscribe-success{font-size:14px;color:#4ade80;flex-shrink:0}.footer{border-top:1px solid var(--color-border);padding:20px 16px;display:flex;justify-content:space-between;font-size:13px;color:var(--color-muted);max-width:var(--max-width);width:100%;margin:0 auto}@media(max-width:600px){.subscribe-panel{flex-direction:column;align-items:flex-start}.subscribe-form{flex-direction:column;width:100%}.subscribe-input{width:100%}.incident-card-header{flex-direction:column}.timeline-left{width:90px}}