:root{--bg: #0b0e14;--panel: #111722;--line: #1e2735;--txt: #c9d4e5;--dim: #6b7a90;--bid: #26a69a;--ask: #ef5350;--accent: #4a9eff;--warn: #f0a020}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.app{display:flex;flex-direction:column;height:100vh;height:100dvh}header{display:flex;align-items:center;gap:14px;padding:8px 14px;background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap}.brand{font-weight:700;letter-spacing:.3px}.tabs{display:flex;gap:4px}.tab{padding:4px 12px;border:1px solid var(--line);border-radius:4px;cursor:pointer;background:transparent;color:var(--dim);font:inherit}.tab.on{background:var(--accent);border-color:var(--accent);color:#06101f;font-weight:700}.tab .mk{font-size:9px;opacity:.75;margin-left:4px}.health{display:flex;gap:14px;margin-left:auto;font-size:11px;color:var(--dim);flex-wrap:wrap}.health b{color:var(--txt);font-weight:600}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.dot.bad{background:var(--ask)}.dot.stat{background:#46536b}.dead-banner{width:100%;margin-top:4px;padding:3px 8px;border:1px solid var(--ask);border-radius:4px;color:var(--ask);font-size:11px;font-weight:700;letter-spacing:.4px}main{display:grid;grid-template-columns:1fr 360px;grid-template-rows:minmax(0,1fr);flex:1;min-height:0}.chart-wrap{position:relative;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}.chart-host{position:relative;flex:1 1 auto;min-height:0}.tf-bar{display:flex;align-items:center;gap:10px;flex:0 0 auto;padding:4px 8px;border-bottom:1px solid var(--line);font-size:11px;flex-wrap:wrap}.tf-bar .seg{flex:0 0 auto}.tf-bar .seg button{padding:3px 9px}.tf-note{color:var(--dim)}.tf-note b{color:var(--txt)}.tf-subbar,.tf-forming{margin-left:auto}.tf-subbar[data-all-removed=true]{font-weight:700}.no-candles{position:static;transform:none;margin:12% auto 0;max-width:44em}.empty-state{position:absolute;z-index:5;top:40%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:12px 18px;background:#0d1420ee;border:1px solid var(--warn);border-radius:6px;color:var(--warn);font-size:12px;pointer-events:none}aside{background:var(--panel);border-left:1px solid var(--line);min-height:0;overflow-y:auto}.ctl{padding:10px 12px;border-bottom:1px solid var(--line)}.ctl.no-border{border:0;padding-bottom:4px}.ctl h4{margin:0 0 8px;font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.6px}.row{display:flex;align-items:center;gap:8px;margin:6px 0}.row label{flex:1;font-size:12px}input[type=range]{width:140px}.seg{display:flex;border:1px solid var(--line);border-radius:4px;overflow:hidden}.seg button{flex:1;padding:4px 6px;background:transparent;border:0;color:var(--dim);cursor:pointer;font:inherit;font-size:11px;white-space:nowrap}.seg button.on{background:var(--accent);color:#06101f;font-weight:700}.hint{font-size:11px;color:var(--dim);margin:4px 0 2px}.dim{color:var(--dim)}.warn{color:var(--warn)}.divergence{color:var(--warn);font-weight:700}.funnel-row{display:flex;align-items:center;gap:6px;font-size:11px;margin:4px 0}.funnel-label{flex:1;color:var(--dim)}.funnel-bar{width:110px;height:9px;background:#1a2230;border-radius:2px;overflow:hidden}.funnel-bar>span{display:block;height:100%}table{width:100%;border-collapse:collapse;font-size:11px}th{position:sticky;top:0;background:var(--panel);color:var(--dim);text-align:left;padding:5px 8px;border-bottom:1px solid var(--line);font-weight:600}td{padding:4px 8px;border-bottom:1px solid #161d29}tbody tr:hover td{background:#182031;cursor:pointer}tbody tr.sel td{background:#1d2a40}.pill{display:inline-block;padding:1px 6px;border-radius:3px;font-size:10px;font-weight:700}footer{padding:5px 14px;background:var(--panel);border-top:1px solid var(--line);font-size:11px;color:var(--dim)}.hover-card{position:fixed;z-index:20;pointer-events:none;background:#0d1420f2;border:1px solid var(--line);border-radius:5px;padding:8px 10px;font-size:11px;line-height:1.5;box-shadow:0 4px 16px #0008}.hc-title{font-weight:700;margin-bottom:3px}.gap-hover-card{border-color:#fab03d;max-width:320px}.gap-hover-card[data-open=true]{border-color:var(--ask)}.funnel-row.gap-row .funnel-label{color:#fab03d}.funnel-row.gap-row[data-unknown=true] .funnel-label,.funnel-row.gap-row[data-unknown=true] b{color:var(--dim)}.funnel-row.off-window-row .funnel-label{color:#94a3b8}.funnel-row.off-window-row[data-unknown=true] .funnel-label,.funnel-row.off-window-row[data-unknown=true] b{color:var(--dim)}.funnel-row.sub-bar-row .funnel-label{color:#a78bfa}.funnel-row.sub-bar-row[data-all-removed=true] .funnel-label,.funnel-row.sub-bar-row[data-all-removed=true] b{color:var(--warn);font-weight:700}.sub-bar-toggle label{font-size:11px;color:var(--dim)}.fatal{padding:40px;color:var(--dim)}.feed-verdict-wrap{width:100%;display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:4px;font-size:11px}.feed-verdict{color:var(--txt)}.feed-verdict b{font-weight:700}.feed-stability,.feed-rule{color:var(--dim)}.feed-open-gap{color:var(--ask);font-weight:700}.feed-rule{width:100%;opacity:.8}.dot.feed-healthy{background:var(--bid)}.dot.feed-degraded{background:var(--warn)}.dot.feed-down{background:var(--ask)}.dot.frozen{background:#46536b}.dot.unbuilt{background:#3a4a63}.dot.tab-dot{margin-right:5px}.dot.tab-ok{background:var(--bid)}.dot.tab-fault{background:var(--ask)}.dot.tab-unknown{background:#46536b}.retention{font-size:11px;margin:2px 0 6px;line-height:1.5}.retention b{color:var(--txt)}.bar-countdown{position:absolute;z-index:3;transform:translateY(-50%);padding:1px 5px;border-radius:3px;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;background:#2962ff;color:#fff;pointer-events:none;white-space:nowrap}.bar-countdown.unknown{background:#555}.bar-countdown.stale{background:#8a6d3b}.history-panel [data-testid=history-text]{font-size:11px;line-height:1.4}.history-panel button{margin-top:6px;padding:3px 9px;background:transparent;border:1px solid var(--line);border-radius:4px;color:var(--dim);cursor:pointer;font:inherit;font-size:11px}.history-panel button:disabled{opacity:.5;cursor:default}.history-panel[data-state=error] button{border-color:var(--warn);color:var(--warn)}@media (max-width: 820px){main{grid-template-columns:1fr;grid-template-rows:minmax(190px,46dvh) minmax(0,1fr)}aside{border-left:none;border-top:1px solid var(--line)}header{gap:8px;padding:6px 10px;max-height:30dvh;overflow-y:auto}footer{white-space:nowrap;overflow-x:auto;padding:3px 10px}footer::-webkit-scrollbar{height:0}header::-webkit-scrollbar,.health::-webkit-scrollbar,.feed-verdict-wrap::-webkit-scrollbar,.tf-note::-webkit-scrollbar,.tf-span::-webkit-scrollbar{height:0;width:0}.health{margin-left:0;width:100%;gap:10px;flex-wrap:nowrap;overflow-x:auto}.tf-note,.tf-span{white-space:nowrap;overflow-x:auto;max-width:100%;flex:1 1 100%}.row{flex-wrap:wrap}input[type=range]{width:100%}aside table{display:block;overflow-x:auto;white-space:nowrap}.hover-card,.gap-hover-card{max-width:calc(100vw - 24px)}}.mode-tabs{display:flex;gap:2px;align-items:center;margin-left:10px}.mode-tab{font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border:1px solid var(--rule, #2a3340);border-radius:3px;color:var(--muted, #8aa);text-decoration:none;background:transparent}.mode-tab:hover{border-color:var(--muted, #8aa)}.mode-tab.is-active{color:#0b1015;background:#6ee7b7;border-color:#6ee7b7}.mode-tab[data-active=true][data-testid=mode-tab-replay]{background:#fbbf24;border-color:#fbbf24;color:#201a05}.mode-tab.is-other{border-style:dashed;cursor:default}.mode-tab:focus-visible{outline:2px solid #6ee7b7;outline-offset:2px}.key-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--bg, #0b0e14)}.key-gate-card{display:flex;flex-direction:column;gap:12px;width:min(360px,calc(100vw - 32px));padding:24px;border:1px solid var(--line, #1e2735);border-radius:6px;background:var(--panel, #111722)}.key-gate-title{margin:0;font:600 13px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--txt, #c9d4e5)}.key-gate-note{margin:0;font:400 12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--dim, #6b7a90)}.key-gate-note code{color:var(--warn, #f0a020)}.key-gate-sub{display:block;margin-top:6px}.key-gate-input{font:400 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;padding:9px 10px;border:1px solid var(--line, #1e2735);border-radius:3px;background:var(--bg, #0b0e14);color:var(--txt, #c9d4e5)}.key-gate-input:focus-visible{outline:2px solid var(--accent, #4a9eff);outline-offset:1px}.key-gate-submit{font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:9px 10px;border:1px solid var(--accent, #4a9eff);border-radius:3px;background:var(--accent, #4a9eff);color:#06101c}.key-gate-submit:focus-visible{outline:2px solid var(--txt, #c9d4e5);outline-offset:2px}.key-gate-problem{margin:0;font:400 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ask, #ef5350)}