:root{--bg: oklch(.14 .005 285);--card: oklch(.18 .007 285);--border: oklch(.26 .01 285);--fg: oklch(.97 .003 286);--muted: oklch(.6 .014 286);--primary: oklch(.59 .22 12);--good: oklch(.72 .19 150);--warn: oklch(.8 .16 80);--bad: oklch(.64 .21 25);--none: oklch(.3 .01 285)}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--fg);font-family:Space Grotesk,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--primary)}button{font:inherit;color:inherit;cursor:pointer}.page{min-height:100vh;position:relative}.glow{position:fixed;inset:0 0 auto;height:320px;pointer-events:none;background:radial-gradient(60% 100% at 50% 0%,color-mix(in oklch,var(--primary) 22%,transparent),transparent)}main{position:relative;max-width:760px;margin:0 auto;padding:40px 16px 64px}header{display:flex;flex-direction:column;gap:16px}@media (min-width: 640px){main{padding:64px 24px}header{flex-direction:row;align-items:flex-end;justify-content:space-between}}h1{font-family:Archivo Black,sans-serif;font-size:clamp(2.2rem,7vw,3.6rem);letter-spacing:-.02em;line-height:1.05}h1 span{color:var(--primary)}h4{margin:20px 0 8px;font-size:.9rem}.muted{color:var(--muted)}.small{font-size:.78rem}.mono{font-family:JetBrains Mono,monospace}header p{margin-top:8px}.pill{display:inline-flex;width:fit-content;align-items:center;gap:8px;border:1px solid var(--border);background:var(--card);border-radius:999px;padding:8px 16px;font-size:.9rem}.dot{width:11px;height:11px;border-radius:50%;flex-shrink:0;display:inline-block}.dot.good{background:var(--good)}.dot.bad{background:var(--bad)}.dot.pending{background:var(--muted);animation:pulse 1.2s infinite}.glow-dot{box-shadow:0 0 12px var(--good)}@keyframes pulse{50%{opacity:.35}}.best{margin-top:28px;padding:12px 16px;border-radius:12px;border:1px solid color-mix(in oklch,var(--good) 35%,transparent);background:color-mix(in oklch,var(--good) 8%,transparent);font-size:.9rem}.bad-b{border-color:color-mix(in oklch,var(--bad) 40%,transparent);background:color-mix(in oklch,var(--bad) 8%,transparent)}.list{list-style:none;padding:0;margin-top:16px;display:grid;gap:12px}.card{border:1px solid var(--border);background:var(--card);border-radius:14px;padding:16px}.skeleton{height:92px;animation:pulse 1.2s infinite}@media (min-width: 640px){.card{padding:20px}}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.name{display:flex;align-items:center;gap:12px;min-width:0}.name a{font-size:1.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right{display:flex;align-items:center;gap:12px;flex-shrink:0}.state{text-align:right;font-size:.9rem}.icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:transparent;transition:.15s}.icon:hover,.icon.on{border-color:var(--primary);color:var(--primary);background:color-mix(in oklch,var(--primary) 10%,transparent)}.meta{margin-top:10px;padding-left:23px}.t-good{color:var(--good)}.t-warn{color:var(--warn)}.t-bad{color:var(--bad)}.t-none{color:var(--muted)}.panel{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.panel-head{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:12px}.chart{display:flex;align-items:flex-end;gap:3px;height:120px}.bar{flex:1;height:100%;display:flex;align-items:flex-end;padding:0;border:0;background:color-mix(in oklch,var(--fg) 4%,transparent);border-radius:4px;overflow:hidden}.bar span{width:100%;border-radius:4px;transition:height .3s}.bar.good span{background:var(--good)}.bar.warn span{background:var(--warn)}.bar.bad span{background:var(--bad)}.bar.none span{background:var(--none)}.bar.active{outline:2px solid var(--fg);outline-offset:1px}.axis{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted);margin-top:6px}.detail{margin-top:10px;font-size:.85rem;min-height:1.3em}.outages{list-style:none;padding:0;display:grid;gap:6px;max-height:220px;overflow:auto}.outages li{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;font-size:.82rem;padding:8px 10px;border-radius:8px;background:color-mix(in oklch,var(--bad) 7%,transparent)}.foot{margin-top:16px}.bookmark{margin-top:20px;display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:14px;border:1px solid color-mix(in oklch,var(--primary) 32%,transparent);background:color-mix(in oklch,var(--primary) 7%,transparent)}.bk-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;border:1px solid color-mix(in oklch,var(--primary) 35%,transparent);color:var(--primary);flex-shrink:0}.bk-body{min-width:0}.bk-body b{font-size:.95rem}.bk-body p{margin-top:5px;font-size:.85rem;color:var(--muted);line-height:1.55}.bk-actions{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.bk-btn{border:1px solid var(--primary);background:var(--primary);color:var(--bg);border-radius:8px;padding:8px 14px;font-size:.82rem;font-weight:600;transition:.15s}.bk-btn:hover{opacity:.88}kbd{font-family:JetBrains Mono,monospace;font-size:.72rem;border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;padding:2px 6px;background:var(--card);color:var(--fg)}.bk-close{margin-left:auto;border:0;background:transparent;color:var(--muted);font-size:1.3rem;line-height:1;padding:2px 6px;border-radius:6px;flex-shrink:0}.bk-close:hover{color:var(--fg);background:color-mix(in oklch,var(--fg) 8%,transparent)}@media (max-width: 480px){.bookmark{padding:14px;gap:10px}.bk-icon{width:30px;height:30px}}