/* Chart-first terminal: original identity, public Coinbase and recorded sources. */
#chart-dashboard{display:grid;grid-template-columns:minmax(0,775px);gap:12px;align-items:start}
#dashboard-summary{min-width:0;border:1px solid var(--line);border-radius:4px;background:var(--panel);font-size:11px;overflow-wrap:anywhere}
#dashboard-summary>div,#dashboard-summary>section{padding:6px 12px;margin:0;border-bottom:1px solid var(--line)}
#dashboard-summary .live-summary{display:flex;flex-wrap:wrap;gap:5px 10px;padding:8px 12px!important}
#dashboard-summary .live-summary strong{font-size:20px}
#dashboard-summary #live-risk{line-height:1.4}
#dashboard-summary #brains-now{border:0;border-bottom:1px solid var(--line);border-radius:0}
#dashboard-summary #brains-now p{margin:4px 0;line-height:1.35}
#dashboard-summary .brains-now-heading{flex-wrap:wrap;gap:4px}
#dashboard-summary .brains-now-cards{margin-top:6px}
#dashboard-summary #brain-scoreboard{padding:6px 12px}
#dashboard-summary #brain-scoreboard select{padding:4px;min-height:30px}
#dashboard-summary #brain-scoreboard-label{margin:4px 0;line-height:1.4}
#dashboard-summary .feed-connection{padding:5px 12px}
#dashboard-summary #recording-compact{margin:4px 12px;padding:0;border:0;font-size:11px;line-height:1.4}
#dashboard-summary .live-indicators{display:flex;flex-wrap:wrap;gap:4px}
#dashboard-summary .live-indicators button{font-size:10px;padding:5px;min-height:30px}
#live-btc-panel .live-notes{padding:0;margin:0;border:0}
header #view-mode{font-size:11px;min-height:30px;padding:4px 8px}
@media(min-width:1200px){header{padding-block:4px!important}#recorded-view>.top h1{display:none}#recorded-view>.top{min-height:32px}.content-tabs button{min-height:32px!important;padding-block:4px!important}#live-btc-panel>.panelhead{display:block!important}#live-btc-panel>.panelhead>div:first-child{display:flex;align-items:center;gap:8px;margin-bottom:4px}#chart-dashboard{grid-template-columns:775px minmax(0,1fr)}.content-tabs{max-width:none!important}#recorded-view>.top{margin-bottom:6px}main{padding-top:8px!important}#dashboard-summary .trend-grid{font-size:10px;gap:3px}}

[role=tabpanel][hidden]{display:none!important}
.content-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);padding:0 0 8px;margin:0 0 10px;max-width:775px}
.content-tabs button{min-height:40px;padding:8px 18px;border-radius:6px;font:inherit}
.content-tabs button[aria-selected=true]{background:#a78bfa;color:#100d1b;border-color:#a78bfa}
.content-tabs button:focus-visible,[role=tabpanel]:focus-visible{outline:2px solid #facc15;outline-offset:3px}
#panel-how{max-width:775px;overflow-wrap:anywhere;line-height:1.65}
.method-section{padding:16px;margin-bottom:12px;border:1px solid var(--line);border-radius:6px;background:var(--panel);min-width:0}
.method-section>h2{font-size:18px;margin:0 0 12px;color:#c4b5fd}
.method-section pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}
.method-section details{margin:10px 0}.method-section .insight{padding:0}
.method-section button{max-width:100%;white-space:normal;min-height:36px}
#forecast-compact,#coverage-compact{margin:4px 12px;font-size:11px}
.risk-identification{font-size:10px;color:var(--muted)}
@media(max-width:600px){.method-section{padding:12px}.content-tabs button{flex:1}}
/* Measured reference chart + axis: 773x424 desktop, 362x255 phone.
   Cap the chart terminal rather than stretching it across an absent order book.
   Container units keep the ratio through resize; SVG coordinates follow in JS. */
#live-btc-panel{max-width:775px}
#live-btc-panel>#live-risk{order:2;padding:6px 12px;border-bottom:1px solid var(--line);font-size:11px;line-height:1.4}
#live-risk-state{font-size:13px;color:var(--text)}
#live-risk details{margin-top:3px}#live-risk pre{font-size:11px}
.live-plot{container-type:inline-size}
#live-price-chart{height:calc(100cqw * 360.4 / 773);min-height:0}
@media(max-width:600px){#live-price-chart{height:calc(100cqw * 216.75 / 362)}}
/* Prices toggle (2026-10-24 user request): hidden = full-width plot, any width.
   Default null = auto (hidden on phones, shown on desktop); JS toggles the class. */
.live-plot-frame.prices-hidden #live-price-axis{display:none}
.live-plot-frame.prices-hidden .live-plot.is-fixed .live-plot-inner,.live-plot-frame.prices-hidden .live-plot.is-fixed .osc-panel{width:100%}
:root{--bg:#09090e;--panel:#0d0d14;--line:#24232e;--muted:#a3a0b3;--text:#eeedf5;--blue:#a78bfa}
body{font-size:13px}header{padding:8px 20px}.sub{display:none}.brand{font-size:17px}.sub{font-size:9px}.badge{font-size:10px}main{max-width:1600px;padding:12px 20px}.modebar{margin-bottom:10px;padding-bottom:8px;gap:8px}.modebar select,.top select{padding:4px 8px}.modebar button,.modebar select,.top button,.top select{min-height:32px}.top{margin-bottom:10px}#recorded-view>.top h1{font-size:18px;margin:0}#recorded-market{font-size:11px}.bot-status-chip{font-size:9px}
#live-btc-panel{display:flex;flex-direction:column;border-radius:4px;overflow:hidden}#live-btc-panel>*{order:7}#live-btc-panel>.panelhead{order:3;padding:8px 12px;border:0;gap:8px;align-items:center}#live-btc-panel .panelhead h2{font-size:12px;font-weight:500}#live-btc-panel .panelhead p{font-size:10px;margin:0;line-height:1.3}#live-btc-panel .tools{gap:4px;align-items:center;flex-wrap:wrap}#live-btc-panel .tools label{font-size:10px;color:var(--muted)}#live-btc-panel button,#live-btc-panel select{font:11px ui-monospace,Consolas,monospace;min-height:32px;padding:6px 9px;border-radius:7px;background:#14131e;border-color:#292735}#live-btc-panel button[aria-pressed=true]{background:#a78bfa;color:#100d1b;border-color:#a78bfa}#live-btc-panel button:hover{border-color:#a78bfa}#live-btc-panel #kalshi-window-strip{order:1;padding:8px 12px;gap:8px 22px;border-bottom:1px solid var(--line)}#window-countdown-time{font-size:24px}.kws-eyebrow{color:var(--muted)}.kws-timer-meta{display:none}#window-timing-state{margin-top:0}.kws-chip{border:0;border-radius:0;padding:0 8px}.kws-chip strong{font-size:23px}
#live-btc-panel>.live-summary{order:2;padding:10px 12px!important;gap:5px 12px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.summary-label{font:9px ui-monospace,Consolas,monospace;letter-spacing:.6px;color:var(--muted)}#live-target-delta{font-size:20px}#live-target-value{color:#56dce7;font-size:16px}#live-btc-panel>.live-navigation{order:4;padding:0 12px 6px;justify-content:flex-start;gap:6px 12px}#live-pan-hint{font-size:10px;flex-basis:auto;order:0;margin-left:auto;max-width:520px}#live-btc-panel>.trace-legend{order:5;display:flex;flex-wrap:wrap;gap:5px 18px;padding:5px 16px;font:10px ui-monospace,Consolas,monospace}.trace-legend span:first-child{color:#a78bfa}.trace-legend span:nth-child(2),.trace-legend span:nth-child(3){color:#56dce7}#live-btc-panel>.live-plot-frame{order:6}
.live-plot-frame{display:block!important}.live-plot.is-fixed .live-plot-inner,.live-plot.is-fixed .osc-panel{width:calc(100% - 104px);margin-right:0}#live-price-axis{display:block;position:absolute;top:0;right:0;width:104px;padding:0;border-top:0;border-left:1px solid var(--line);background:var(--panel)}#live-price-axis span{position:absolute;left:5px;right:3px;transform:translateY(-50%);font:11px ui-monospace,Consolas,monospace;white-space:nowrap}#live-price-axis .price-badge{border-radius:3px;padding:3px 2px;font-size:11px;background:#a78bfa;color:#100d1b;z-index:2;text-align:center}#live-price-axis .price-badge.avg{color:#56dce7;background:#111820;border:1px solid #56dce7}#live-price-axis .price-badge.target{background:#56dce7;color:#0b1519}#live-level-status{margin:4px 12px 8px;font-size:11px;line-height:1.5;overflow-wrap:anywhere;color:#d0cadf}#live-price-axis .price-badge.reference{background:#172329;color:#56dce7;border:1px dashed #56dce7}#live-scale-note{margin:0 12px 4px;font-size:10px;color:var(--muted)}.model-dot-key{font-size:10px}.window-boundaries{font-size:10px}.window-boundaries #window-boundary-note{flex-basis:auto;font-size:10px}.live-streak{padding-top:6px;font-size:10px}#live-streak-note{font-size:10px}#brains-now{padding:8px 12px;margin:10px 12px}#brains-now h2{font-size:12px}.brain-now-card{padding:6px}.brain-now-card span{font-size:11px}.brain-now-card strong{font-size:14px}.live-reference-summary{font-size:11px;margin:8px 12px}.live-reference-summary p{line-height:1.4!important}.live-indicators{padding:6px 12px}.live-notes{font-size:11px}.live-navigation label{display:flex;gap:5px;align-items:center}
@media(max-width:600px){header{padding:8px 10px}.brand{font-size:15px}.sub{display:none}.badge{font-size:8px;max-width:110px}main{padding:8px}.modebar{flex-direction:row;flex-wrap:wrap;gap:5px}.modebar label{font-size:10px}.modebar select{font-size:10px}.bot-status-chip{font-size:8px;padding:4px 6px}#recorded-view>.top{gap:4px}#recorded-view>.top>div:first-child{display:none}#recorded-view>.top h1{font-size:14px}#recorded-market{font-size:9px}#recorded-view>.top .tools{gap:3px;font-size:10px}#recorded-view>.top button,#recorded-view>.top select{font-size:10px;padding:4px 6px;min-height:30px}#live-btc-panel>.panelhead{padding:6px 8px!important;gap:5px}#live-btc-panel .panelhead>div:first-child{display:none}#live-btc-panel .tools{gap:3px}#live-btc-panel button,#live-btc-panel select{font-size:10px;padding:6px;min-height:32px}#live-ha{max-width:65px}#live-btc-panel #kalshi-window-strip{padding:6px 8px;gap:5px}.kws-prices{margin-left:auto}.kws-chip{gap:5px;padding:0 5px}.kws-chip strong{font-size:20px}#live-btc-panel>.live-summary{padding:8px!important;display:grid;grid-template-columns:auto 1fr auto 1fr;gap:5px 6px}.summary-label{font-size:8px}#live-target-delta{font-size:16px}#live-target-value{font-size:13px}#live-btc-panel>.live-navigation{padding:2px 8px;gap:5px}#live-pan-hint{font-size:9px;margin-left:0;flex-basis:100%}#live-btc-panel>.trace-legend{font-size:9px;padding:6px 10px;gap:4px 8px}.live-plot.is-fixed .live-plot-inner,.live-plot.is-fixed .osc-panel{width:calc(100% - 88px)}#live-price-axis{width:88px}#live-price-axis span,#live-price-axis .price-badge{font-size:10px;left:2px;right:1px}.window-boundaries{gap:3px 7px}.model-dot-key{font-size:9px}}
