:root{--bg:#0a0e14;--bg-panel:#111820;--bg-elevated:#161e28;--border:#1e2a38;--text:#e6edf5;--text-muted:#7d8fa3;--accent:#3b82f6;--accent-dim:#1e3a5f;--bull:#22c55e;--bull-dim:#14532d;--bear:#ef4444;--bear-dim:#450a0a;--warn:#f59e0b;--warn-dim:#451a03;--ok:#10b981;--font:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--mono:"IBM Plex Mono", "SF Mono", monospace}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0}body{background:radial-gradient(ellipse 80% 50% at 50% -20%, #3b82f61f, transparent), var(--bg)}button{cursor:pointer;font-family:inherit}.app{flex-direction:column;min-height:100vh;display:flex}.header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#111820d9;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.header-brand{align-items:center;gap:.875rem;display:flex}.logo-mark{background:linear-gradient(135deg, var(--accent), #6366f1);border-radius:10px;place-items:center;width:42px;height:42px;font-size:1.1rem;font-weight:700;display:grid}.header h1{letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:600}.header p{color:var(--text-muted);margin:.15rem 0 0;font-size:.75rem}.header-meta{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.header-chip{color:var(--text-muted);border:1px solid var(--border);background:var(--bg-elevated);border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .65rem;font-size:.8rem;display:flex}.status-dot{background:var(--text-muted);border-radius:50%;width:7px;height:7px}.status-ok,.status-dot.status-ok{background:var(--ok);box-shadow:0 0 8px var(--ok)}.status-degraded,.status-dot.status-degraded{background:var(--warn)}.status-bad{background:var(--bear);box-shadow:0 0 8px var(--bear)}.warn-banner{background:var(--warn-dim);border-color:var(--warn);color:#fcd34d}.btn-ghost{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:8px;padding:.4rem .85rem;font-size:.8rem;transition:border-color .15s,background .15s}.btn-ghost:hover{border-color:var(--accent);background:var(--accent-dim)}.error-banner{background:var(--bear-dim);border:1px solid var(--bear);color:#fca5a5;border-radius:8px;margin:0 1.5rem;padding:.65rem 1rem;font-size:.85rem}.error-banner span{color:var(--text-muted)}.layout{flex:1;grid-template-columns:240px 1fr 320px;align-items:start;gap:1rem;padding:1rem 1.5rem 2rem;display:grid}@media (width<=1100px){.layout{grid-template-columns:1fr}}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:1rem}.panel-head{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.panel-head h2{margin:0;font-size:.95rem;font-weight:600}.panel-sub{color:var(--text-muted);margin:.2rem 0 0;font-size:.72rem}.panel-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border:1px solid var(--border);white-space:nowrap;border-radius:4px;padding:.2rem .5rem;font-size:.68rem}.tag-ok{color:var(--ok);border-color:var(--ok)}.tag-degraded{color:var(--warn);border-color:var(--warn)}.main-column,.side-column{flex-direction:column;gap:1rem;display:flex}.pair-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.pair-item{text-align:left;width:100%;color:var(--text);background:0 0;border:1px solid #0000;border-radius:8px;padding:.65rem .75rem;transition:background .15s,border-color .15s}.pair-item:hover{background:var(--bg-elevated)}.pair-item.active{background:var(--accent-dim);border-color:var(--accent)}.pair-item-top{justify-content:space-between;align-items:center;display:flex}.pair-symbol{font-family:var(--mono);font-size:.9rem;font-weight:600}.pair-dot{border-radius:50%;width:6px;height:6px}.dot-ok{background:var(--ok)}.dot-warn{background:var(--warn)}.dot-bad{background:var(--bear)}.pair-class,.pair-venue{color:var(--text-muted);margin-top:.15rem;font-size:.68rem;display:block}.badge{white-space:nowrap;border-radius:6px;padding:.35rem .65rem;font-size:.72rem;font-weight:600}.badge-bull{background:var(--bull-dim);color:var(--bull);border:1px solid var(--bull)}.badge-bear{background:var(--bear-dim);color:#f87171;border:1px solid var(--bear)}.badge-neutral{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border)}.metric-grid{grid-template-columns:repeat(2,1fr);gap:.65rem;margin-bottom:1rem;display:grid}@media (width>=700px){.metric-grid{grid-template-columns:repeat(4,1fr)}}.metric-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem}.metric-value{font-family:var(--mono);font-size:1rem;font-weight:600}.metric-sub{color:var(--text-muted);font-size:.68rem}.metric-bull .metric-value{color:var(--bull)}.metric-bear .metric-value{color:#f87171}.metric-accent .metric-value{color:var(--accent)}.metric-warn .metric-value{color:var(--warn)}.forecast-meta{border-top:1px solid var(--border);grid-template-columns:repeat(2,1fr);gap:.5rem;padding-top:.75rem;display:grid}.meta-row{flex-direction:column;gap:.15rem;font-size:.75rem;display:flex}.meta-row span{color:var(--text-muted)}.meta-row strong{font-family:var(--mono);font-size:.85rem}.text-ok{color:var(--ok)}.text-bad{color:#f87171}.text-warn{color:var(--warn)}.volume-chart{flex-direction:column;gap:.65rem;display:flex}.volume-row{grid-template-columns:36px 1fr 80px;align-items:center;gap:.5rem;display:grid}.volume-key{color:var(--text-muted);font-size:.72rem;font-weight:600}.volume-track{background:var(--bg-elevated);border-radius:4px;height:8px;overflow:hidden}.volume-bar{border-radius:4px;height:100%;transition:width .4s}.bar-poc{background:var(--accent)}.bar-resistance{background:#f87171}.bar-support{background:var(--bull)}.bar-lvn{background:var(--warn)}.volume-price{font-family:var(--mono);text-align:right;font-size:.78rem}.volume-note{color:var(--text-muted);margin:.85rem 0 0;font-size:.72rem;line-height:1.5}.tab-row{gap:.35rem;margin-bottom:.75rem;display:flex}.tab-btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);border-radius:6px;flex:1;padding:.4rem;font-size:.72rem}.tab-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--text)}.pivot-table{border-collapse:collapse;width:100%;font-size:.8rem}.pivot-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);text-transform:uppercase;padding:.35rem 0;font-size:.68rem;font-weight:500}.pivot-table td{font-family:var(--mono);border-bottom:1px solid #1e2a3880;padding:.4rem 0}.pivot-r td:last-child{color:#f87171}.pivot-s td:last-child{color:var(--bull)}.pivot-p td:last-child{color:var(--accent)}.entropy-meter{margin-bottom:.75rem}.entropy-value{font-family:var(--mono);margin-bottom:.5rem;font-size:1.4rem;font-weight:600}.entropy-track{background:var(--bg-elevated);border-radius:3px;height:6px;overflow:hidden}.entropy-fill{border-radius:3px;height:100%;transition:width .4s}.fill-ok{background:var(--ok)}.fill-warn{background:var(--warn)}.fill-bad{background:var(--bear)}.entropy-thresholds{color:var(--text-muted);justify-content:space-between;margin-top:.35rem;font-size:.65rem;display:flex}.entropy-class{border-radius:6px;margin:0;padding:.5rem .65rem;font-size:.78rem}.class-ok{color:var(--ok);background:#10b9811a}.class-warn{color:var(--warn);background:#f59e0b1a}.class-bad{color:#f87171;background:#ef44441a}.clearance-badge{border-radius:4px;padding:.2rem .5rem;font-size:.68rem}.clearance-ok{background:var(--bull-dim);color:var(--bull)}.clearance-warn{background:var(--warn-dim);color:var(--warn)}.clearance-bad{background:var(--bear-dim);color:#f87171}.info-list{flex-direction:column;gap:.5rem;margin:0 0 1rem;display:flex}.info-list div{flex-direction:column;gap:.1rem;display:flex}.info-list dt{color:var(--text-muted);text-transform:uppercase;font-size:.65rem}.info-list dd{margin:0;font-size:.78rem}.scraper-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem;display:grid}.scraper-item{background:var(--bg-elevated);border-radius:6px;flex-direction:column;gap:.15rem;padding:.5rem;display:flex}.scraper-item span{color:var(--text-muted);text-transform:uppercase;font-size:.62rem}.scraper-item strong{font-size:.72rem;font-family:var(--mono)}.scraper-item small{color:var(--text-muted);font-size:.62rem}.workflow-steps{color:var(--text-muted);margin:0;padding-left:1.1rem;font-size:.72rem;line-height:1.6}.loading-block{text-align:center;color:var(--text-muted);padding:2rem;font-size:.85rem}.live-toggle{padding:.75rem 1rem}.toggle-row{color:var(--text-muted);cursor:pointer;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.toggle-row input{accent-color:var(--accent)}.mono{font-family:var(--mono)}.tab-nav{border-bottom:1px solid var(--border);gap:.5rem;padding:0 1.5rem .75rem;display:flex}.tab-nav button{color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:8px;padding:.5rem 1rem;font-size:.82rem;font-weight:500}.tab-nav button.active{background:var(--accent-dim);border-color:var(--accent);color:var(--text)}.session-panel{margin:0 1.5rem .75rem}.session-flags{flex-wrap:wrap;gap:.4rem;display:flex}.session-flag{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border);border-radius:4px;padding:.2rem .5rem;font-size:.68rem}.session-flag.active{background:var(--bull-dim);color:var(--bull);border-color:var(--bull)}.session-flag.warn{background:var(--warn-dim);color:var(--warn);border-color:var(--warn)}.session-timeline{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem;display:grid}.session-block{background:var(--bg-elevated);border:1px solid var(--border);opacity:.6;border-radius:8px;padding:.6rem}.session-block.active{opacity:1;border-color:var(--accent);box-shadow:0 0 0 1px #3b82f633}.session-time{color:var(--text-muted);font-size:.68rem;font-family:var(--mono)}.session-name{margin:.2rem 0;font-size:.82rem;font-weight:600}.session-desc{color:var(--text-muted);font-size:.68rem;line-height:1.4}.table-wrap{overflow-x:auto}.universe-table{border-collapse:collapse;width:100%;font-size:.75rem}.universe-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);text-transform:uppercase;white-space:nowrap;padding:.5rem .4rem;font-size:.65rem;font-weight:500}.universe-table td{vertical-align:middle;border-bottom:1px solid #1e2a3880;padding:.55rem .4rem}.universe-table tbody tr{cursor:pointer;transition:background .12s}.universe-table tbody tr:hover{background:var(--bg-elevated)}.universe-table tbody tr.selected{background:var(--accent-dim)}.universe-table tbody tr.actionable{box-shadow:inset 2px 0 0 var(--bull)}.universe-table td strong{font-family:var(--mono);display:block}.universe-table td small{color:var(--text-muted);font-size:.62rem}.status-pill{text-transform:uppercase;border-radius:4px;padding:.15rem .4rem;font-size:.62rem;font-weight:600}.pill-ok{background:var(--bull-dim);color:var(--bull)}.pill-warn{background:var(--warn-dim);color:var(--warn)}.pill-bad{background:var(--bear-dim);color:#f87171}.risk-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:.75rem;display:grid}.risk-stat{background:var(--bg-elevated);border-radius:6px;flex-direction:column;gap:.15rem;padding:.55rem;display:flex}.risk-stat span{color:var(--text-muted);text-transform:uppercase;font-size:.62rem}.risk-stat strong{font-family:var(--mono);font-size:1.1rem}.risk-list{color:var(--text-muted);font-size:.75rem}.risk-tags{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.risk-tag{font-family:var(--mono);background:var(--bear-dim);color:#f87171;border-radius:4px;padding:.15rem .4rem;font-size:.68rem}.analytics-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.analytics-block{background:var(--bg-elevated);border-radius:8px;padding:.75rem}.analytics-block.full-width{grid-column:1/-1}.analytics-block h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .6rem;font-size:.78rem}.kv-list{flex-direction:column;gap:.35rem;margin:0;display:flex}.kv-list div{justify-content:space-between;font-size:.75rem;display:flex}.kv-list dt{color:var(--text-muted)}.kv-list dd{margin:0;font-weight:500}.weight-row{grid-template-columns:90px 1fr 36px;align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.75rem;display:grid}.weight-track{background:var(--bg);border-radius:3px;height:6px;overflow:hidden}.weight-fill{background:var(--accent);border-radius:3px;height:100%}.price-chart{width:100%;height:auto;display:block}.macro-yields{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem;margin-bottom:.75rem;display:grid}.macro-yield,.macro-spread,.futures-stat{background:var(--bg-elevated);border-radius:6px;flex-direction:column;gap:.15rem;padding:.6rem;display:flex}.macro-yield span,.macro-spread span,.futures-stat span{color:var(--text-muted);text-transform:uppercase;font-size:.65rem}.futures-stats{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.cot-table{border-collapse:collapse;width:100%;font-size:.78rem}.cot-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border);padding:.35rem 0;font-size:.65rem}.cot-table td{border-bottom:1px solid #1e2a3880;padding:.45rem 0}.bias-pill{border-radius:4px;padding:.15rem .35rem;font-size:.62rem}.bias-pill.bull{background:var(--bull-dim);color:var(--bull)}.bias-pill.bear{background:var(--bear-dim);color:#f87171}.gantt-list{flex-direction:column;gap:.4rem;display:flex}.gantt-row{border-bottom:1px solid #1e2a3866;grid-template-columns:72px 4px 1fr auto;align-items:center;gap:.6rem;padding:.45rem 0;font-size:.75rem;display:grid}.gantt-time{font-family:var(--mono);color:var(--text-muted);font-size:.68rem}.gantt-marker{border-radius:2px;width:4px;height:28px}.gantt-body{flex-direction:column;gap:.1rem;display:flex}.gantt-body strong{font-size:.78rem}.gantt-body span{color:var(--text-muted);font-size:.68rem}.gantt-type{color:var(--text-muted);text-transform:uppercase;font-size:.62rem}.gantt-row.priority-critical .gantt-body strong{color:#f87171}@media (width<=900px){.analytics-grid{grid-template-columns:1fr}.risk-grid{grid-template-columns:repeat(2,1fr)}}.show-compact,.show-compact-flex{display:none!important}.header-titles,.header-brand{min-width:0}.btn-nav-toggle,.btn-nav-close,.pair-nav-backdrop{display:none}.btn-nav-toggle,.btn-nav-close{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;transition:border-color .15s,background .15s}.btn-nav-toggle:hover,.btn-nav-close:hover{border-color:var(--accent);background:var(--accent-dim)}.btn-nav-toggle{width:36px;height:36px;padding:0;font-size:1rem;line-height:1}.btn-nav-close{justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:1.25rem;line-height:1}.pair-nav-head{flex-direction:row!important;justify-content:space-between!important;align-items:center!important}.pair-nav-head-actions{align-items:center;gap:.5rem;display:flex}.universe-cards{display:none}.chart-container{width:100%}@media (width<=1280px){.layout{grid-template-columns:220px 1fr 280px;padding:1rem}}@media (width<=1100px){.layout{grid-template-columns:1fr;padding:1rem}.btn-nav-toggle,.pair-nav-backdrop{display:block}.btn-nav-close{display:inline-flex}.pair-nav-backdrop{z-index:40;opacity:0;pointer-events:none;cursor:default;background:#0000008c;border:none;margin:0;padding:0;transition:opacity .2s;position:fixed;inset:0}.pair-nav-backdrop.open{opacity:1;pointer-events:auto;cursor:pointer}.pair-selector{z-index:50;overscroll-behavior:contain;width:min(280px,86vw);padding-top:max(.75rem, env(safe-area-inset-top));padding-bottom:env(safe-area-inset-bottom);border-top:none;border-bottom:none;border-left:none;border-radius:0;margin:0;transition:transform .22s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.pair-selector.open{transform:translate(0);box-shadow:8px 0 32px #00000073}.layout-pair{grid-template-columns:1fr 300px;align-items:start;gap:1rem;display:grid}.layout-desk .side-column,.layout-macro .side-column{display:none}}@media (width<=768px){.show-wide,.show-wide-flex{display:none!important}.show-compact{display:inline!important}.show-compact-flex{display:flex!important}.header{flex-direction:column;align-items:stretch;gap:.65rem;padding:.75rem 1rem}.header h1{font-size:1rem}.header-meta{grid-template-columns:1fr 1fr auto;gap:.4rem;display:grid}.header-chip{justify-content:center;min-width:0;padding:.3rem .5rem;font-size:.72rem}.header-chip-live{grid-column:1/-1}.btn-refresh .show-wide{display:none!important}.btn-refresh{padding:.35rem .65rem;font-size:1rem;line-height:1}.error-banner{margin:0 1rem;font-size:.78rem}.error-banner span{margin-top:.25rem;display:block}.session-panel{border-left:none;border-right:none;border-radius:0;margin:0}.session-panel .panel-head{flex-direction:column;align-items:flex-start}.session-timeline{grid-template-columns:1fr 1fr}.tab-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.35rem;padding:0 .75rem .5rem;overflow-x:auto}.tab-nav::-webkit-scrollbar{display:none}.tab-nav button{white-space:nowrap;flex:1 0 auto;min-width:72px;padding:.45rem .75rem;font-size:.78rem}.layout,.layout-pair{grid-template-columns:1fr;gap:.75rem;padding:.75rem}.layout-pair .side-column{display:flex}.panel{border-radius:10px;padding:.85rem}.panel-head:not(.pair-nav-head){flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:.75rem}.panel-head h2{font-size:.9rem}.metric-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.metric-value{font-size:.9rem}.forecast-meta{grid-template-columns:1fr}.universe-table-wrap{display:none}.universe-cards{flex-direction:column;gap:.5rem;display:flex}.universe-card{text-align:left;background:var(--bg-elevated);border:1px solid var(--border);width:100%;color:var(--text);border-radius:10px;padding:.75rem;transition:border-color .15s,background .15s}.universe-card.selected{background:var(--accent-dim);border-color:var(--accent)}.universe-card.actionable{box-shadow:inset 3px 0 0 var(--bull)}.universe-card-top{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.65rem;display:flex}.universe-card-top strong{font-size:.95rem;display:block}.universe-card-top small{color:var(--text-muted);font-size:.65rem}.universe-card-metrics{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:.65rem;display:grid}.universe-card-metrics div{flex-direction:column;gap:.1rem;display:flex}.universe-card-metrics span{color:var(--text-muted);text-transform:uppercase;font-size:.62rem}.universe-card-metrics strong{font-size:.82rem}.universe-card-footer{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;gap:.5rem;padding-top:.55rem;font-size:.68rem;display:flex}.pair-venue{display:none}.scraper-grid{grid-template-columns:1fr 1fr}.gantt-row{flex-wrap:wrap;align-items:flex-start;gap:.35rem .5rem;display:flex}.gantt-time{flex:0 0 100%;font-size:.62rem}.gantt-marker{flex:0 0 4px;min-height:32px}.gantt-body{flex:1;min-width:0}.gantt-type{flex:0 0 100%;margin-top:-.25rem;padding-left:calc(4px + .5rem)}.volume-row{grid-template-columns:28px 1fr 64px;gap:.35rem}.volume-price,.cot-table{font-size:.72rem}.futures-stats{grid-template-columns:1fr}.risk-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.pivot-table{font-size:.72rem}}@media (width<=480px){.logo-mark{width:36px;height:36px;font-size:.95rem}.session-timeline,.metric-grid{grid-template-columns:1fr}.header-meta{grid-template-columns:1fr 1fr}.tab-nav button{min-width:64px;padding:.4rem .55rem}}