:root{color-scheme:light;--page: #f9f9f7;--surface-1: #fcfcfb;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #898781;--border: rgba(11, 11, 11, .1);--gridline: #e1e0d9;--accent: #2a78d6;--accent-ink: #ffffff;--danger: #d03b3b;--good: #006300;--wash: #f0efec;--secret-bg: #fffbe6;--secret-border: #e6d87a}:root[data-theme=dark]{color-scheme:dark;--page: #0d0d0d;--surface-1: #1a1a19;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #898781;--border: rgba(255, 255, 255, .1);--gridline: #2c2c2a;--accent: #3987e5;--accent-ink: #ffffff;--danger: #e66767;--good: #0ca30c;--wash: #26262a;--secret-bg: #2a2610;--secret-border: #66591c}@media(prefers-color-scheme:dark){:root:where(:not([data-theme=light])){color-scheme:dark;--page: #0d0d0d;--surface-1: #1a1a19;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #898781;--border: rgba(255, 255, 255, .1);--gridline: #2c2c2a;--accent: #3987e5;--accent-ink: #ffffff;--danger: #e66767;--good: #0ca30c;--wash: #26262a;--secret-bg: #2a2610;--secret-border: #66591c}}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text-primary);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.45}main{max-width:960px;margin:0 auto;padding:0 1rem 3rem}h1{font-size:1.4rem;margin:1rem 0 .5rem}h2{font-size:1.1rem;margin:1.5rem 0 .5rem}h3{font-size:1rem;margin:1rem 0 .4rem}a{color:var(--accent)}code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9em}p{margin:.4rem 0}.topnav{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap;background:var(--surface-1);border-bottom:1px solid var(--border);padding:.4rem 1rem;position:sticky;top:0;z-index:5}.topnav .brand{font-weight:700;margin-right:.75rem;color:var(--text-primary);text-decoration:none}.topnav a{color:var(--text-secondary);text-decoration:none;padding:.25rem .55rem;border-radius:6px;white-space:nowrap}.topnav a.active{background:var(--wash);color:var(--text-primary);font-weight:600}.topnav .spacer{flex:1}.topnav .who{color:var(--text-secondary);font-size:.9rem}.bell{position:relative}.bell .badge{position:absolute;top:-2px;right:-4px;background:var(--danger);color:#fff;border-radius:8px;font-size:.65rem;padding:0 4px;font-weight:700}table{border-collapse:collapse;width:100%;margin:.5rem 0}th,td{border-bottom:1px solid var(--gridline);padding:.35rem .6rem;text-align:left;font-variant-numeric:tabular-nums}th{color:var(--text-secondary);font-weight:600;font-size:.85rem}.tablewrap{overflow-x:auto}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;padding:.8rem 1rem;margin:.8rem 0}label{display:block;color:var(--text-secondary);font-size:.85rem;margin-top:.5rem}input,select{padding:.35rem .5rem;background:var(--page);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;max-width:100%}input[type=checkbox]{width:auto}button{padding:.35rem .7rem;cursor:pointer;border-radius:6px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary)}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}button.danger{color:var(--danger);border-color:var(--danger)}button:disabled{opacity:.5;cursor:default}.row{display:flex;gap:.5rem;align-items:baseline;flex-wrap:wrap}.row.end{justify-content:flex-end}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;margin:.8rem 0}.stat{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;padding:.6rem .8rem}.stat .label{color:var(--text-secondary);font-size:.8rem}.stat .value{font-size:1.4rem;font-weight:600}.stat .sub{color:var(--text-muted);font-size:.8rem}.neg{color:var(--danger)}.pos{color:var(--good)}.muted{color:var(--text-muted)}.error{color:var(--danger);margin:.4rem 0}.okmsg{color:var(--good);margin:.4rem 0}.secret{border:1px solid var(--secret-border);background:var(--secret-bg);border-radius:8px;padding:.6rem .8rem;margin:.5rem 0}.secret code{display:block;word-break:break-all;margin-top:.25rem}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(360px,92vw);background:var(--surface-1);border-left:1px solid var(--border);padding:1rem;overflow-y:auto;z-index:20}.drawer .item{border-bottom:1px solid var(--gridline);padding:.5rem 0}.drawer .item.unread{font-weight:600}.backdrop{position:fixed;inset:0;background:#0000004d;z-index:15}.chart{margin:.8rem 0}.chart .barlabel{font-size:.78rem;fill:var(--text-secondary)}.chart .barvalue{font-size:.78rem;fill:var(--text-primary)}.chart .grid{stroke:var(--gridline);stroke-width:1}.chart .baseline{stroke:var(--text-muted);stroke-width:1}.chart .bar{transition:opacity .1s}.chart .bar:hover{opacity:.85}.chart-tooltip{background:var(--surface-1);border:1px solid var(--border);border-radius:6px;padding:.25rem .5rem;font-size:.8rem;pointer-events:none;position:absolute;z-index:10;white-space:nowrap}.viz-legend{display:flex;gap:1rem;font-size:.8rem;color:var(--text-secondary);margin:.25rem 0}.viz-legend .key{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:baseline}@media(max-width:640px){body{font-size:14px}.topnav{padding:.4rem .6rem}.stats{grid-template-columns:repeat(2,1fr)}.card{padding:.6rem .7rem}.row button,.row input,.row select{flex:1 1 auto}th,td{padding:.3rem .4rem;font-size:.9rem}}.controls{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center;margin:.6rem 0}.controls label{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem}tr.clickable{cursor:pointer}tr.clickable:hover td,tr.detail td{background:var(--surface-1)}tr.detail dl{display:grid;grid-template-columns:max-content 1fr;gap:.15rem .9rem;margin:.4rem 0;font-size:.85rem}tr.detail dt{color:var(--text-secondary)}tr.detail dd{margin:0;word-break:break-all}td.nowrap{white-space:nowrap}td.clip{max-width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}table.compact{font-size:.85rem}table.compact th,table.compact td{padding:.3rem .4rem}
