:root,[data-theme=dark]{--bg-primary:#0a0f1a;--bg-secondary:#111827;--bg-card:#1a2235;--bg-card-hover:#1f2a40;--border-color:#2a3548;--text-primary:#e5e7eb;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent-blue:#3b82f6;--accent-green:#10b981;--accent-amber:#f59e0b;--accent-red:#ef4444;--font-mono:"JetBrains Mono","Fira Code",ui-monospace,monospace;--shadow-card:0 1px 3px rgba(0,0,0,0.3);--overlay-bg:rgba(0,0,0,0.5);--text-on-color:#ffffff;--text-ghost:rgba(255,255,255,0.2);--bg-inset:rgba(0,0,0,0.2);--text-dim:#3a3a52;--bg-elevated:#0e0e15}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#ffffff;--bg-card:#ffffff;--bg-card-hover:#f1f5f9;--border-color:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent-blue:#2563eb;--accent-green:#059669;--accent-amber:#d97706;--accent-red:#dc2626;--shadow-card:0 1px 3px rgba(0,0,0,0.08);--overlay-bg:rgba(0,0,0,0.3);--text-on-color:#ffffff;--text-ghost:rgba(0,0,0,0.15);--bg-inset:rgba(0,0,0,0.04);--text-dim:#b0b8c8;--bg-elevated:#f1f5f9}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary)}a{color:var(--accent-blue);text-decoration:none}a:hover{text-decoration:underline}.app-layout{display:grid;grid-template-columns:220px 1fr;grid-template-rows:48px 1fr;grid-template-areas:"sidebar topbar" "sidebar main";height:100vh}.topbar{grid-area:topbar;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:.85rem}.topbar-title{font-weight:600;letter-spacing:.02em}.topbar-status{display:flex;gap:16px;color:var(--text-secondary);font-size:.8rem;font-family:var(--font-mono)}.sidebar{grid-area:sidebar;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:12px 0}.sidebar-brand{padding:8px 16px 20px;font-size:1.1rem;font-weight:700;letter-spacing:.04em;color:var(--accent-blue)}.sidebar-brand span{color:var(--text-muted);font-weight:400;font-size:.7rem;display:block;margin-top:2px}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:10px 16px;color:var(--text-secondary);font-size:.88rem;transition:all .15s;border-left:3px solid transparent}.sidebar-link:hover{background:var(--bg-card);color:var(--text-primary);text-decoration:none}.sidebar-link.active{background:var(--bg-card);color:var(--accent-blue);border-left-color:var(--accent-blue)}.sidebar-icon{width:18px;text-align:center;font-size:.95rem}.sidebar-hamburger{display:none;position:fixed;top:10px;left:10px;z-index:1001;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:8px;cursor:pointer}.sidebar-overlay{display:none}@media (max-width:767px){.app-layout{grid-template-columns:1fr;grid-template-areas:"topbar" "main";grid-template-rows:48px 1fr;width:100%;max-width:100vw;overflow-x:hidden}.sidebar{position:fixed;top:0;left:-260px;width:250px;height:100vh;z-index:1000;transition:left .25s ease;box-shadow:none}.sidebar.sidebar-open{left:0;box-shadow:4px 0 20px rgba(0,0,0,.5)}.sidebar-hamburger{display:block}.sidebar-overlay{display:block;position:fixed;inset:0;background:var(--overlay-bg);z-index:999}.topbar{padding:0 12px 0 52px;width:100%;max-width:100vw;overflow:hidden}.topbar-title{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-status{display:none!important}.main-content{padding:4px 0;width:100%;max-width:100vw;overflow-x:hidden}.card{padding:0;margin-bottom:4px;overflow:hidden;width:100%;box-sizing:border-box;border-radius:0!important;border-left:none!important;border-right:none!important}.page-header{margin-bottom:14px}.page-title{font-size:1.1rem}.page-subtitle{font-size:.78rem}.data-table{font-size:.72rem}.data-table td,.data-table th{padding:4px 6px}.card:has(.data-table){overflow-x:auto}table{font-size:10px}table td,table th{padding:4px 5px;font-size:10px;white-space:normal}.tab{padding:8px 12px;font-size:.8rem}.layout-with-aside{flex-direction:column!important}.layout-aside,.layout-with-aside>aside{width:100%!important;order:-1}.main-content div[style],.main-content main[style],.main-content section[style]{max-width:100%!important;box-sizing:border-box!important}div[style*="display: flex; gap: 2px"],div[style*="display:flex;gap:2px"]{flex-wrap:wrap!important;gap:4px!important}div[style*="display: flex; gap: 2px"]>button,div[style*="display:flex;gap:2px"]>button{padding:3px 6px!important;font-size:10px!important;flex:1 1!important}div[style*="display: flex; gap: 12px"],div[style*="display: flex; gap: 8px"],div[style*="display:flex;gap:12px"],div[style*="display:flex;gap:8px"]{flex-wrap:wrap!important}div[style*="background: var(--bg-primary)"][style*=border],div[style*="margin-bottom: 16px"],section[style*="background: var(--bg-card)"]{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.card>div[style*="padding: 12px 20px"],.card>div[style*="padding:12px 20px"]{padding-left:10px!important;padding-right:10px!important}.filter-row,.spot-controls{flex-direction:column!important}.filter-row{gap:6px!important}.filter-row input,.filter-row select{width:100%!important;min-width:0!important}.stats-bar{flex-wrap:wrap!important;gap:8px!important}div[style*="max-width: 1100px"],div[style*="max-width:1100px"],main[style*="max-width: 1100px"],main[style*="max-width:1100px"]{max-width:100%!important;padding-left:10px!important;padding-right:10px!important}.main-content *{max-width:100%}.main-content code,.main-content pre{overflow-x:auto;word-break:break-word}.evidence-badge{font-size:.65rem!important}.witness-main{max-width:100%!important;padding:4px 0!important}.congestion-bar-chart{overflow-x:auto!important;-webkit-overflow-scrolling:touch;min-width:0!important;height:220px!important;gap:4px!important;padding-bottom:8px!important}.congestion-bar-item{min-width:48px!important;flex-shrink:0!important}.congestion-bar-ctx{font-size:7px!important;max-width:56px!important;line-height:1.15!important}.congestion-bar-item>div:nth-child(2){font-size:10px!important}.congestion-cards{flex-direction:column!important;gap:8px!important}.congestion-cards>div{flex:none!important;width:100%!important}.congestion-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.congestion-table-wrap table{min-width:500px!important}.witness-main>div>section,.witness-main>section{padding:12px 10px!important}.witness-main div[style*=gridTemplateColumns]{grid-template-columns:1fr!important;gap:6px!important}.card div[style],.card>div[style]{padding-left:6px!important;padding-right:6px!important}.card{margin-left:0!important;margin-right:0!important;box-shadow:none!important;border:none!important;border-top:1px solid var(--border-color)!important}.zone-card{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 4px);min-width:calc(50% - 4px)!important;padding:8px 10px!important}.spot-hero-price{font-size:36px!important}.spot-stats-row{gap:6px!important}.spot-stats-row>div{flex-grow:1;flex-shrink:1;flex-basis:calc(33% - 4px);min-width:75px!important;padding:6px 8px!important}}.main-content{grid-area:main;padding:24px;overflow-y:auto}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:20px;margin-bottom:16px;box-shadow:var(--shadow-card)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-title{font-size:.95rem;font-weight:600}.data-table{width:100%;border-collapse:collapse;font-size:.85rem}.data-table th{text-align:left;color:var(--text-muted);font-weight:500;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.data-table td,.data-table th{padding:8px 12px;border-bottom:1px solid var(--border-color)}.data-table td{font-family:var(--font-mono);font-size:.82rem}.data-table tr:hover td{background:var(--bg-card-hover)}.evidence-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:4px;font-family:var(--font-mono);font-size:.72rem;color:var(--accent-green)}.evidence-badge.stale{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3);color:var(--accent-amber)}.evidence-badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.proof-pack-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .15s}.proof-pack-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.page-header{margin-bottom:24px}.page-title{font-size:1.4rem;font-weight:700;margin-bottom:4px}.page-subtitle{color:var(--text-muted);font-size:.88rem}.tab-row{display:flex;gap:0;border-bottom:1px solid var(--border-color);margin-bottom:20px}.tab{padding:10px 20px;color:var(--text-muted);font-size:.85rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.status-pill{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.72rem;font-weight:500}.status-pill.live{background:rgba(16,185,129,.15);color:var(--accent-green)}.status-pill.seed{background:rgba(59,130,246,.15);color:var(--accent-blue)}.status-pill.scaffold{background:rgba(245,158,11,.15);color:var(--accent-amber)}.status-pill.disabled{background:rgba(107,114,128,.15);color:var(--text-muted)}.status-pill.static{background:rgba(168,162,158,.12);color:#a8a29e}[data-theme=light] .card svg text{fill:var(--text-primary)!important}[data-theme=light] input[type=date],[data-theme=light] input[type=number],[data-theme=light] input[type=text],[data-theme=light] select{background:var(--bg-primary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=light] button{color:var(--text-secondary)}[data-theme=light] code{background:var(--bg-primary)}[data-theme=light] svg text{fill:var(--text-primary)}[data-theme=light] table,[data-theme=light] td,[data-theme=light] th{border-color:var(--border-color)!important;color:var(--text-primary)}[data-theme=light] ::-webkit-scrollbar{width:8px}[data-theme=light] ::-webkit-scrollbar-track{background:var(--bg-primary)}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}[data-theme=light] .main-content section{background:var(--bg-card)!important;color:var(--text-primary)!important}[data-theme=light] .main-content section,[data-theme=light] .main-content section div,[data-theme=light] .main-content section h3,[data-theme=light] .main-content section h4,[data-theme=light] .main-content section p,[data-theme=light] .main-content section span,[data-theme=light] .main-content section td,[data-theme=light] .main-content section th{border-color:var(--border-color)!important}