:root{--canvas:#03050f;--surface:#0a1024;--surface-2:#121a33;--border:#ffffff14;--text:#fff;--text-2:#aeb6c8;--text-3:#7a84a3;--blue:#0a84ff;--violet:#7c3aed;--ok:#22c55e;--minor:#eab308;--partial:#f97316;--major:#ef4444;--maint:#3b82f6;--none:#1c2440;--cta:linear-gradient(90deg, #0866f6, #5b2bef, #9419f5)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--canvas);color:var(--text);margin:0;font-family:Inter,-apple-system,Segoe UI,Roboto,system-ui,sans-serif;line-height:1.5}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(closest-side,#5b2bef38,#0000 70%);height:60vh;position:fixed;inset:-20vh -20vw auto}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--text-2)}.small{font-size:13px}.page{max-width:880px;margin:0 auto;padding:24px 16px 48px}.top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;display:flex}.brand{color:var(--text);align-items:center;gap:14px;font-size:15px;font-weight:600;display:flex}.brand:hover{text-decoration:none}.brand span{border-left:1px solid var(--border);color:var(--text-2);padding-left:14px}.lang{color:var(--text-2);border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:20px}.hero{background:var(--surface);border:1px solid var(--border);border-radius:22px;align-items:center;gap:18px;padding:24px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";background:var(--c);width:4px;position:absolute;inset:0 auto 0 0}.hero h1{margin:0 0 4px;font-size:22px;line-height:1.25}.hero p{margin:0;font-size:14px}.hero-operational{--c:var(--ok)}.hero-degraded{--c:var(--minor)}.hero-down{--c:var(--major)}.hero-maintenance{--c:var(--maint)}.hero-unknown{--c:var(--text-3)}.icon{color:#fff;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid}.icon-operational{background:var(--ok);box-shadow:0 0 0 8px #22c55e24}.icon-degraded{background:var(--minor);box-shadow:0 0 0 8px #eab30824}.icon-down{background:var(--major);box-shadow:0 0 0 8px #ef444429}.icon-maintenance{background:var(--maint);box-shadow:0 0 0 8px #3b82f629}.icon-unknown{background:var(--surface-2)}.notice{color:#fde68a;background:#eab3081a;border:1px solid #eab3084d;border-radius:14px;margin:14px 0 0;padding:14px 16px;font-size:14px}.notice-down{color:#fecaca;background:#ef44441a;border-color:#ef444459}.block{margin-top:32px}.block h2{color:var(--text-2);letter-spacing:.2px;margin:0 0 12px;font-size:15px;font-weight:600}.list{padding:4px 20px}.empty{color:var(--text-2);padding:20px;font-size:14px}.comp{padding:18px 0}.comp+.comp{border-top:1px solid var(--border)}.comp-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.comp-name{font-size:15px;font-weight:600}.comp-about{color:var(--text-3);margin-top:2px;font-size:13px}.pill{background:var(--surface-2);color:var(--text-2);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:7px;padding:4px 10px;font-size:13px;font-weight:500;display:inline-flex}.pill i{background:var(--text-3);border-radius:50%;width:8px;height:8px}.pill-operational{color:#86efac}.pill-operational i{background:var(--ok)}.pill-degraded{color:#fde047}.pill-degraded i{background:var(--minor)}.pill-down{color:#fca5a5}.pill-down i{background:var(--major);animation:1.6s infinite pulse}.pill-maintenance{color:#93c5fd}.pill-maintenance i{background:var(--maint)}@keyframes pulse{50%{opacity:.35}}.bars{gap:2px;height:34px;margin-top:14px;display:flex}.bar{background:var(--none);border-radius:3px;outline:none;flex:1 1 0;min-width:0;transition:transform .12s;position:relative}.bar:hover,.bar:focus-visible{transform:scaleY(1.12)}.bar-ok{background:var(--ok)}.bar-minor{background:var(--minor)}.bar-partial{background:var(--partial)}.bar-major{background:var(--major)}.bar:hover:after,.bar:focus-visible:after{content:attr(data-tip);border:1px solid var(--border);color:var(--text);white-space:nowrap;z-index:2;pointer-events:none;background:#111933;border-radius:8px;padding:6px 10px;font-size:12px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}.bar:first-child:hover:after,.bar:nth-child(-n+15):focus-visible:after,.bar:nth-child(-n+15):hover:after{left:0;transform:none}.bar:nth-last-child(-n+15):hover:after,.bar:nth-last-child(-n+15):focus-visible:after{left:auto;right:0;transform:none}.bars-legend{color:var(--text-3);align-items:center;gap:10px;margin-top:8px;font-size:12px;display:flex}.bars-legend .d45{display:none}.bars-legend .rule{background:var(--border);flex:1;height:1px}@media (max-width:600px){.bar:nth-child(-n+45),.bars-legend .d90{display:none}.bars-legend .d45{display:inline}.hero{gap:14px;padding:20px}.hero h1{font-size:19px}.icon{width:44px;height:44px}.list{padding:2px 16px}.brand span{display:none}}.incident{margin-bottom:12px;padding:0;overflow:hidden}.incident summary{cursor:pointer;padding:16px 20px;list-style:none}.incident summary::-webkit-details-marker{display:none}.incident-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.incident-meta{margin-top:4px;font-size:13px}.dot{border-radius:50%;flex:none;width:10px;height:10px}.dot-major{background:var(--major)}.dot-minor{background:var(--minor)}.dot-maintenance{background:var(--maint)}.dot-resolved{background:var(--ok)}.tag{background:var(--surface-2);color:var(--text-2);border-radius:999px;padding:2px 8px;font-size:12px}.incident-major{border-color:#ef444466}.incident-minor{border-color:#eab30866}.incident-maintenance{border-color:#3b82f666}.timeline{border-top:1px solid var(--border);margin:0;padding:4px 20px 16px 36px;list-style:none}.timeline li{padding:12px 0 0;position:relative}.timeline li:before{content:"";background:var(--text-3);border-radius:50%;width:7px;height:7px;position:absolute;top:19px;left:-17px}.timeline li.small:before{display:none}.tl-head{flex-wrap:wrap;align-items:baseline;gap:10px;font-size:14px;display:flex}.tl-head .muted{font-size:12px}.timeline p{color:var(--text-2);white-space:pre-wrap;margin:4px 0 0;font-size:14px}.how p{margin:0;font-size:14px}.foot{border-top:1px solid var(--border);color:var(--text-3);flex-direction:column;gap:8px;margin-top:40px;padding-top:20px;font-size:13px;display:flex}
