:root{--bg:#0d1117;--fg:#e6edf3;--muted:#8b949e;--card:#161b22;--border:#30363d;--up:#f85149;--down:#3fb950;--accent:#58a6ff;--cell-empty:#1c2129}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4}.app{gap:1rem;max-width:820px;margin:0 auto;padding:1.5rem;display:grid}header h1{margin:0 0 .1rem}header small{color:var(--muted)}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem}.card.error{border-color:var(--up);color:var(--up)}.status h1{margin:0 0 .2rem;font-size:1.6rem}.status.up h1{color:var(--up)}.status.down h1{color:var(--down)}.status.unknown h1{color:var(--muted)}.status .since{color:var(--muted);margin-bottom:.8rem}.stale-banner{color:var(--up);background:#f851491a;border:1px solid #f8514966;border-radius:6px;margin:0 0 .8rem;padding:.5rem .75rem;font-size:.85rem}.status dl{grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:0;display:grid}.status dt{color:var(--muted)}.status dd{margin:0}.next-open{border-left:3px solid var(--accent)}.next-open.overdue{border-left-color:var(--up)}.next-open.open{border-left-color:var(--down)}.next-open.quiet{border-left-color:var(--muted)}.next-open-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}.next-open-value{margin-top:.15rem;font-size:1.5rem;font-weight:600}.next-open-value.muted{color:var(--muted);font-weight:400}.next-open-eta{color:var(--muted);font-size:1rem;font-weight:400}.next-open-sub{color:var(--muted);margin-top:.15rem;font-size:.8rem}.toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.toggle{background:var(--card);border:1px solid var(--border);color:var(--fg);cursor:pointer;border-radius:999px;padding:.4rem .8rem;font-size:.85rem}.toggle.on{border-color:var(--accent);color:var(--accent)}.toolbar-hint{color:var(--muted);font-size:.85rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;display:grid}.stat-card{border:1px solid var(--border);background:#ffffff05;border-radius:6px;padding:.6rem .75rem}.stat-label{color:var(--muted);font-size:.8rem}.stat-value{margin-top:.1rem;font-size:1.4rem;font-weight:600}.stat-sub{color:var(--muted);margin-top:.15rem;font-size:.75rem}.heatmap-wrap{width:100%;overflow-x:auto}.heatmap-svg{width:100%;min-width:600px;display:block}.heatmap-label{fill:var(--muted);font-family:inherit;font-size:9px}.bar-svg{width:100%;height:auto;display:block}.bar-label{fill:var(--muted);font-family:inherit;font-size:11px}.cycles{margin:0;padding:0;list-style:none}.cycles li{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.35rem 0;font-size:.9rem;display:flex}.cycles li:last-child{border-bottom:0}.cycles-when{color:var(--muted);min-width:7rem}.cycles-dur{font-variant-numeric:tabular-nums}.cycles-gap{color:var(--muted)}.history ul{margin:0;padding:0;list-style:none}.history li{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.4rem 0;font-size:.95rem;display:flex}.history li:last-child{border-bottom:0}.history .ts{color:var(--muted);min-width:12rem}.pill{border-radius:999px;padding:.1rem .5rem;font-size:.8rem;font-weight:600}.pill.up{color:var(--up);background:#f8514926}.pill.down{color:var(--down);background:#3fb95026}.history .dur{color:var(--muted);font-size:.85rem}h2{margin:0 0 .6rem;font-size:1.05rem}