:root{color-scheme:light;--bg: #f6f7f4;--surface: #ffffff;--surface-2: #f0f2ee;--text: #151a17;--muted: #55605a;--border: #dfe3dc;--accent: #1f6f4a;--focus: #1d5fa8;--ok: #1b6b43;--degraded: #825500;--down: #b3261e;--maintenance: #1d5fa8;--unknown: #5a6560;--bar-ok: #2a9462;--bar-minor: #b87800;--bar-major: #d64540;--bar-none: #7d8982;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--radius: 18px;--radius-sm: 10px;--shadow: 0 1px 2px rgb(20 30 25 / .05), 0 8px 24px rgb(20 30 25 / .05);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0e1311;--surface: #151c18;--surface-2: #1b2420;--text: #e8ede9;--muted: #9aa8a0;--border: #26322c;--accent: #5fd29a;--focus: #7fb4f2;--ok: #5fd29a;--degraded: #f0b64a;--down: #ff8a80;--maintenance: #7fb4f2;--unknown: #9aa8a0;--bar-ok: #3fbf83;--bar-minor: #e0a02c;--bar-major: #f0645c;--bar-none: #6f8077;--shadow: 0 1px 2px rgb(0 0 0 / .3), 0 8px 24px rgb(0 0 0 / .25)}}:root[data-theme=dark]{color-scheme:dark;--bg: #0e1311;--surface: #151c18;--surface-2: #1b2420;--text: #e8ede9;--muted: #9aa8a0;--border: #26322c;--accent: #5fd29a;--focus: #7fb4f2;--ok: #5fd29a;--degraded: #f0b64a;--down: #ff8a80;--maintenance: #7fb4f2;--unknown: #9aa8a0;--bar-ok: #3fbf83;--bar-minor: #e0a02c;--bar-major: #f0645c;--bar-none: #6f8077;--shadow: 0 1px 2px rgb(0 0 0 / .3), 0 8px 24px rgb(0 0 0 / .25)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:400 1rem/1.55 var(--font);-webkit-font-smoothing:antialiased}h1,h2,h3,p,ol,dl,dd{margin:0}a{color:var(--accent);text-underline-offset:3px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:8px;top:-60px;z-index:10;background:var(--surface);color:var(--text);padding:10px 14px;border-radius:8px;border:2px solid var(--focus)}.skip:focus{top:8px}.wrap{width:100%;max-width:880px;margin:0 auto;padding:0 var(--s-4)}.muted{color:var(--muted)}.small{font-size:.875rem}.top{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--border)}.top-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px}.brand svg{flex:none}.brand span{overflow:hidden;text-overflow:ellipsis}#theme-toggle{flex:none}.brand{flex:0 1 auto;min-width:0;white-space:nowrap;display:inline-flex;align-items:center;gap:10px;font-weight:650;letter-spacing:-.01em;color:var(--text);text-decoration:none}main:focus{outline:none}main{padding-top:var(--s-6);padding-bottom:var(--s-7);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-5)}#status-root{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-5)}#status-root>.chips{margin-top:calc(var(--s-2) * -1)}#form-root:empty{display:none}.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:600 .9rem var(--font);cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.6;cursor:progress}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:color-mix(in srgb,var(--accent) 88%,#000)}:root[data-theme=dark] .btn-primary{color:#06140d}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .btn-primary{color:#06140d}}.btn-ghost{font-weight:500;font-size:.85rem;min-height:40px}@media(max-width:420px){.top-inner{gap:var(--s-2)}.btn-ghost{padding:0 var(--s-3)}}.banner{--c: var(--ok);display:flex;gap:var(--s-4);align-items:flex-start;padding:var(--s-5) var(--s-4);border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--c) 40%,transparent);background:color-mix(in srgb,var(--c) 11%,var(--surface));box-shadow:var(--shadow)}.banner[data-health=degraded]{--c: var(--degraded)}.banner[data-health=down]{--c: var(--down)}.banner[data-health=maintenance]{--c: var(--maintenance)}.banner[data-health=unknown]{--c: var(--unknown)}.banner-icon{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--c);color:var(--surface)}:root[data-theme=dark] .banner-icon{color:#0e1311}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .banner-icon{color:#0e1311}}.banner h1{font-size:clamp(1.5rem,5.5vw,2.1rem);line-height:1.15;letter-spacing:-.02em;color:var(--c)}.banner p{margin-top:var(--s-2)}.banner-meta{margin-top:var(--s-3)}.banner-meta{color:var(--muted);font-size:.875rem}.chips{display:flex;flex-wrap:wrap;gap:var(--s-2)}.chip{--c: var(--ok);display:inline-flex;align-items:center;gap:var(--s-2);min-height:40px;padding:0 var(--s-4);border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);text-decoration:none;font-size:.9rem;font-weight:550}.chip svg{color:var(--c)}.chip:hover{border-color:var(--c)}.chip[data-health=degraded]{--c: var(--degraded)}.chip[data-health=down]{--c: var(--down)}.chip[data-health=maintenance]{--c: var(--maintenance)}.chip[data-health=unknown]{--c: var(--unknown)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s-5) var(--s-4);box-shadow:var(--shadow);scroll-margin-top:72px}.card h2,.active h2{font-size:1.25rem;letter-spacing:-.015em}.active{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-3)}.active h2{padding-left:var(--s-1)}.product-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s-3);margin-bottom:var(--s-5);flex-wrap:wrap}.product-head p{margin-top:var(--s-1)}.comps{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-4)}.empty{color:var(--muted);padding:var(--s-4);border:1px dashed var(--border);border-radius:var(--radius-sm)}.pill{--c: var(--ok);display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-3) var(--s-1) var(--s-2);border-radius:999px;font-size:.82rem;font-weight:650;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);border:1px solid color-mix(in srgb,var(--c) 35%,transparent);white-space:nowrap}.pill[data-health=degraded]{--c: var(--degraded)}.pill[data-health=down]{--c: var(--down)}.pill[data-health=maintenance]{--c: var(--maintenance)}.pill[data-health=unknown]{--c: var(--unknown)}.comp{background:var(--surface-2);border-radius:var(--radius-sm);padding:var(--s-4);border:1px solid transparent}.comp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s-3);margin-bottom:var(--s-4)}.comp h3{font-size:1rem}.comp>.muted{margin-top:0}.host{font:.8rem var(--mono);color:var(--muted);overflow-wrap:anywhere}.bar{display:flex;align-items:flex-end;gap:1px;height:36px;border-radius:6px;padding:0}.seg{flex:1 1 0;min-width:0;border-radius:2px;background:var(--bar-ok);height:100%;cursor:default;transition:transform .12s}.seg[data-state=minor]{background:var(--bar-minor);height:68%}.seg[data-state=major]{background:var(--bar-major);height:42%}.seg[data-state=none]{background:transparent;border:1px dashed var(--bar-none);height:22%}.seg.is-active{transform:scaleY(1.12);outline:2px solid var(--text);outline-offset:1px}.bar-axis{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);margin-top:var(--s-2)}.bar-tip{min-height:1.5em;margin-top:var(--s-2);font-size:.85rem;color:var(--text)}.comp-foot{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-4);margin-top:var(--s-3)}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2)}.stat{background:var(--surface);border-radius:var(--s-2);padding:var(--s-2) var(--s-3);border:1px solid var(--border)}.stat dt{font-size:.75rem;color:var(--muted)}.stat dd{font-weight:650;font-variant-numeric:tabular-nums}.spark{display:flex;align-items:center;gap:var(--s-3);min-height:40px}.spark-label{font-size:.75rem;color:var(--muted);min-width:5.2em}.spark-svg{flex:1 1 auto;min-width:0;height:40px;max-width:280px}.spark-line{stroke:var(--accent);stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-linejoin:round}.spark-area{fill:color-mix(in srgb,var(--accent) 14%,transparent)}.spark-val{font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.incidents{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-4)}.incident{border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--s-4);background:var(--surface);display:grid;gap:var(--s-3);scroll-margin-top:72px}.incident.is-active{border-width:2px;border-color:var(--degraded);background:color-mix(in srgb,var(--degraded) 9%,var(--surface));box-shadow:var(--shadow)}.incident.is-active[data-kind=outage]{border-color:var(--down);background:color-mix(in srgb,var(--down) 8%,var(--surface))}.incident.is-active[data-kind=maintenance]{border-color:var(--maintenance);background:color-mix(in srgb,var(--maintenance) 8%,var(--surface))}.incident h3{font-size:1.02rem;margin:var(--s-2) 0 var(--s-1)}.tags{display:flex;gap:var(--s-2);flex-wrap:wrap}.tag{font-size:.75rem;font-weight:650;padding:var(--s-1) var(--s-3);border-radius:999px;border:1px solid var(--border);color:var(--muted)}.tag[data-kind=outage]{color:var(--down);border-color:color-mix(in srgb,var(--down) 45%,transparent)}.tag[data-kind=degraded]{color:var(--degraded);border-color:color-mix(in srgb,var(--degraded) 45%,transparent)}.tag[data-kind=maintenance]{color:var(--maintenance);border-color:color-mix(in srgb,var(--maintenance) 45%,transparent)}.tag-state[data-state=closed]{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,transparent)}.timeline{list-style:none;padding:0 0 0 var(--s-4);border-left:2px solid var(--border);display:grid;gap:var(--s-3)}.timeline time{font-size:.78rem;color:var(--muted);font-weight:600}.timeline p{font-size:.93rem;overflow-wrap:anywhere}.link{width:fit-content}.report h2+.muted{margin-top:var(--s-2);margin-bottom:var(--s-5)}.form,.grid2{display:grid;gap:var(--s-5)}.field{display:grid;gap:var(--s-2)}.field label{font-weight:600;font-size:.9rem}.opt{font-weight:400;color:var(--muted)}.hint{font-size:.82rem;color:var(--muted)}input[type=email],textarea{width:100%;min-height:44px;padding:var(--s-3);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--text) 55%,transparent);background:var(--surface);color:var(--text);font:inherit}textarea{resize:vertical;min-height:120px}.field-check{grid-template-columns:auto 1fr;align-items:start;gap:var(--s-3)}.field-check input{width:22px;height:22px;margin-top:2px;accent-color:var(--accent)}.field-check label{font-weight:400;font-size:.85rem}.form .btn{width:fit-content}.form-msg{display:grid;gap:var(--s-2)}.form-msg:empty{display:none}.select{position:relative}.select-control{appearance:none;display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);width:100%;min-height:44px;padding:var(--s-2) var(--s-3);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--text) 55%,transparent);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer}.select-control:hover{border-color:var(--text)}.select-control[aria-expanded=true]{border-color:var(--focus)}.select-control[data-empty=true] .select-value{color:var(--muted)}.select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-chevron{flex:none;display:grid;color:var(--muted);transition:transform .15s}.select-control[aria-expanded=true] .select-chevron{transform:rotate(180deg)}.select-list{position:absolute;z-index:20;left:0;right:0;top:calc(100% + var(--s-1));margin:0;padding:var(--s-1);list-style:none;overflow-y:auto;overscroll-behavior:contain;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow),0 12px 32px #0000001f}.select-list[hidden]{display:none}.select.is-up .select-list{top:auto;bottom:calc(100% + var(--s-1))}.select-option{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);min-height:44px;padding:var(--s-2) var(--s-3);border-radius:var(--s-2);cursor:pointer}.select-option.is-active{background:var(--surface-2)}.select-option[aria-selected=true]{font-weight:650}.select-check{flex:none;display:grid;color:var(--accent)}.err{color:var(--down);font-weight:600}.notice{display:grid;gap:var(--s-2);padding:var(--s-4);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface)}.notice .btn{width:fit-content}.notice-warn{border-color:color-mix(in srgb,var(--degraded) 50%,transparent);background:color-mix(in srgb,var(--degraded) 8%,var(--surface))}.notice-err{border-color:color-mix(in srgb,var(--down) 50%,transparent);background:color-mix(in srgb,var(--down) 8%,var(--surface))}.notice-ok{border-color:color-mix(in srgb,var(--ok) 50%,transparent);background:color-mix(in srgb,var(--ok) 8%,var(--surface))}.skeleton{display:grid;gap:var(--s-5)}.sk{border-radius:var(--radius);background:linear-gradient(100deg,var(--surface-2) 30%,color-mix(in srgb,var(--surface-2) 55%,var(--surface)) 50%,var(--surface-2) 70%);background-size:300% 100%;animation:shimmer 1.6s linear infinite}.sk-banner{height:120px}.sk-chips{height:40px;width:70%;border-radius:999px}.sk-card{height:220px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.foot{border-top:1px solid var(--border);padding:var(--s-6) 0 var(--s-7);color:var(--muted);font-size:.85rem}.foot-hint{margin-top:calc(var(--s-1) * -1)}.foot-inner{display:grid;gap:var(--s-2)}.foot-inner a{display:inline-block;padding:var(--s-1) 0}@media(min-width:640px){.wrap{padding:0 var(--s-5)}.card{padding:var(--s-6)}.banner{padding:var(--s-6);gap:var(--s-5);align-items:center}.grid2{gap:var(--s-5)}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.grid2{grid-template-columns:1fr 1fr}.comp-foot{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center}.bar{height:44px}}@media(min-width:640px)and (max-width:799px){.comp-foot{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media(forced-colors:active){.seg{forced-color-adjust:none}}
