@font-face{font-family:Barlow;src:url('/fonts/Barlow-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('/fonts/Barlow-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Barlow;src:url('/fonts/Barlow-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}

:root{
  color-scheme:dark;
  --bg:#171b29;
  --surface:#1c2131;
  --surface-raised:#202637;
  --surface-hover:#252c3f;
  --border:#2b3246;
  --border-strong:#3a435b;
  --text:#f2f5f7;
  --muted:#8992a7;
  --muted-strong:#b5bdcc;
  --buy:#649d66;
  --sell:#ef4352;
  --teal:#36c5b5;
  --teal-dark:#0a6e5c;
  --amber:#d9a441;
  --radius:8px;
  --font:Barlow,Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;
}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{min-width:320px;background:var(--bg);scroll-behavior:smooth}
body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased}
button,input{font:inherit}
button,a{touch-action:manipulation}
button{color:inherit}
a{color:inherit}
.skip-link{position:fixed;z-index:100;top:.5rem;left:.5rem;padding:.6rem .8rem;background:var(--text);color:var(--bg);transform:translateY(-150%);border-radius:4px}
.skip-link:focus{transform:none}
:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.topbar{height:64px;padding:0 clamp(1rem,3vw,2rem);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:1rem;background:rgba(23,27,41,.96);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;white-space:nowrap;font-weight:600;letter-spacing:.075em;font-size:.8rem}
.brand img{width:168px;height:auto}
.product-label{border-left:1px solid var(--border-strong);padding-left:.7rem;color:var(--muted);font-size:.66rem;letter-spacing:.16em}
.topbar-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:flex-end;max-width:100%}
.mcp-connection{display:flex;align-items:center;gap:.42rem;color:var(--muted);font-size:.68rem;white-space:nowrap}
.mcp-connection[hidden]{display:none}
.topbar{height:auto;min-height:64px;flex-wrap:wrap;padding-top:.6rem;padding-bottom:.6rem}
.mcp-dot{width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 3px rgba(217,164,65,.1);flex:0 0 auto}
.mcp-dot.connected{background:var(--buy);box-shadow:0 0 0 3px rgba(100,157,102,.12)}
.mcp-dot.blocked{background:var(--sell);box-shadow:0 0 0 3px rgba(239,67,82,.1)}
.connection-button{border:0;border-bottom:1px solid rgba(54,197,181,.35);padding:0;background:transparent;color:var(--teal);font-size:.68rem;cursor:pointer}
.connection-button:disabled{color:var(--muted);cursor:wait}
.usage{display:grid;grid-template-columns:auto 58px minmax(42px,auto);align-items:center;gap:.5rem;margin-left:auto;color:var(--muted);font-size:.73rem;white-space:nowrap}
.usage-track{height:3px;background:var(--border);overflow:hidden}
.usage-track i{display:block;height:100%;width:0;background:var(--teal);transition:width .35s ease}
.usage strong{font-weight:500;color:var(--muted-strong);font-variant-numeric:tabular-nums}
.refresh-status{display:flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.68rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.refresh-status span:first-child{color:var(--muted-strong)}
.run-countdown{min-width:96px;min-height:40px;padding:.35rem .65rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.05rem;border:1px solid rgba(54,197,181,.45);border-radius:5px;background:rgba(54,197,181,.07);font-variant-numeric:tabular-nums;white-space:nowrap}
.run-countdown span{color:var(--muted);font-size:.55rem;letter-spacing:.12em}
.run-countdown strong{color:var(--teal);font-size:.86rem;font-weight:600;line-height:1.1}
.run-countdown[data-state="running"]{border-color:var(--amber);background:rgba(217,164,65,.08)}
.run-countdown[data-state="running"] strong{color:var(--amber)}
.run-countdown[data-state="paused"]{border-color:var(--border-strong);background:transparent}
.run-countdown[data-state="paused"] strong{color:var(--muted-strong)}
.evidence-toggle input{appearance:none;width:31px;height:17px;margin:0;border-radius:999px;background:var(--border-strong);border:1px solid transparent;position:relative;cursor:pointer;transition:.2s}
.evidence-toggle input::after{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:#d8dde7;left:2px;top:2px;transition:.2s}
.evidence-toggle input:checked{background:var(--teal-dark)}
.evidence-toggle input:checked::after{transform:translateX(14px);background:#fff}
.primary-button,.secondary-button{border:0;border-radius:5px;min-height:36px;padding:.55rem .85rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;font-size:.78rem;text-decoration:none;cursor:pointer;white-space:nowrap}
.primary-button{background:var(--teal);color:#0e2625}
.primary-button:hover{background:#47d1c0}
.primary-button:disabled{opacity:.7;cursor:not-allowed}
.secondary-button{background:transparent;color:var(--muted-strong);border:1px solid var(--border-strong)}
.activity-dots{display:none;gap:3px;align-items:center}
.activity-dots.visible{display:flex}
.activity-dots i{width:4px;height:4px;border-radius:50%;background:currentColor;animation:pulse 1.1s ease-in-out infinite}
.activity-dots i:nth-child(2){animation-delay:.15s}.activity-dots i:nth-child(3){animation-delay:.3s}

main{width:min(100%,1600px);margin:auto;padding:clamp(1rem,2.4vw,2rem)}
.market-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}
.eyebrow{margin:0 0 .35rem;color:var(--muted);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.market-heading .eyebrow{display:flex;align-items:center;gap:.45rem}
.live-dot{width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 3px rgba(217,164,65,.1)}
.live-dot.live{background:var(--buy);box-shadow:0 0 0 3px rgba(100,157,102,.12)}
h1,h2,p{margin-top:0}
h1{font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.05;margin-bottom:0;font-weight:500;letter-spacing:-.02em}
h1 span{color:var(--muted);font-weight:400;margin-left:.35rem}
.text-link{font-size:.8rem;color:var(--teal);text-decoration:none;border-bottom:1px solid rgba(54,197,181,.3);padding-bottom:.15rem;white-space:nowrap}
.text-link:hover{border-color:var(--teal)}

.summary{display:grid;grid-template-columns:1.35fr repeat(4,1fr);border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);margin-bottom:1rem;overflow:hidden}
.summary article{min-width:0;padding:1rem 1.15rem;border-left:1px solid var(--border)}
.summary article:first-child{border-left:0}
.metric-label{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem}
.summary strong{font-size:1.18rem;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.01em;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.summary-primary strong{font-size:1.45rem}
.summary small{display:block;color:var(--muted);font-size:.68rem;margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.positive{color:var(--buy)!important}.negative{color:var(--sell)!important}

.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1rem;align-items:start}
.chart-panel,.setup-panel,.history-panel{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius)}
.chart-panel{min-width:0;overflow:hidden}
.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border-bottom:1px solid var(--border)}
.chart-head{align-items:center;border-bottom:0;padding-bottom:.45rem}
.asset-line{display:flex;align-items:center;gap:.55rem}
.btc-mark{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f7931a;color:#fff;font-size:.85rem;font-weight:600;flex:0 0 auto}
.asset-line h2,.setup-panel h2{font-size:.9rem;font-weight:500;margin:0}
.asset-line h2 span{color:var(--muted);font-size:.7rem;margin-left:.3rem;font-weight:400}
.quote-line{margin-top:.35rem;display:flex;align-items:baseline;gap:.5rem;font-variant-numeric:tabular-nums}
.quote-line strong{font-size:1.2rem;font-weight:500}.quote-line span{font-size:.72rem;color:var(--muted)}
.chart-controls{display:flex;align-items:center;gap:.75rem}
.timeframes{display:flex;align-items:center;background:var(--bg);border:1px solid var(--border);padding:2px;border-radius:5px}
.timeframes button{min-width:32px;border:0;background:transparent;color:var(--muted);padding:.32rem .4rem;border-radius:3px;cursor:pointer;font-size:.7rem}
.timeframes button:hover{color:var(--text)}
.timeframes button[aria-pressed="true"]{background:var(--surface-hover);color:var(--text)}
#return-live{min-height:36px;border:1px solid var(--border-strong);border-radius:5px;background:var(--bg);color:var(--teal);padding:.4rem .6rem;cursor:pointer;font-size:.75rem;white-space:nowrap}
.chart-select{display:flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.68rem;white-space:nowrap}.chart-select select{min-height:32px;border:1px solid var(--border-strong);border-radius:4px;background:var(--bg);color:var(--muted-strong);padding:.25rem 1.35rem .25rem .4rem;font:inherit;font-size:.7rem}
.evidence-toggle{display:flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.7rem;white-space:nowrap;cursor:pointer}
.evidence-toggle input{width:27px;height:15px}.evidence-toggle input::after{width:9px;height:9px}.evidence-toggle input:checked::after{transform:translateX(12px)}
.ohlc{height:23px;padding:0 1.15rem;display:flex;align-items:center;gap:.8rem;color:var(--muted);font-size:.65rem;font-variant-numeric:tabular-nums}
.chart-wrap{height:clamp(390px,50vh,600px);position:relative}
#chart{position:absolute;inset:0}.liquidation-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.chart-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.65rem;background:var(--surface);color:var(--muted);font-size:.78rem;z-index:2}
.chart-status[hidden]{display:none}
.spinner{width:15px;height:15px;border:1px solid var(--border-strong);border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite}
.chart-foot{display:flex;align-items:center;justify-content:space-between;gap:.35rem .8rem;flex-wrap:wrap;padding:.55rem 1.15rem;border-top:1px solid var(--border);color:var(--muted);font-size:.62rem;letter-spacing:.04em}.chart-foot #tof-indicator{color:var(--teal);font-variant-numeric:tabular-nums}.chart-foot #map-indicator{color:var(--amber)}.chart-foot #options-indicator{color:var(--muted-strong);font-variant-numeric:tabular-nums}
.options-surfaces{border-top:1px solid var(--border)}.options-surfaces .report-charts{margin:0;border:0;border-radius:0;background:transparent}.options-surfaces .report-charts>summary{padding:.75rem 1.15rem}
.chart-hint>span:last-child{display:none}
@media(pointer:coarse){.chart-hint>span:first-child{display:none}.chart-hint>span:last-child{display:inline}}

.setup-panel{display:flex;flex-direction:column;min-width:0}
.setup-panel .panel-head{align-items:center}.setup-panel .eyebrow{margin-bottom:.3rem}
.stance{border:1px solid var(--border-strong);border-radius:999px;padding:.3rem .5rem;color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}
.stance.long{color:#9fcaa0;border-color:rgba(100,157,102,.35);background:rgba(100,157,102,.08)}
.stance.short{color:#fb8c96;border-color:rgba(239,67,82,.35);background:rgba(239,67,82,.08)}
.setup-empty{padding:2.5rem 1.5rem;text-align:center;color:var(--muted);font-size:.8rem;line-height:1.5;margin:auto}
.setup-empty p{margin:1.25rem 0 0}
.radar{width:76px;height:76px;margin:auto;border:1px solid var(--border-strong);border-radius:50%;position:relative;background:radial-gradient(circle,transparent 29%,var(--border) 30%,transparent 32%,transparent 63%,var(--border) 64%,transparent 66%)}
.radar::before,.radar::after{content:"";position:absolute;background:var(--border);left:50%;top:8px;bottom:8px;width:1px}.radar::after{transform:rotate(90deg)}
.radar i:first-child{position:absolute;width:5px;height:5px;background:var(--teal);border-radius:50%;left:50px;top:24px;box-shadow:0 0 0 5px rgba(54,197,181,.1)}
.setup-content{padding:1rem 1.15rem;overflow:auto}
.setup-summary{font-size:.82rem;line-height:1.55;color:var(--muted-strong);margin-bottom:1rem}
.levels{display:grid;grid-template-columns:1fr 1fr;margin:0 0 1rem;border:1px solid var(--border);border-radius:5px;overflow:hidden}
.levels div{padding:.65rem;border-top:1px solid var(--border);border-left:1px solid var(--border)}
.levels div:nth-child(-n+2){border-top:0}.levels div:nth-child(odd){border-left:0}
.levels dt{color:var(--muted);font-size:.63rem;text-transform:uppercase;letter-spacing:.06em}.levels dd{margin:.25rem 0 0;font-size:.78rem;font-variant-numeric:tabular-nums}
.evidence-details{border-top:1px solid var(--border);font-size:.75rem}
.evidence-details summary{padding:.75rem 0;color:var(--muted-strong);cursor:pointer;list-style:none;display:flex;justify-content:space-between}
.evidence-details summary::-webkit-details-marker{display:none}
.evidence-details summary::after{content:"+";color:var(--muted)}.evidence-details[open] summary::after{content:"−"}
.evidence-details summary span{margin-left:auto;margin-right:.5rem;color:var(--muted)}
.evidence-details ul{margin:0;padding:0 0 .75rem;list-style:none}
.evidence-details li{padding:.45rem 0;color:var(--muted);line-height:1.4;display:grid;grid-template-columns:6px 1fr;gap:.55rem}
.evidence-details li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--teal);margin-top:.35rem}
.evidence-details li button{width:max-content;max-width:100%;padding:0;border:0;border-bottom:1px solid rgba(54,197,181,.3);background:transparent;color:var(--teal);font:inherit;cursor:pointer;text-align:left}
.setup-meta{margin:auto 1.15rem 0;padding:.75rem 0;border-top:1px solid var(--border);color:var(--muted);font-size:.66rem}
.agent-state{padding:1rem 1.15rem;margin:auto 0}.agent-state-head{display:flex;align-items:center;gap:.55rem;color:var(--teal);font-size:.78rem}.agent-state ol{list-style:none;padding:0;margin:1rem 0 0}.agent-state li{position:relative;padding:.35rem 0 .35rem 1.35rem;color:var(--muted);font-size:.72rem}.agent-state li::before{content:"";position:absolute;left:2px;top:.65rem;width:5px;height:5px;border-radius:50%;background:var(--border-strong)}.agent-state li.active{color:var(--text)}.agent-state li.active::before{background:var(--teal);box-shadow:0 0 0 4px rgba(54,197,181,.1)}

.history-panel{margin-top:1rem;overflow:hidden}
.history-tabs{height:48px;padding:0 1.15rem;border-bottom:1px solid var(--border);display:flex;gap:1.5rem}
.history-tabs button{position:relative;border:0;background:transparent;color:var(--muted);padding:0;cursor:pointer;font-size:.78rem}.history-tabs button[aria-selected="true"]{color:var(--text)}.history-tabs button[aria-selected="true"]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--teal)}
.history-tabs span{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:.3rem;border-radius:999px;background:var(--surface-hover);font-size:.62rem}
.table-scroll{overflow-x:auto}
.table-scroll table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.74rem}
.table-scroll th{text-align:left;color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;font-weight:500;padding:.7rem 1.15rem;border-bottom:1px solid var(--border)}
.table-scroll td{padding:.8rem 1.15rem;border-bottom:1px solid var(--border);color:var(--muted-strong);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.table-scroll tbody tr{cursor:pointer}.table-scroll tbody tr:hover{background:var(--surface-hover)}.table-scroll tbody tr:focus-visible{outline:2px solid var(--teal);outline-offset:-2px}
.side{font-size:.63rem;text-transform:uppercase;letter-spacing:.06em}.side.long{color:var(--buy)}.side.short{color:var(--sell)}
.result{color:var(--muted);font-size:.65rem;text-transform:capitalize}
.empty-row{padding:2.5rem 1rem;text-align:center;color:var(--muted);font-size:.76rem}
.runs-list{display:grid;grid-template-columns:minmax(0,1fr)}
.run-item{border-bottom:1px solid var(--border)}.run-item:last-child{border-bottom:0}
.run-item>summary{display:grid;grid-template-columns:minmax(120px,1fr) minmax(100px,.8fr) 90px 22px;align-items:center;gap:1rem;padding:.85rem 1.15rem;cursor:pointer;list-style:none;font-size:.74rem}.run-item>summary::-webkit-details-marker{display:none}.run-item>summary:hover{background:var(--surface-hover)}
.run-time{color:var(--muted)}.run-status{display:flex;align-items:center;gap:.45rem;text-transform:capitalize}.run-status::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--muted)}.run-status.completed::before{background:var(--buy)}.run-status.failed::before{background:var(--sell)}.run-status.running::before{background:var(--teal);animation:pulse 1s infinite}.run-duration{color:var(--muted);text-align:right}.chevron{color:var(--muted);font-size:1rem;transition:transform .2s}.run-item[open] .chevron{transform:rotate(90deg)}
.run-body{padding:.25rem 1.15rem 1rem 1.15rem;background:rgba(0,0,0,.08)}
.run-summary{color:var(--muted-strong);line-height:1.45;font-size:.75rem;max-width:720px}.trace{list-style:none;margin:.8rem 0;padding:0;border-left:1px solid var(--border-strong)}.trace li{position:relative;margin-left:1rem;padding:.3rem 0;color:var(--muted);font-size:.7rem}.trace li::before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--teal);left:calc(-1rem - 3px);top:.65rem}.json-details{font-size:.7rem;color:var(--muted)}.json-details summary{cursor:pointer;width:max-content}.json-details pre{max-height:240px;overflow:auto;padding:.75rem;background:var(--bg);border:1px solid var(--border);border-radius:4px;color:#aeb9ce;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word}
.trace-section{margin:.55rem 0;padding:.55rem .7rem;border:1px solid var(--border);border-radius:4px;background:rgba(0,0,0,.08)}.trace-section h4{margin:0 0 .35rem;color:var(--text);font-size:.7rem;font-weight:600}.trace-value{margin:.25rem 0;color:var(--muted-strong);line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.technical-details{margin-top:.6rem}.technical-details pre{margin-top:.45rem}
.trace-table{font-size:.68rem;display:block;overflow:auto}.trace-table th,.trace-table td{padding:.3rem .45rem;white-space:nowrap}.trace-table th{font-size:.6rem}
.report-charts{margin:.8rem 0;border:1px solid var(--border);border-radius:5px;background:rgba(0,0,0,.08)}
.report-charts>summary{padding:.7rem .8rem;cursor:pointer;color:var(--muted-strong);font-size:.72rem;font-weight:500;list-style:none}.report-charts>summary::-webkit-details-marker{display:none}.report-charts>summary::after{content:"+";float:right;color:var(--muted)}.report-charts[open]>summary::after{content:"−"}
.report-chart-tabs{display:flex;gap:.35rem;padding:0 .8rem .65rem;overflow:auto}.report-chart-tabs button,.report-chart-stage footer button{border:1px solid var(--border-strong);border-radius:4px;background:transparent;color:var(--muted);font:inherit;font-size:.67rem;padding:.32rem .5rem;cursor:pointer;white-space:nowrap}.report-chart-tabs button[aria-pressed="true"]{border-color:var(--teal);color:var(--text);background:rgba(54,197,181,.08)}
.report-chart-stage{border-top:1px solid var(--border);padding:.65rem .8rem}.report-pane{margin-bottom:.7rem}.report-pane h4{margin:0;color:var(--text);font-size:.72rem;font-weight:500}.report-pane svg{display:block;width:100%;height:auto;max-height:230px;margin-top:.25rem;overflow:visible}.report-legend{display:flex;flex-wrap:wrap;gap:.3rem .8rem;margin-top:.25rem;color:var(--muted);font-size:.62rem}.report-legend span::before{content:"";display:inline-block;width:7px;height:7px;margin-right:.3rem;border-radius:50%;background:var(--series)}
.report-grid{stroke:var(--border);stroke-width:1}.report-zero{stroke:var(--muted);stroke-width:1}.report-reference{stroke:var(--amber);stroke-width:1;stroke-dasharray:4 3}.report-axis,.report-reference-label{fill:var(--muted);font:10px var(--font)}.report-reference-label{fill:var(--amber)}.report-pane svg [tabindex]:focus{outline:none;stroke:#fff;stroke-width:2}
.report-readout{display:block;min-height:1.1rem;color:var(--muted-strong);font-size:.62rem;font-variant-numeric:tabular-nums}
.report-cell-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.report-cell-controls select{min-width:0;max-width:100%;flex:1;min-height:44px;padding:.4rem;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:4px;font:inherit;font-size:16px}.report-heatmap svg{max-height:340px}
.report-chart-stage footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--muted);font-size:.62rem}.report-chart-stage footer button{border:0;border-bottom:1px solid rgba(54,197,181,.35);border-radius:0;padding:.2rem 0;color:var(--teal)}
.run-item,.report-charts{min-width:0;max-width:100%}.json-details summary{max-width:100%;overflow-wrap:anywhere}.report-plot{overflow-x:auto;scrollbar-width:thin}.report-pane svg{min-width:560px}.report-chart-stage footer{flex-wrap:wrap}.report-chart-stage footer button{white-space:normal;text-align:left}.report-reference-label{paint-order:stroke;stroke:var(--surface);stroke-width:3px}

dialog{width:min(440px,calc(100% - 2rem));border:1px solid var(--border-strong);border-radius:10px;background:var(--surface-raised);color:var(--text);padding:0;box-shadow:0 25px 80px rgba(0,0,0,.45)}
dialog::backdrop{background:rgba(8,11,18,.75);backdrop-filter:blur(4px)}
dialog form{padding:2rem;position:relative}dialog img{margin-bottom:1rem}dialog h2{font-size:1.4rem;font-weight:500;margin-bottom:.7rem}dialog p:not(.eyebrow){color:var(--muted-strong);line-height:1.55;margin-bottom:1.5rem}.close-button{position:absolute;right:.8rem;top:.65rem;width:44px;height:44px;background:transparent;border:0;color:var(--muted);font-size:1.5rem;cursor:pointer}.modal-actions{display:flex;flex-wrap:wrap;gap:.6rem}.modal-actions .primary-button{flex:1}.modal-actions .secondary-button{flex:0 0 auto}
.token-field{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.35rem}.token-field+input{width:100%;height:40px;margin-bottom:1rem;padding:0 .7rem;color:var(--text);background:var(--bg);border:1px solid var(--border-strong);border-radius:4px}.token-field+input:focus{border-color:var(--teal);outline:2px solid rgba(54,197,181,.2)}
.toast{position:fixed;right:1rem;bottom:1rem;z-index:50;max-width:min(360px,calc(100% - 2rem));padding:.7rem .85rem;border:1px solid var(--border-strong);border-left:3px solid var(--teal);border-radius:5px;background:var(--surface-raised);box-shadow:0 12px 35px rgba(0,0,0,.3);font-size:.75rem;color:var(--muted-strong)}

@keyframes pulse{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}
@keyframes spin{to{transform:rotate(360deg)}}

@media(max-width:960px){
  .workspace-grid{grid-template-columns:1fr}.setup-panel{min-height:310px}.summary{grid-template-columns:repeat(4,minmax(0,1fr))}.summary article:first-child{grid-column:1/-1}.summary article:not(:first-child){border-top:1px solid var(--border)}.summary article:nth-child(2){border-left:0}
}
@media(max-width:700px){
  .topbar{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem 1rem;padding:.75rem max(1rem,env(safe-area-inset-right)) .5rem max(1rem,env(safe-area-inset-left));backdrop-filter:none}
  .brand{min-height:32px}.brand img{width:144px}.product-label{display:none}
  .topbar-actions{grid-column:1/-1;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem}
  .usage{grid-template-columns:auto 32px auto;gap:.35rem;font-size:.7rem}
  .mcp-connection{min-width:0;gap:.35rem}.mcp-connection:not([hidden]){grid-column:1/-1}.mcp-connection>span:not(.mcp-dot){display:none}.connection-button{min-height:44px;font-size:.75rem;white-space:normal;text-align:left;border:0}
  .refresh-status{min-width:0;justify-self:start;line-height:1.2}.primary-button,.secondary-button{min-height:44px;padding:.6rem .75rem;font-size:.8rem}
  main{padding:1rem max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}
  .market-heading{align-items:center}.market-heading .eyebrow{font-size:.65rem;line-height:1.4}.market-heading h1 span{display:block;margin:.3rem 0 0;font-size:.8rem}.market-heading .text-link{min-height:44px;display:flex;align-items:center;gap:.35rem;border:0}
  .summary{grid-template-columns:repeat(2,minmax(0,1fr))}.summary article{padding:.8rem 1rem}.summary article:first-child{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.25rem .5rem}.summary-primary .metric-label{margin:0}.summary-primary strong{grid-column:2;grid-row:1/3}.summary-primary small{margin:0;white-space:normal}.summary article:nth-child(odd){border-left:0}.summary article:nth-child(3){border-left:1px solid var(--border)}.summary article:nth-child(4){border-left:0}.summary article:nth-child(5){border-left:1px solid var(--border)}
  .chart-head{align-items:flex-start;flex-direction:column;gap:.75rem}.chart-controls{width:100%;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.chart-select select{min-height:44px;font-size:16px}.chart-wrap{height:clamp(360px,56svh,480px)}.panel-head{padding:1rem}.chart-foot{padding:.65rem 1rem}.ohlc{height:auto;min-height:38px;padding:.35rem 1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem .5rem;font-size:.7rem}
  .timeframes{flex:1;min-width:0}.timeframes button{flex:1;min-width:40px;min-height:44px;font-size:.78rem;padding:.35rem}.evidence-toggle{min-height:44px;font-size:.75rem}.asset-line h2{font-size:1rem}.quote-line strong{font-size:1.45rem}
  #return-live{flex:0 0 auto;min-height:44px}.setup-content{padding:1rem}.setup-summary{font-size:.9rem;line-height:1.6}.levels dd{font-size:.9rem;overflow-wrap:anywhere}.levels dt{font-size:.68rem}.evidence-details{font-size:.85rem}.evidence-details summary{min-height:44px;align-items:center}.evidence-details li button{min-height:44px;overflow-wrap:anywhere}.evidence-details li{grid-template-columns:6px minmax(0,1fr)}.setup-meta{font-size:.75rem;line-height:1.5}
  .history-tabs{padding:0 1rem;gap:0}.history-tabs button{flex:1;font-size:.85rem}
  #trades-panel :is(table,thead,tbody,tr,th,td){display:block}#trades-panel thead{display:none}#trades-panel tbody{padding:0 1rem}#trades-panel tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem .75rem;padding:1rem 0;border-bottom:1px solid var(--border)}#trades-panel td{padding:.2rem 0;border:0;white-space:normal;font-size:.85rem;overflow-wrap:anywhere}#trades-panel td::before{content:attr(data-label);display:block;color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.25rem}
  .run-item>summary{grid-template-columns:minmax(0,1fr) auto 16px;gap:.45rem .5rem;padding:1rem;font-size:.85rem}.run-time{grid-column:1/3}.run-status{grid-row:2}.run-duration{grid-row:2;grid-column:2}.chevron{grid-row:1/3;grid-column:3}.run-body{padding:.25rem 1rem 1rem}.run-summary{font-size:.88rem;line-height:1.6}.trace li{margin-left:.6rem;font-size:.8rem}.trace li::before{left:calc(-.6rem - 3px)}.json-details{font-size:.8rem}.json-details summary{min-height:44px;padding:.65rem 0;line-height:1.5}.trace-section{padding:.5rem}.trace-section h4{font-size:.8rem}
  .report-charts>summary{min-height:44px;font-size:.85rem}.report-chart-tabs{scroll-padding:.75rem;scrollbar-width:thin}.report-chart-tabs button{flex-shrink:0;min-height:44px;font-size:.78rem}.report-chart-stage footer{font-size:.75rem;line-height:1.5}.report-chart-stage footer button{min-height:44px;font-size:.8rem}.report-pane h4{font-size:.85rem}.report-readout{font-size:.75rem;line-height:1.5}.report-legend{font-size:.72rem}
  .report-pane svg{min-width:0;max-height:none}.report-axis,.report-reference-label{font-size:15px}
  dialog{max-height:calc(100svh - 2rem)}dialog form{padding:1.5rem}.modal-actions{flex-direction:column}.modal-actions>*{width:100%}.token-field+input{font-size:16px;height:44px}
}
@media(max-width:430px){
  .brand img{width:128px}.topbar{column-gap:.5rem}.usage{grid-template-columns:auto auto}.usage-track{display:none}.topbar-actions{gap:.35rem}.connection-button{font-size:.7rem}.refresh-status{font-size:.64rem;white-space:normal}.market-heading .text-link{font-size:.75rem}.summary strong{font-size:1.1rem}.summary-primary strong{font-size:1.35rem}
  .timeframes{flex-basis:100%}.timeframes button{min-width:44px}.evidence-toggle{margin-left:auto;min-height:44px}.chart-head{padding-bottom:0}.chart-foot{font-size:.6rem}.chart-hint{display:none}.summary small{font-size:.7rem}
}
.trace-section{max-width:100%;overflow-x:auto;min-width:0}.trace-section summary{cursor:pointer;padding:.5rem 0;min-height:44px;color:var(--muted-strong)}.trace-value{overflow-wrap:anywhere;line-height:1.6}.trace-table{width:100%;border-collapse:collapse;font-size:.75rem;font-variant-numeric:tabular-nums}.trace-table th,.trace-table td{padding:.5rem;text-align:left;border-bottom:1px solid var(--border)}.trace-table th{color:var(--muted);font-weight:500}.trace-table td{max-width:24rem;overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
