:root{--bg: #0e1116;--panel: #141920;--line: #1f2630;--text: #c9d1d9;--strong: #e6edf3;--muted: #8b96a5;--dim: #6b7686;--ok: #7fb89a;--ok-fill: #1c2a24;--warning: #b59f3b;--error: #d08a2e;--critical: #d1453b;color-scheme:dark}*{box-sizing:border-box}html{font-size:min(calc(100vw / 120),calc(100vh / 67.5))}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.4;overflow:hidden;cursor:none}h1,h2{margin:0;font-weight:500}h2{font-size:.85rem;color:var(--dim);margin-bottom:.7rem}.board{height:100vh;display:flex;flex-direction:column;gap:1.2rem;padding:1.4rem 1.8rem}.stale{padding:.4rem 1rem;text-align:center;font-size:1rem;background:#3a2a12;color:#e8b366;border:1px solid #5a4020;border-radius:.4rem}.top{display:flex;align-items:center;gap:1.5rem}.state{font-size:2.2rem}.state-ok{color:var(--ok)}.state-warning{color:var(--warning)}.state-error{color:var(--error)}.state-critical{color:var(--critical)}.pills{display:flex;gap:.6rem}.pill{padding:.15rem .7rem;border-radius:.6rem;font-size:.95rem}.pill.critical{background:#3a1616;color:#f0a3a3}.pill.error{background:#3a2a12;color:#e8b366}.pill.warning{background:#352f12;color:#d8c766}.pill.muted{background:#1d2430;color:var(--muted)}.screen-name{margin-left:auto;color:var(--dim);font-size:.9rem}.body{flex:1;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:1.6rem;min-height:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:.6rem;padding:1rem 1.2rem;min-height:0}.attention{overflow:hidden}.side{display:flex;flex-direction:column;gap:1rem;min-height:0}.grow{flex:1;display:flex;flex-direction:column}.rows{list-style:none;margin:0;padding:0}.row{display:grid;grid-template-columns:.3rem minmax(0,1fr) auto;gap:.9rem;align-items:center;padding:.55rem .4rem;border-bottom:1px solid var(--line)}.row-bar{align-self:stretch;background:var(--warning)}.sev-error .row-bar{background:var(--error)}.sev-critical .row-bar{background:var(--critical)}.row-title{color:var(--strong);font-size:1.15rem;font-weight:500}.row-detail{color:var(--muted);font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.row-side{display:flex;flex-direction:column;align-items:flex-end;font-size:.9rem;color:var(--muted)}.sev-critical .row-severity{color:#f0a3a3}.sev-error .row-severity{color:#e8b366}.sev-warning .row-severity{color:#d8c766}.tag{margin-left:.6rem;padding:.05rem .5rem;border-radius:.4rem;background:#1d2430;color:var(--muted);font-size:.8rem;font-weight:400}.tag-ack{color:var(--ok);background:var(--ok-fill)}.is-acknowledged{opacity:.6}.more{padding:.6rem .4rem;color:var(--dim)}.calm{color:var(--ok);font-size:1.3rem;margin:3rem 0;text-align:center}.tiles{display:flex;flex-wrap:wrap;gap:.4rem}.tile{padding:.25rem .7rem;border-radius:.3rem;font-size:.85rem;background:#16201c;color:var(--ok)}.tile-warning{background:#352f12;color:#d8c766}.tile-error{background:#3a2a12;color:#e8b366}.tile-critical{background:#3a1616;color:#f0a3a3}.cells{display:grid;grid-template-columns:repeat(32,1fr);gap:.12rem;align-content:start}.cell{aspect-ratio:1;background:var(--ok-fill)}.cell-warning{background:var(--warning)}.cell-error{background:var(--error)}.cell-critical{background:var(--critical)}.footnote{margin:0;color:var(--dim);font-size:.85rem}@keyframes arrive{0%{background:#d08a2e47}to{background:transparent}}@keyframes arrive-critical{0%{background:#d1453b4d}to{background:transparent}}.is-new{animation:arrive 12s ease-out 1}.is-new.sev-critical{animation-name:arrive-critical}@media(prefers-reduced-motion:reduce){.is-new{animation:none}}.pairing{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;padding:2rem;text-align:center}.pairing h1{font-size:2.4rem;color:var(--strong)}.pairing-instructions{max-width:40rem;color:var(--muted);font-size:1.1rem;margin:0}.pairing-body{display:flex;align-items:center;gap:3rem;margin-top:1rem}.pairing-qr{width:16rem;height:16rem}.pairing-qr svg{width:100%;height:100%}.pairing-side{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.pairing-label{color:var(--dim);font-size:.9rem}.pairing-code{color:var(--strong);font-size:3.4rem;letter-spacing:.2rem;font-family:ui-monospace,Menlo,Consolas,monospace}.pairing-url{color:var(--muted);font-size:.95rem}.pairing-status{color:var(--dim);font-size:.95rem}