:root{--bg: #fcfcfb;--card: #ffffff;--text: #0b0b0b;--text-2: #52514e;--muted: #898781;--grid: #e1e0d9;--accent: #5560d4;--cell-lo: color-mix(in srgb, var(--accent) 8%, var(--card));--scale: 1;--hot: #d03b3b}:root[data-theme=dark]{--bg: #1a1a19;--card: #232322;--text: #ffffff;--text-2: #c3c2b7;--muted: #898781;--grid: #2c2c2a;--accent: #7b86f0;--cell-lo: color-mix(in srgb, var(--accent) 10%, var(--card));--hot: #e05a5a}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);font-size:calc(12px * var(--scale))}.panel{position:absolute;inset:0;background:var(--card);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;padding:12px 16px 14px}.bar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.left{display:flex;flex-direction:column;gap:8px}.title{font-size:1.05em;font-weight:800;letter-spacing:.12em}.seg{display:inline-flex;background:color-mix(in srgb,var(--text) 6%,var(--card));border-radius:8px;padding:2px;width:max-content}.seg button{border:0;background:transparent;color:var(--text-2);font:inherit;font-weight:600;padding:4px 12px;border-radius:6px;cursor:pointer}.seg button.on{background:var(--card);color:var(--text);box-shadow:0 1px 3px #0000002e}.scalebox{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.scale-lbl{font-size:.85em;color:var(--text-2);font-variant-numeric:tabular-nums}.ramp{width:10px;height:52px;border-radius:5px;background:linear-gradient(var(--accent),var(--cell-lo));border:1px solid var(--grid)}.grid{flex:1;min-height:0;margin-top:8px;display:grid;gap:3px;grid-template-columns:2.6em repeat(24,1fr) minmax(3em,1.4fr)}.hbar-cell{position:relative;display:flex;align-items:flex-end;justify-content:center}.hbar{width:62%;min-width:4px;background:var(--accent);border-radius:4px 4px 0 0;transition:height .2s}.hlabel{text-align:center;color:var(--muted);font-size:.82em;align-self:center;padding:2px 0 3px}.dlabel{color:var(--muted);font-size:.85em;display:flex;align-items:center;font-family:ui-monospace,Cascadia Mono,Consolas,monospace}.cell{border-radius:5px;background:var(--cell-lo);min-height:10px;cursor:default}.cell:hover{outline:2px solid var(--text);outline-offset:-1px}.cell.hot{box-shadow:inset 0 0 0 2px var(--hot)}.cell.cold{box-shadow:inset 0 0 0 2px var(--hot);opacity:.92;background-image:repeating-linear-gradient(45deg,transparent 0 3px,rgba(208,59,59,.28) 3px 5px)}.clickable{cursor:pointer}.cell.sel,.hbar-cell.sel,.rowtot-cell.sel{outline:2.5px solid var(--text);outline-offset:-1px;border-radius:5px}.dlabel.sel{color:var(--text);font-weight:800}.segrow{display:flex;align-items:center;gap:8px}.xfchip{border:1.5px solid var(--accent);color:var(--accent);background:transparent;border-radius:14px;padding:3px 10px;font:inherit;font-size:.85em;font-weight:700;cursor:pointer;max-width:17em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anomchip{border:1.5px solid var(--hot);color:var(--hot);background:transparent;border-radius:14px;padding:3px 10px;font:inherit;font-size:.85em;font-weight:700;letter-spacing:.04em;cursor:pointer;white-space:nowrap}.anomchip.off{border-color:var(--grid);color:var(--muted)}.rowtot-cell{display:flex;align-items:center}.rowtot{height:60%;background:var(--accent);border-radius:0 4px 4px 0;opacity:.85}.sigma{color:var(--muted);font-size:.95em;display:flex;align-items:center;justify-content:center}.empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:1em 2em;color:var(--muted);background:var(--card)}.tooltip{position:fixed;z-index:10;background:#16161a;color:#fff;border-radius:8px;padding:8px 11px;font-size:12px;pointer-events:none;box-shadow:0 6px 24px #00000059}.tooltip b{font-variant-numeric:tabular-nums}.tooltip .tt-hot{color:#f28b8b;font-weight:700}.tooltip .tt-cold{color:#a8b3c4;font-weight:700}.demo-badge{position:absolute;right:8px;bottom:8px;font-size:9px;font-weight:700;letter-spacing:.12em;color:var(--muted);border:1px solid var(--grid);border-radius:4px;padding:2px 6px;pointer-events:none;background:var(--card)}[hidden]{display:none!important}