:root{--stone-50:#fafaf9;--stone-100:#f5f5f4;--stone-200:#e7e5e4;--stone-400:#a8a29e;--stone-500:#78716c;--stone-600:#57534e;--stone-950:#0c0a09;--green:#16a34a;--green-dark:#15803d;--green-light:#86efac;--amber:#d97706;--red:#dc2626}*{box-sizing:border-box;font-optical-sizing:none;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--stone-950);background:#fff;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.container{width:100%;max-width:1184px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.site-header{z-index:10;background:#fff;border-bottom:1px solid #e7e5e466;width:100%;animation:.56s cubic-bezier(.22,1,.36,1) both header-slide-down;position:fixed;top:0}@keyframes header-slide-down{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.site-header{animation:none}}.header-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.header-logo{align-items:center;display:flex}.header-nav{align-items:center;gap:4px;display:flex}.header-nav a{color:var(--stone-950);border-radius:999px;padding:6px 12px;font-size:14px;text-decoration:none}.header-nav a:hover{background:var(--stone-50)}@media (width<=512px){.header-nav a:not(:first-child){display:none}}.page{flex-direction:column;gap:24px;max-width:896px;margin:0 auto;padding-top:128px;padding-bottom:160px;display:flex}.title{margin:0;font-family:"Source Serif 4",ui-serif,Georgia,serif;font-size:40px;font-weight:400;line-height:48px}.subtitle{color:var(--stone-500);text-align:right;margin:8px 0 0;font-size:14px}.cards{flex-direction:column;gap:20px;display:flex}.card{border:1px solid var(--stone-200);background:#fff;border-radius:12px;padding:20px 24px}.card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-name{color:var(--stone-950);flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;font-weight:500;display:flex}.card-status{white-space:nowrap;cursor:default;font-size:15px;font-weight:500}.text-operational{color:var(--green)}.text-degraded{color:var(--amber)}.text-down{color:var(--red)}.text-checking{color:var(--stone-500)}.badge{border-radius:999px;padding:2px 10px;font-size:12px;font-weight:500;line-height:18px}.badge-warm{background:var(--green-dark);color:#fff}.badge-starting,.badge-cold{background:var(--green-light);color:#14532d}.badge-down{background:var(--red);color:#fff}.badge-unknown{background:var(--stone-200);color:var(--stone-500)}.bar{align-items:flex-end;gap:3px;margin-top:16px;display:flex}.cell{border-radius:2px;flex:1;min-width:0;height:32px}.cell:hover{opacity:.8}.cell-green{background:#22c55e}.cell-yellow{background:#facc15}.cell-orange{background:#f97316}.cell-red{background:#ef4444}.cell-empty{background:var(--stone-200)}.bar-legend{color:var(--stone-500);justify-content:space-between;align-items:baseline;margin-top:10px;font-size:13px;display:flex}.tip{z-index:50;background:var(--stone-950);color:#fff;pointer-events:none;border-radius:10px;min-width:200px;max-width:300px;padding:12px 14px;font-size:12px;line-height:18px;position:fixed;box-shadow:0 8px 24px #0000002e}.tip p{margin:0}.tip .tip-date{margin-bottom:6px;font-size:14px;font-weight:600}.tip .tip-muted{color:var(--stone-400)}.tip .tip-ok{color:#4ade80;font-weight:500}.tip .tip-warn{color:#facc15;font-weight:500}.tip .tip-bad{color:#f87171;font-weight:500}.tip .tip-window{margin-top:4px}.tip .tip-muted+.tip-window{margin-top:6px}.feed-error{color:var(--stone-500);text-align:center;margin:24px 0;font-size:14px}.footer{text-align:center;color:var(--stone-500);margin-top:24px;font-size:12px}