/* Shared trading terminal. The source image's charcoal surfaces and mint price line
   are applied to real dashboard/replay content, with one consistent token palette. */
:root {
  color-scheme:dark;
  --canvas:#0d1113; --panel:#151b1d; --panel-raised:#1c2427; --control:#232c2f;
  --text:#edf2f1; --muted:#929fa2; --line:#293235;
  --mint:#b7e9dd; --lavender:#b8b0e6; --amber:#d6b783; --red:#ec92a0;
  --purple:var(--mint); --purple-light:#20322f; --blue:var(--lavender);
  background:var(--canvas); color:var(--text);
}
body {font-size:13px;letter-spacing:0;background:var(--canvas);color:var(--text)}
button,input,select {font-family:inherit}
button:hover {filter:none}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible {outline:2px solid var(--mint);outline-offset:3px}
[hidden] {display:none!important}
.terminal-header {height:68px;padding:0 24px;display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line);background:#101618}
.terminal-brand {display:flex;align-items:center;flex-shrink:0}
.terminal-brand img {display:block;object-fit:contain;width:137px;height:auto}
.terminal-divider {width:1px;height:24px;background:var(--line)}
.terminal-nav {display:flex;align-items:stretch;align-self:stretch;gap:28px}
.terminal-nav a {display:flex;align-items:center;position:relative;color:var(--muted);font-size:13px;font-weight:500;white-space:nowrap}
.terminal-nav a:hover {color:var(--text)}
.terminal-nav a[aria-current=page] {color:var(--mint)}
.terminal-nav a[aria-current=page]:after {content:'';height:2px;position:absolute;bottom:0;left:0;right:0;background:var(--mint)}
.terminal-header-end {margin-left:auto;display:flex;gap:24px;align-items:center}
.terminal-status {display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap;color:var(--muted)}
.terminal-status i,.auto-label i {display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%}
.terminal-launch {border-radius:7px;background:#e8f1ee;padding:10px 15px;display:flex;gap:18px;align-items:center;color:#15221e;font-size:12px;font-weight:600}
.terminal-launch:hover {background:var(--mint)}
.page {margin:0}
main {max-width:1800px;padding:18px 22px 22px;margin:auto}
.heading-row {margin:0 0 14px;gap:18px;align-items:center}
.heading-row>div:first-child {display:flex;align-items:center;gap:18px}
.heading-row h1 {font-family:inherit;font-size:18px;font-weight:550;letter-spacing:-.4px;color:var(--text);margin:0;gap:9px;white-space:nowrap}
.beta {font-size:12px;letter-spacing:.8px;border:1px solid #35413f;color:#a8c5bc;background:#182520;padding:3px 5px}
.subtitle {font-size:12px;color:var(--muted);margin:0;max-width:none}
.heading-row .button {padding:7px 11px;font-size:12px}
.heading-actions {margin:0}
.button {border-color:var(--line);background:var(--panel-raised);color:#c6d1d0;box-shadow:none}
.button:hover {background:#293538}
.button.primary {background:var(--mint);color:#183129;border-color:var(--mint);box-shadow:none}
.text-button {color:#b1bcbf;font-size:12px}
.text-button:hover {color:var(--mint)}
.eyebrow {color:var(--muted)}
.data-notice {border-color:#33342c;background:#20221e;color:#b4b3a1;border-radius:6px;font-size:12px;padding:7px 11px;margin:0 0 12px;line-height:1.7}
.data-notice strong {color:#d0cfb8}
.notice-icon {font-size:13px;color:#beb99d}
.data-notice button {color:#c8c2a7}
.notice-sep {color:#72776d}
.replay-notice {order:0;background:transparent;border:0;padding:0 1px 10px;margin:0;color:#8b989b;font-size:12px}
.replay-notice strong {font-weight:500;color:#aebabb}
.model-tag {font-size:12px;color:#859894;letter-spacing:.9px}
.market-strip {display:flex;align-items:center;gap:0;background:var(--panel);border:1px solid #242e31;border-radius:9px;margin-bottom:10px;min-height:76px;overflow:hidden}
.asset-picker {min-width:168px;align-self:stretch;padding:0 20px;gap:6px;display:flex;align-items:center;flex-wrap:wrap;align-content:center;border-right:1px solid var(--line);background:#192022}
.asset-picker>label {font-size:12px;display:block;flex-basis:100%;color:#849499;margin-bottom:4px}
.asset-picker select {font-size:20px;max-width:145px;font-weight:550;color:var(--text);padding:0 6px 0 0;cursor:pointer}
.reference-label {display:none}
.market-stat {padding:12px 22px;min-width:125px;display:grid;gap:6px;white-space:nowrap}
.market-stat>span {font-size:12px;color:var(--muted)}
.market-stat b {font-size:12px;font-weight:400;margin-left:4px;color:#667c80}
.market-stat>strong {font-size:15px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.2px}
.market-price>strong {color:var(--mint)}
.market-source {margin-left:auto;padding:0 18px;border-left:1px solid var(--line);display:grid;gap:7px;max-width:245px;align-items:center}
#history-status {color:#7e9195;font-size:12px;line-height:1.6}
.replay-workspace {display:grid;grid-template-columns:minmax(0,1fr) 308px;gap:10px;align-items:stretch}
.chart-column {display:flex;min-width:0}
.chart-panel,.assumptions-panel,.pnl-panel,.inspection-column {background:var(--panel);border:1px solid #242e31;border-radius:9px;box-shadow:none}
.chart-panel {width:100%;display:flex;flex-direction:column;overflow:hidden}
.chart-tools {padding:12px 15px;gap:12px;min-height:57px;border-bottom:1px solid #222c2f}
.chart-tab {font-size:12px;font-weight:500;white-space:nowrap;color:var(--text)}
.segments {background:#20282b;border:1px solid #2b3437;border-radius:6px;padding:2px;gap:0}
.segments button {color:#9eaaad;font-size:12px;padding:6px 9px}
.segments button[aria-pressed=true] {background:#354144;box-shadow:none;color:#e6efee;font-weight:500}
#chart-modes {margin-left:auto}
#chart-modes button[aria-pressed=true] {background:#2c3d38;color:var(--mint)}
.drag-hint {display:none}
.chart-tools .text-button {margin-left:0;font-size:12px;padding:6px 0 6px 6px}
.price-chart-shell {height:360px;min-height:330px;flex:1;margin:7px 7px 0}
#selection-band {background:#b7e9dd06;border-color:#789c9380}
.selection-label {background:#263d37;border:1px solid #577b6c;color:#c6ece1;font-size:12px;opacity:1;top:5px;line-height:17px}
.range-handle {background:#2b423c;border-color:#6e9b8d;box-shadow:none;width:10px;height:26px}
.range-handle:after {color:#bbdfd4;top:5px;left:1px}
.chart-attribution {padding:5px 16px 9px;color:#76878b;font-size:12px}
.chart-attribution a {color:#869a9e}
#chart-empty {background:var(--panel);color:#a9b6b6}
.loading-ring {border-color:#354541;border-top-color:var(--mint)}
.range-strip {padding:10px 16px;gap:12px;background:#192123;border-color:var(--line)}
.range-strip label {font-size:12px;color:#91a0a3;gap:4px}
.range-strip select {font-size:12px;font-weight:500;color:#c3cfce}
.range-summary {gap:5px;margin-left:12px}
.range-summary strong {color:#bccbc7;font-size:12px;font-weight:500}
.range-summary span {font-size:12px;color:var(--muted)}
.range-arrow {color:#739b8d;padding-top:12px}
.range-presets {padding:7px 16px;border-color:var(--line);color:#839498;font-size:12px}
.range-presets button {color:#9fadaf;padding:5px 8px}
.range-presets button.selected {color:var(--mint);background:#253732}
.assumptions-panel {display:block;padding:17px 18px;min-width:0}
.assumptions-heading {margin:0 0 15px}
.assumptions-heading h2 {font-size:15px;font-weight:500;letter-spacing:-.2px}
.assumptions-heading>span {color:#9dafaa;font-size:12px}
.auto-label {display:flex;align-items:center;gap:5px}
.field-label {font-size:12px;color:#93a3a5}
.capital-field {border:1px solid #313c3f;border-radius:6px;margin:7px 0 8px;padding:7px 11px;gap:5px;background:#20282b;font-size:23px;color:#a6b3b4}
.capital-field input {color:#e5efed;font-size:23px;font-weight:500;line-height:1.2;letter-spacing:-.6px}
.budget-presets {gap:6px}
.budget-presets button {font-family:inherit;font-size:12px;font-weight:500;border-color:#2c373a;background:#1b2426;color:#9caeae;padding:6px;border-radius:5px}
.budget-presets button.selected {background:#293c35;border-color:#526f60;color:#c9eddf}
.assumptions-panel .assumption-section {border:0;padding:0;margin:15px 0 0;grid-column:auto;grid-row:auto}
.assumption-section h3 {font-size:12px;font-weight:500;margin:0 0 9px;color:#c6cfce}
.assumption-section h3 span {font-size:12px;color:#829396}
.control-label {font-size:12px;color:#92a3a6;gap:6px}
.control-label select {font-family:inherit;font-size:12px;color:#d3dddb;background:#20282b;border-color:#313c3f;padding:8px}
.field-grid {gap:12px;margin-top:12px}
.field-grid:has(.adjust-control) {row-gap:13px}
.field-grid label {color:#9ba8aa;font-size:12px}
.input-unit {background:#20282b;border-color:#313c3f;padding:7px 8px}
.input-unit input {font-family:inherit;font-size:12px;color:#d4dfdc}
.input-unit span {color:#92a29f}
.adjust-control {--control-color:var(--mint);--control-soft:#293d36}
.adjust-control:has(#leverage) {--control-color:var(--amber);--control-soft:#3d3528}
.adjust-heading label {font-size:12px;color:#a5b3b4}
.adjust-heading .input-unit {width:83px;padding:5px 7px;background:#202a2b;border-color:#344042}
.adjust-heading .input-unit input {font-size:13px;font-weight:500}
.adjust-heading .input-unit:focus-within {background:#273735;border-color:var(--mint)}
.adjust-slider {height:29px}
.adjust-slider::-webkit-slider-runnable-track {height:3px;background:linear-gradient(to right,var(--control-color) var(--progress),#354144 var(--progress))}
.adjust-slider::-moz-range-track {height:3px;background:linear-gradient(to right,var(--control-color) var(--progress),#354144 var(--progress))}
.adjust-slider::-webkit-slider-thumb {width:11px;height:11px;margin-top:-4px;border:1px solid #e7fffa;background:var(--control-color);box-shadow:0 0 0 3px #16221e}
.adjust-slider::-moz-range-thumb {width:10px;height:10px;border:1px solid #e7fffa;background:var(--control-color);box-shadow:none}
.adjust-limits {font-size:12px;color:#819296;margin-top:-2px}
.adjust-presets {gap:5px;margin-top:7px}
.adjust-presets button {font-family:inherit;min-height:25px;padding:4px 2px;font-size:12px;border-color:#303b3e;background:#1d2629;color:#a0b0b1;border-radius:4px;font-weight:400}
.adjust-presets button[aria-pressed=true] {border-color:#506b60;background:#283c34;color:var(--mint);font-weight:500}
.field-help,#iv-adjust .field-help {color:#829498;font-size:12px;line-height:1.55;margin-top:7px}
.hv-summary {font-size:12px;color:#96aaa9;margin-top:9px;gap:4px}
.hv-summary strong {color:var(--mint);font-weight:500}
#iv-range-note {color:#a4b6b2}
#hv-basis {font-size:12px!important}
.advanced {margin:14px 0 0;padding:12px 0 0;border-color:var(--line)}
.advanced summary {font-size:12px;color:#a3b2b3}
.advanced .field-grid {row-gap:12px}
.scenario-summary {border-top:1px solid var(--line);margin-top:12px;padding-top:12px;display:flex;flex-wrap:wrap;gap:7px 13px;font-size:12px;color:#819598}
.scenario-summary b {color:#b4c8c1;font-size:12px;font-weight:400;margin-left:3px}
.assumptions-foot {font-size:12px;color:#839598;margin-top:7px;line-height:1.6}
#input-error {background:#34242a;color:#f4a3b0;font-size:12px}
.results-section {margin-top:18px}
.section-heading {margin-bottom:12px;gap:10px}
.section-heading h2 {font-size:13px;font-weight:500;letter-spacing:0;margin:0}
.section-heading h2>span {color:#97a7a8;font-size:12px}
.result-period {color:#8a9da1;font-size:12px}
.result-cards {gap:10px}
.result-card {padding:18px;border:1px solid #263134;background:var(--panel);border-radius:9px}
.result-card:before {display:none}
.result-card.option {--series:var(--lavender)}
.result-card.spot {--series:var(--mint)}
.result-card.perp {--series:var(--amber)}
.result-card-top {margin-bottom:15px}
.result-card h3 {font-size:12px;font-weight:500;gap:7px}
.result-chip {font-size:12px;color:#9dadae;background:#222c2e;border-radius:4px;padding:4px 6px}
.result-pnl {font-family:inherit;font-size:28px;font-weight:500;letter-spacing:-.8px;line-height:1.25}
.result-return {display:inline;font-size:12px;letter-spacing:0;margin-left:7px}
.terminal-value {font-size:12px;color:#869b9e;margin-top:8px}
.terminal-value strong {color:#c0ceca;font-weight:400}
.result-details {border-color:#293436;padding-top:11px;margin-top:14px;gap:7px}
.result-details>div {font-size:12px;color:#8fa2a6}
.result-details strong {font-size:12px;color:#b8c6c3;font-weight:400}
.positive {color:var(--mint)!important}
.negative {color:var(--red)!important}
.neutral {color:#a0afaf}
.swatch {width:6px;height:6px;border-radius:50%}
.swatch.option {background:var(--lavender)}
.swatch.spot {background:var(--mint)}
.swatch.perp {background:var(--amber)}
.analysis-grid {display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:10px;margin-top:12px;align-items:stretch}
.pnl-panel {padding:18px 17px 0;margin:0;min-width:0}
.pnl-panel .section-heading {margin-bottom:14px}
.pnl-panel .section-heading p {font-size:12px;color:#8da0a3;line-height:1.7}
.pnl-legend {font-size:12px;color:#a6b7b6;gap:15px}
#pnl-chart {height:235px}
.result-notes {border-color:var(--line);font-size:12px;color:#8ea0a5;padding:10px 0}
.result-notes .event {color:#bfad91}
.inspection-column {min-width:0;overflow:hidden}
.inspection-panel {background:transparent;border:0;padding:18px 16px 13px}
.inspection-heading {gap:8px;margin-bottom:14px;flex-wrap:wrap}
.inspection-heading strong {font-size:12px;font-weight:500}
.inspection-heading>span {color:#a4b7b0;font-size:12px}
.inspection-controls {gap:4px;flex-wrap:wrap;margin-bottom:15px}
.inspection-controls button {background:#263336;border-color:#3b4a4d;color:#bbd5cd;width:28px;height:28px}
.inspection-controls select {color:#c3d0cc;font-size:12px;max-width:240px}
.inspection-controls>span {font-size:12px;color:#8ca6a4;flex-basis:100%;margin:4px 0 0}
.inspection-values {gap:10px}
.inspection-value>span {font-size:12px;color:#9eb1b1}
.inspection-value>strong {font-size:16px;font-weight:500;letter-spacing:-.4px}
.inspection-value small {color:#91a5a6;font-size:12px;line-height:1.6}
.inspection-help {color:#7f9497;font-size:12px;line-height:1.7;margin-top:12px}
.event-toolbar {border-color:var(--line);padding:12px 16px 5px;color:#a2b3b3;font-size:12px}
.event-toolbar b {background:#273a33;color:var(--mint);font-weight:400}
.event-toolbar label {font-size:12px;color:#8fa5a4}
.event-toolbar input {accent-color:var(--mint)}
.chart-events {flex-wrap:wrap;gap:6px;padding:7px 16px 14px;max-height:220px;overflow:auto;scrollbar-color:#3b4d50 transparent}
.chart-event {border-color:#2d3a3d;background:#1d282a;padding:7px 9px 7px 11px;gap:4px;flex:1 1 130px;max-width:none}
.chart-event:hover,.chart-event.inspected {background:#2d3d37;border-color:#627f71}
.chart-event strong {font-size:12px;font-weight:500}
.chart-event span {color:#95a8a9;font-size:12px}
.chart-inspector {background:#202b2deb;backdrop-filter:blur(14px);border-color:#4c6161;box-shadow:0 8px 26px #0005;color:var(--text)}
.inspector-title strong {color:#cfdfdb;font-weight:500}
.inspector-title>span {color:#9db3ab}
.inspector-rows>div>span {color:#a8baba}
.inspector-rows small {color:#869a9a}
.inspector-rows strong {font-weight:500}
.chart-inspector p {border-color:#3b4c4d;color:#c4b396}
.inspection-guide {border-color:#97beb399}
.inspection-dot {border-color:#d5f4ea;box-shadow:0 0 0 2px #21362c}
.page-footer {border-color:var(--line);color:#6e858b;font-size:12px;margin-top:22px;padding-top:15px}
.footer-logo {display:none}
.footer-separator {color:#546c71}
/* Spread monitor keeps a compact asset rail because its task is scanning markets. */
.spread-page .sidebar {top:68px;width:204px;bottom:0;padding:20px 12px 0;background:#12191b;border-color:var(--line)}
.spread-page .page {margin-left:204px}
.side-heading {color:#a7b7b8;font-size:12px;padding:0 8px}
.side-heading span {border-color:#354448;color:#9caeaf}
.search-wrap {border-color:#303d40;background:#192326;height:35px;margin:14px 2px 10px}
.search-wrap input {color:#d5e3df;font-size:12px}
.search-wrap input::placeholder {color:#7a949a}
.search-wrap kbd {border-color:#384e54;color:#839ea3}
.type-filters {margin:0 0 10px}
.type-filters button {color:#8eaaad}
.type-filters button.selected {background:#2a3c34;color:var(--mint)}
.asset-list {scrollbar-color:#314248 transparent}
.asset-nav {padding:10px 6px;gap:8px;border-radius:6px}
.asset-nav:hover {background:#1e2c2e}
.asset-nav.chosen {background:#23392f;box-shadow:inset 2px 0 #a4d5bf}
.asset-nav.chosen .asset-nav-name strong,.asset-nav.chosen .asset-nav-price {color:#cae8db}
.asset-logo {width:28px;height:28px;font-size:12px;box-shadow:none;filter:saturate(.65)}
.asset-nav-name small {color:#789197}
.asset-nav-price {color:#a1b5b8}
.sidebar-bottom {border-color:var(--line);padding:15px 6px;color:#a5b8b7}
.sidebar-bottom span {color:#789297}
.side-mini-logo {background:#2b3a31;color:var(--mint)}
.metrics {gap:10px;margin-bottom:14px}
.metric-card {background:var(--panel);border-color:#2a3739;border-radius:8px;min-height:120px;padding:15px 16px;box-shadow:none}
.metric-label {font-size:12px;color:#8ea4a7;letter-spacing:.3px}
.metric-mark,.metric-decoration {display:none}
.metric-value {font-family:inherit;font-weight:500;font-size:28px;color:#dcebe5;margin:10px 0}
.metric-card:first-child .metric-value {color:var(--mint)}
.metric-card:nth-child(2) .metric-value {color:var(--lavender)}
.metric-value>span {color:#8fa3a5;font-size:12px}
.metric-foot {color:#8da3a6;font-size:12px}
.legend-dot.purple {background:var(--mint)}
.legend-dot.blue {background:var(--lavender)}
.coverage-track {background:#30443b;bottom:45px;width:45px}
.coverage-track i {background:#89bca5}
.workspace-panel,.detail-card,.strategy-card {background:var(--panel);border-color:#2a3739;box-shadow:none}
.controls-row {min-height:57px;padding:0 18px}
.strategy-tabs {gap:24px;height:57px}
.strategy-tabs button {font-size:12px;color:#8da5aa}
.strategy-tabs button span {color:#78949a}
.strategy-tabs button.active {color:var(--mint)}
.strategy-tabs button.active:after {background:var(--mint)}
.select-controls label {color:#8ea4a8}
.select-controls select {background:#202b2e;border-color:#33484d;color:#bfcecc}
.table-heading {padding:18px}
.table-heading h2 {font-size:13px;font-weight:500}
.table-heading h2>span {background:#2b3e35;color:#b0d7c3;border-color:#445d4e}
.table-heading p {color:#8fa4a7;font-size:12px}
.table-scroll {scrollbar-color:#35494e transparent;max-height:420px}
.table-scroll table {min-width:920px}
.table-scroll th {background:#1c272a;color:#8ba5ac;border-color:#2d4045;padding:10px 13px}
.table-scroll .cp-group {background:#20332c;border-color:#314a3e;color:#b5dbca}
.table-scroll .us-group {background:#292a38;color:#c5bfdf;border-color:#373b4a}
.us-group .mini-badge,.mini-badge {color:#95afa5}
.contract-unit-note {display:block;font-size:11px;font-weight:400;line-height:1.6;margin-top:4px;color:#a7bec2;white-space:normal}
.subhead th:nth-child(-n+3) {background:#1b2924}
.subhead th>span {color:#758d90}
.table-scroll td {border-color:#233438;height:62px;padding:12px 13px}
.cp-zone {background:#17231f}
.table-scroll tbody tr:hover td {background:#273a33}
.table-scroll tr.selected-row td {background:#2a3d34}
.table-scroll tr.selected-row td:first-child {box-shadow:inset 2px 0 #b7e9dd}
.quote-pair>span:first-child {color:#a6c2b7}
.quote-pair strong {color:#e0ede7;font-weight:500}
.quote-slash {color:#5e787e}
.cell-small {color:#7f9c9f;font-size:12px}
.asset-cell small {color:#8da7ac}
.purple-text {color:var(--mint)!important}
.blue-text {color:var(--lavender)!important}
.spread-value {font-family:inherit;font-size:12px;font-weight:500}
.cost-item {color:#7e9a9f}
.cost-item.focus-cost {color:#cedfdb;font-weight:500}
.match-badge.exact {color:#abd5be;background:#294235}
.match-badge.different {color:#d8be8d;background:#3a3427}
.match-badge.unavailable {color:#839ba0;background:#243137}
.unavailable,.muted {color:#76949b}
.table-footer {color:#7d9ba2;font-size:12px;border-color:var(--line)}
.detail-section {margin-top:20px}
.detail-title {margin-bottom:13px}
.detail-identity h2 {color:#dceae5;font-family:inherit;font-weight:500}
.detail-identity h2>span,.detail-identity p {color:#8fa7ac}
.soft-badge {background:#1c2a2c;border-color:#344a4f;color:#96b4b9}
.detail-card {padding:18px;border-radius:9px}
.card-heading h3 {font-size:12px;font-weight:500}
.card-heading p {color:#8ba5aa}
.range-chart {height:160px}
.axis-label,.chart-venue {fill:#8ba9ac}
.range-label {fill:#c1d6cf}
.chart-note {background:#1e2b2d;color:#93adaf}
.budget-table td {border-color:#293d41;color:#b7ceca}
.budget-table td:first-child {color:#8ba7ac}
.budget-table .cost-highlight td {background:#26392f;color:#bde5d3}
.budget-table .cost-highlight td:first-child {color:#a2bcb3}
.coverage-notes {border-color:#2d4146;color:#8ba6ac}
.strategy-card.current {background:#25372e;border-color:#5b7a67;box-shadow:none}
.payoff-icon {stroke:#b5dfca}
.payoff-icon .shape-axis {stroke:#3f5b60}
.strategy-card strong {font-weight:500}
.strategy-card b {color:#beb7d6;font-family:inherit;font-weight:500}
.strategy-card p span:first-child b {color:var(--mint)}
.strategy-card small,.strategy-card p,.overview-heading>span {color:#8da7ac}
.source-strip,.source-strip strong {color:#7d9aa0}
.terminal dialog {background:#182326;border-color:#3a5358;color:#dbe9e3;box-shadow:0 24px 100px #0009}
.terminal dialog::backdrop {background:#03080abf}
.dialog-heading button {color:#b6cbc6}
.dialog-heading .eyebrow,.method-content h3,.source-links {color:var(--mint)}
.method-content p {color:#9fb5b7;font-size:12px}
#toast {background:#30483c;border:1px solid #678372;color:#d5efdf}
@media(min-width:1500px) {
 main {padding:20px 28px 24px}
 .replay-workspace {grid-template-columns:minmax(0,1fr) 330px}
 .price-chart-shell {min-height:385px}
 .assumptions-panel {padding:19px 21px}
 .market-stat {padding-left:28px;padding-right:28px}
}
@media(max-width:1200px) {
 .terminal-header {padding:0 18px;gap:20px}
 main {padding:16px}
 .heading-row>div:first-child {display:block}
 .heading-row h1 {font-size:18px}
 .subtitle {margin-top:4px;font-size:12px}
 .market-stat {padding:12px 16px;min-width:100px}
 .market-source {max-width:180px;padding:0 12px}
 .market-capital {display:none}
 .asset-picker {min-width:140px;padding:0 16px}
 .chart-tools {gap:9px;padding-left:13px;padding-right:13px}
 .replay-workspace {grid-template-columns:minmax(0,1fr) 286px}
 .assumptions-panel {padding:16px}
 .analysis-grid {grid-template-columns:minmax(0,1fr) 335px}
 .spread-page .sidebar {width:185px}
 .spread-page .page {margin-left:185px}
 .spread-page .heading-row>div:first-child {display:block}
 .spread-page .heading-actions {margin:0}
 .metrics {grid-template-columns:repeat(4,minmax(0,1fr))}
 .metric-card {padding:13px;min-height:115px}
 .metric-value {font-size:25px}
 .metric-foot {font-size:12px}
 .controls-row {flex-wrap:wrap;gap:0}
 .select-controls {margin:0 0 12px auto}
}
@media(max-width:960px) {
 .terminal-header-end .terminal-status {display:none}
 .market-stat {padding:12px 14px}
 .market-source {max-width:165px}
 .replay-workspace {grid-template-columns:minmax(0,1fr) 270px}
 .chart-tab {display:none}
 #chart-modes {margin-left:auto}
 .chart-tools {gap:7px;padding:10px}
 .segments button {padding:6px 7px;font-size:12px}
 .chart-tools .text-button {font-size:12px}
 .range-strip {flex-wrap:wrap;gap:7px;padding:10px 12px}
 .range-summary {flex-basis:100%;display:flex;justify-content:space-between;margin:3px 0 0}
 .analysis-grid {grid-template-columns:1fr}
 .inspection-values {gap:25px}
 .inspection-controls>span {flex-basis:auto;margin-left:auto}
 .inspection-column .chart-events {max-height:none}
 .spread-page .metrics {grid-template-columns:repeat(2,minmax(0,1fr))}
 .detail-grid {grid-template-columns:1fr}
 .result-return {display:block;margin:5px 0 0}
 .result-pnl {font-size:24px}
 .result-card {padding:15px}
 .result-chip {font-size:12px}
 .result-details>div {font-size:12px}
 .result-details strong {font-size:12px}
}
@media(max-width:760px) {
 .terminal-header {height:auto;min-height:60px;padding:13px 15px 0;flex-wrap:wrap;gap:0 20px}
 .terminal-brand img {width:119px}
 .terminal-divider {display:none}
 .terminal-nav {order:3;width:100%;height:43px;gap:25px;margin-top:7px}
 .terminal-nav a {font-size:12px}
 .terminal-header-end {gap:0}
 .terminal-launch {font-size:12px;padding:8px 10px;gap:10px}
 main {padding:14px 12px 20px}
 .heading-row {margin-bottom:10px;gap:8px;flex-wrap:nowrap}
 .heading-row h1 {font-size:17px}
 .heading-row .button {font-size:12px;padding:7px 9px;white-space:nowrap}
 .subtitle {font-size:12px;line-height:1.65;max-width:290px}
 .beta {font-size:12px;padding:2px 4px}
 .replay-notice {font-size:12px;line-height:1.6;display:block;padding-bottom:10px}
 .replay-notice .notice-icon,.model-tag {display:none}
 .market-strip {display:grid;grid-template-columns:1.1fr 1fr 1fr;border-radius:7px}
 .asset-picker {grid-row:1/3;min-width:0;padding:14px;display:flex;border-right:1px solid var(--line)}
 .asset-picker>label {display:block;font-size:12px}
 .asset-picker select {font-size:18px;max-width:100%;width:100%}
 .market-stat {min-width:0;padding:10px 10px 8px;gap:4px}
 .market-stat>span {font-size:12px}
 .market-stat>strong {font-size:13px}
 .market-stat b {display:none}
 .market-source {display:flex;gap:10px;grid-column:1/-1;max-width:none;width:100%;margin:0;border:0;border-top:1px solid var(--line);padding:7px 12px;justify-content:space-between}
 .market-source .terminal-status {font-size:12px}
 #history-status {font-size:12px;text-align:right}
 .replay-workspace {grid-template-columns:1fr;gap:12px}
 .chart-tools {padding:10px 12px;gap:8px;min-height:50px}
 .price-chart-shell {height:340px;min-height:340px;margin:4px 4px 0}
 .chart-attribution {font-size:12px;padding:5px 12px 9px}
 .range-strip label {min-width:105px}
 .range-strip select {font-size:12px}
 .range-summary strong {font-size:12px}
 .range-presets {padding:7px 12px;font-size:12px}
 .range-presets button {padding:6px}
 .assumptions-panel {display:block;padding:18px}
 .assumptions-heading {margin-bottom:15px}
 .assumptions-panel .assumption-section {border:0;padding:0;margin-top:16px}
 .field-grid:has(.adjust-control) {row-gap:20px}
 .adjust-heading label {font-size:12px}
 .adjust-heading .input-unit {padding:7px 8px;width:95px}
 .adjust-heading .input-unit input {font-size:15px}
 .adjust-slider {height:38px}
 .adjust-slider::-webkit-slider-thumb {width:18px;height:18px;margin-top:-7.5px}
 .adjust-slider::-moz-range-thumb {width:16px;height:16px}
 .adjust-presets button {min-height:36px;font-size:12px}
 .adjust-limits {font-size:12px}
 .field-label,.control-label {font-size:12px}
 .control-label select {font-size:12px;padding:11px}
 .field-help,#iv-adjust .field-help {font-size:12px}
 .hv-summary {font-size:12px}
 #hv-basis {font-size:12px!important}
 .advanced summary {font-size:12px;padding:3px 0}
 .scenario-summary {font-size:12px;gap:12px}
 .budget-presets button {min-height:33px;font-size:12px}
 .result-cards {grid-template-columns:1fr;gap:10px}
 .result-card {padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
 .result-card-top {grid-column:1/-1;margin-bottom:14px}
 .result-pnl {font-size:27px}
 .result-return {font-size:12px}
 .result-details {grid-column:2;grid-row:2/4;margin:0;padding:0 0 0 15px;border-top:0;border-left:1px solid var(--line);gap:10px}
 .result-details>div {display:grid;gap:4px;font-size:12px}
 .result-details strong {text-align:left;font-size:12px}
 .result-chip {font-size:12px}
 .terminal-value {grid-column:1;font-size:12px;line-height:1.6}
 .results-section {margin-top:20px}
 .section-heading h2 {font-size:13px}
 .section-heading h2>span {font-size:12px}
 .result-period {display:none}
 .pnl-panel {padding:16px 12px 0}
 .pnl-panel .section-heading {gap:10px;align-items:flex-start}
 .pnl-legend {font-size:12px;gap:12px}
 #pnl-chart {height:250px}
 .inspection-controls>span {flex-basis:100%;margin:4px 0 0}
 .inspection-values {gap:10px}
 .inspection-value>strong {font-size:17px}
 .inspection-help {font-size:12px}
 .chart-event {min-height:44px}
 .spread-page .sidebar {position:relative;top:auto;bottom:auto;width:auto;display:grid;grid-template-columns:1fr 1fr;padding:15px 12px 8px;gap:10px;background:#111a1d}
 .spread-page .side-heading {display:flex;font-size:12px}
 .spread-page .search-wrap {grid-column:2;grid-row:1;margin:0}
 .spread-page .type-filters {grid-column:1/-1;margin:0}
 .spread-page .asset-list {padding:0 0 5px;gap:5px}
 .asset-nav {border:1px solid #2b4047;border-radius:5px}
 .asset-nav.chosen {border-color:#5c7a66;box-shadow:none}
 .spread-page .sidebar-bottom {display:none}
 .spread-page .page {margin:0}
 .spread-page .heading-row {flex-wrap:wrap;gap:12px}
 .spread-page .heading-actions {gap:7px}
 .spread-page .data-notice {font-size:12px}
 .metric-card {min-height:118px;padding:13px}
 .metric-value {font-size:27px}
 .metric-label {font-size:12px}
 .metric-foot {font-size:12px}
 .strategy-tabs {gap:12px;width:100%;height:49px}
 .strategy-tabs button {font-size:12px}
 .strategy-tabs button span {display:none}
 .select-controls {margin:0 0 12px;width:100%;gap:12px}
 .controls-row {padding:0 12px}
 .table-heading {padding:15px 12px;gap:8px}
 .table-heading p {font-size:12px}
 .table-scroll td:first-child,.table-scroll th:first-child {background:#1b292c;box-shadow:2px 0 4px #0002}
 .table-scroll .selected-row td:first-child {background:#2a3d34!important}
 .table-footer {font-size:12px;padding:11px 12px}
 .table-footer>span {flex-wrap:wrap;line-height:1.6}
 .detail-grid {gap:10px}
 .detail-card {padding:17px 14px}
 .detail-identity h2 {font-size:14px}
 .range-chart {height:auto}
 .strategy-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .source-strip {font-size:12px;line-height:1.8}
 .page-footer {font-size:12px;line-height:1.8;align-items:flex-start}
}
/* Keep the chart and the two primary option dials in the first viewport. */
.sr-only {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.terminal-header #method-btn {border:0;background:none;padding:7px 0;color:#a6b9b7;font-size:12px}
.replay-page .market-strip {margin-bottom:8px}
.replay-notice {padding-bottom:9px}
.option-extra {grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px;margin-top:14px}
.option-extra summary,.hv-details summary {display:flex;justify-content:space-between;cursor:pointer;list-style:none;color:#a6b6b6;font-size:12px;gap:6px}
.option-extra summary:after,.hv-details summary:after {content:'+';margin-left:auto;color:#7f9699}
.option-extra[open] summary:after,.hv-details[open] summary:after {content:'−'}
#strike-setting {color:var(--mint);margin-left:auto;font-size:12px}
.option-extra summary:after {margin-left:4px}
.hv-details {margin-top:9px}
.hv-details summary {font-size:12px;color:#839e9e}
.budget-block {display:grid;grid-template-columns:minmax(0,1fr) 115px;gap:0 7px}
.budget-block .field-label {grid-column:1/-1}
.budget-block .capital-field {margin:7px 0 0;padding:7px 9px;font-size:20px}
.budget-block .capital-field input {font-size:20px}
.budget-block .budget-presets {margin-top:7px;gap:4px}
.budget-presets button {font-size:12px;padding:4px 3px;min-width:0}
.replay-workspace {align-items:start}
.chart-column {align-self:stretch}
.assumptions-panel {align-self:start}
@media(min-width:761px) {
 .assumptions-heading {margin-bottom:12px}
 .assumptions-panel {padding-top:16px;padding-bottom:16px}
 .assumptions-foot {display:none}
 .scenario-summary {font-size:12px;gap:6px 9px}
}
@media(max-width:760px) {
 .terminal-header-end .terminal-status,.terminal-header #method-btn {display:none}
 .replay-page .market-strip {margin-top:0}
 .budget-block {grid-template-columns:minmax(0,1fr) 155px}
 .budget-block .capital-field {padding:9px 11px}
 .budget-presets button {font-size:12px}
 .option-extra summary {font-size:12px;padding:4px 0}
 .hv-details summary {font-size:12px;padding:5px 0}
}
@media(min-width:761px) {
 .replay-workspace {align-items:stretch}
 .chart-column {min-height:0}
 .price-chart-shell {min-height:300px}
}
@media(max-width:760px) {
 .terminal-header #method-btn {display:inline-flex;font-size:12px;padding:5px 8px}
 .terminal-header-end {gap:4px}
}
.result-sparkline {display:block;width:100%;height:45px;grid-column:1/-1;margin-top:13px;overflow:visible}
.result-sparkline .spark-baseline {stroke:#334242;stroke-dasharray:3 4;stroke-width:1}
.result-sparkline .spark-path {fill:none;stroke:var(--series);stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.budget-block .capital-field {grid-column:1;grid-row:2}
.budget-block .budget-presets {grid-column:2;grid-row:2;align-items:stretch}
.terminal-brand img {filter:grayscale(1) brightness(4)}
/* Range handles use the bottom edge so they never obscure event labels. */
.selection-label {top:auto;bottom:8px}
#selection-band.compact .entry-label {bottom:30px}

/* Compare both positions without hiding one behind a tab. */
.replay-page .replay-workspace {grid-template-columns:minmax(0,1fr) 480px}
.replay-page .assumptions-panel {max-height:none;overflow:visible}
.position-settings {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:18px;padding-top:17px;border-top:1px solid var(--line)}
.assumptions-panel .position-settings .assumption-section {position:relative;min-width:0;margin:0;padding:0;border:0}
.position-heading {display:flex;align-items:center;gap:6px;min-height:23px;margin-bottom:13px}
.position-heading h3 {display:flex;gap:6px;align-items:center;margin:0;font-size:12px;font-weight:500;white-space:nowrap}
.position-heading .position-model {margin-left:auto;font-size:12px;color:var(--muted);white-space:nowrap}
.position-help {display:flex;align-items:center;align-self:stretch}
#option-help-button {display:grid;place-items:center;align-self:center;width:20px;height:20px;border:1px solid #495158;border-radius:50%;background:transparent;color:#aeb5c7;font-size:12px;padding:0;cursor:help}
#option-help-button:hover,#option-help-button[aria-expanded=true] {color:var(--lavender);border-color:var(--lavender);background:#2c2b3a}
.help-tooltip {position:absolute;z-index:20;left:0;top:28px;width:345px;max-width:calc(100vw -64px);background:#232b31;border:1px solid #536064;border-radius:9px;padding:16px;box-shadow:0 14px 40px #0008;color:var(--text);font-size:12px;line-height:1.6;cursor:default}
.help-tooltip>strong {display:block;font-size:12px;font-weight:550;margin-bottom:11px}
.help-tooltip:before {content:'';position:absolute;top:-12px;left:0;right:0;height:12px}
.strategy-guide {margin:0;display:grid;gap:4px}
.strategy-guide>div {display:grid;grid-template-columns:106px 1fr;gap:9px;padding:7px;border:1px solid transparent;border-radius:5px}
.strategy-guide>div.current {background:#b8b0e610;border-color:#b8b0e63d}
.strategy-guide dt {font-weight:500;color:#d5d0ee}
.strategy-guide dd {margin:0;color:#b4c1c4}
.help-caveat {color:#9baeb2;margin:12px 0;font-size:12px;line-height:1.7}
.position-direction {display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:34px;padding:8px;border:1px solid #454033;border-radius:6px;background:#2a2821;color:var(--amber);font-size:12px}
.position-direction>span:last-child {font-size:12px;color:#b7ab8f}
#perp-conditions>.field-grid {grid-template-columns:minmax(0,1fr)}
.position-risk {margin-top:18px;padding:12px;border:1px solid #423c30;background:#24241f;border-radius:6px}
.position-risk strong {font-size:12px;font-weight:500;color:var(--amber)}
.position-risk p {font-size:12px;color:#a59f8f;line-height:1.75;margin:6px 0 0}
/* Canvas auto-resizing must not feed its previous height back into the grid row. */
@media(min-width:1101px) {
 .replay-page .chart-column {contain:size;min-height:540px}
}
@media(max-width:1100px) {
 .replay-page .replay-workspace {grid-template-columns:minmax(0,1fr)}
 .replay-page .assumptions-panel {padding:18px}
 .position-settings {gap:28px}
 .position-settings .field-grid {column-gap:18px}
 .position-settings #option-conditions>.field-grid {grid-template-columns:1fr 1fr}
 .position-settings #option-conditions>.field-grid>.adjust-control {grid-column:auto}
 .help-tooltip {width:345px}
}
@media(max-width:600px) {
 .position-settings {grid-template-columns:minmax(0,1fr);gap:23px}
 .position-settings #option-conditions>.field-grid {grid-template-columns:minmax(0,1fr)}
 .assumptions-panel .position-settings #perp-conditions {border-top:1px solid var(--line);padding-top:20px}
 .position-heading h3 {font-size:13px}
 #option-help-button {width:26px;height:26px;font-size:12px}
 .position-heading {min-height:30px}
 .position-direction {padding:11px;font-size:12px}
 .position-heading .position-model {font-size:12px}
 .help-tooltip {top:34px;width:100%;max-width:100%;padding:13px}
 .strategy-guide>div {grid-template-columns:102px 1fr;padding:6px 3px;gap:7px}
 .position-risk {margin-top:14px}
}

.option-risk {background:#24232b;border-color:#413b50}
.option-risk strong {color:var(--lavender)}
.option-risk p {color:#b4acbd}

.premium-panel {margin-top:12px;padding:0;border:1px solid #44404f;border-radius:7px;background:#211f2b;min-width:0}
.premium-summary {display:block;padding:11px;cursor:pointer;list-style:none;border-radius:6px}
.premium-summary::-webkit-details-marker {display:none}
.premium-summary:hover {background:#ffffff04}
.premium-summary:focus-visible {outline:2px solid var(--lavender);outline-offset:3px}
.premium-summary-title {display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#d3cce7;margin-bottom:10px}
.premium-toggle {font-size:16px;line-height:12px;transition:transform .15s}
.premium-panel[open] .premium-toggle {transform:rotate(180deg)}
.premium-compact {display:flex;justify-content:space-between;gap:8px;min-width:0}
.premium-compact>span {display:grid;gap:5px;min-width:0}
.premium-compact>span[hidden] {display:none}
.premium-compact>span>span {font-size:12px;color:#aaa1bc}
.premium-compact strong {font-size:18px;font-weight:500;color:#e0d8f3;letter-spacing:-.4px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.premium-disclosure-hint {display:block;margin-top:9px;font-size:12px;color:#a095b2}
.premium-panel:not([open]) .when-open,.premium-panel[open] .when-closed {display:none}
.premium-body {padding:12px 11px;border-top:1px solid #393245}
.premium-metrics {margin:10px 0 0;padding-top:5px;border-top:1px solid #393245}
.premium-metrics>div {display:flex;justify-content:space-between;gap:8px;padding:5px 0;font-size:12px}
.premium-metrics dt {color:#b3a9c4;flex-shrink:0}
.premium-metrics dd {margin:0;text-align:right;color:#e0d8f3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.perp-margin-panel {display:grid;grid-template-columns:1fr auto;gap:7px;margin:12px 0;padding:12px 10px;border:1px solid #423c30;background:#24241f;border-radius:6px;font-size:12px;color:#b7ab8f}
.perp-margin-panel output {color:var(--amber);font-size:15px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.perp-margin-panel small {grid-column:1/-1;font-size:12px;line-height:1.5;color:#a59f8f}
.premium-quotes {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.premium-quotes>div {min-width:0;display:grid;gap:5px}
.premium-quotes>div+div {padding-left:8px;border-left:1px solid #3a3447}
.premium-quotes span {font-size:12px;color:#aaa1bc}
.premium-quotes output {font-size:17px;font-weight:500;color:#e0d8f3;letter-spacing:-.5px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.premium-quotes small {font-size:12px;color:#8e869f}
.premium-total,.premium-fee {display:flex;align-items:baseline;justify-content:space-between;gap:6px;font-size:12px;color:#a49ab5}
.premium-total {border-top:1px solid #393245;margin-top:10px;padding-top:9px}
.premium-total output {font-size:12px;color:#d7cfe8;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.premium-fee {margin-top:5px;font-size:12px}
.premium-panel p {font-size:12px;line-height:1.65;color:#a095b2;margin:7px 0 0;overflow-wrap:anywhere}
.premium-panel .premium-method {color:#928a9f}
@media(max-width:760px) {
 .premium-summary,.premium-body {padding:13px}
 .premium-summary-title {font-size:12px}
 .premium-compact strong {font-size:22px}
 .premium-compact>span>span,.premium-metrics>div {font-size:12px}
 .premium-disclosure-hint,.premium-quotes small,.perp-margin-panel small {font-size:12px}
 .premium-quotes span,.premium-total {font-size:12px}
 .premium-quotes output {font-size:22px}
 .premium-total output {font-size:12px}
 .premium-fee,.premium-panel p {font-size:12px}
}

/* Keep comparison feedback within reach while changing either position. */
.comparison-dock {position:sticky;top:0;z-index:25;background:#151b1df5;backdrop-filter:blur(14px);border:1px solid #394745;border-radius:8px;margin:0 0 14px;box-shadow:0 5px 14px #0003}
.comparison-dock-heading {display:flex;justify-content:space-between;gap:12px;padding:9px 14px 0;font-size:12px;color:var(--text)}
.comparison-dock-heading>span>span {color:var(--muted);margin-left:12px}
.comparison-dock-heading a {color:var(--mint);white-space:nowrap}
.quick-results {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:10px 0 12px}
.quick-result {padding:0 16px;min-width:0;display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:5px 10px;font-variant-numeric:tabular-nums}
.quick-result+.quick-result {border-left:1px solid var(--line)}
.quick-result>span {grid-column:1/-1;display:flex;align-items:center;gap:7px;font-size:12px;color:#bdc9c7}
.quick-result b {color:var(--red);font-size:12px;font-weight:500}
.quick-result strong {font-size:24px;font-weight:500;letter-spacing:-.5px;overflow-wrap:anywhere}
.quick-result small {font-size:13px;color:var(--muted)}
.replay-page .replay-workspace {align-items:start;grid-template-columns:minmax(0,1fr) 510px}
.replay-page .chart-column {contain:none;min-height:0}
.replay-page .price-chart-shell {height:440px;min-height:0;flex:none}
/* The canvas must never determine its own container's block size on resize. */
.price-chart-shell #price-chart {position:absolute;inset:0}
.assumptions-heading {margin-bottom:6px}
.session-note {font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 14px}
.field-error {font-size:12px;color:var(--red);line-height:1.6;margin:7px 0 0;grid-column:1/-1}
.field-with-error {min-width:0}
#assumptions input[aria-invalid=true] {outline:1px solid var(--red);outline-offset:3px}
#assumptions input,#assumptions select,.range-strip select {scroll-margin-top:145px}
#results-title {scroll-margin-top:145px}
.assumptions-panel .field-grid label,.field-label,.control-label,.adjust-heading label {font-size:12px}
.control-label select,.input-unit input {font-size:14px}
.position-heading h3 {font-size:14px}
.position-settings {gap:18px}
.position-risk p,.field-help,.premium-panel p {line-height:1.7}
.input-unit span,.event-toolbar b,.inspector-title strong,.inspector-title>span,.inspector-rows>div>span,.inspector-rows small,.chart-inspector p {font-size:12px}
.inspector-rows strong {font-size:13px}
.perp-margin-panel {grid-template-columns:minmax(0,1fr)}
.perp-margin-panel output {font-size:20px}
.premium-compact {flex-wrap:wrap;gap:12px}
.hv-summary {flex-wrap:wrap}
.market-strip {flex-wrap:wrap}
.market-source {flex:1;max-width:none}
.mobile-comparison {display:none}
@media(max-width:1100px) {
 .replay-page .replay-workspace {grid-template-columns:minmax(0,1fr)}
 .replay-page .price-chart-shell {height:380px}
}
@media(max-width:760px) {
 .quick-result {grid-template-columns:minmax(0,1fr);padding:0 10px;gap:3px}
 .quick-result>span {gap:5px;flex-wrap:wrap;min-height:20px}
 .quick-result strong {font-size:19px}
 .quick-result small {font-size:12px}
 .comparison-dock-heading {padding:8px 10px 0}
 .comparison-dock-heading>span>span {display:none}
 .comparison-dock-heading a {min-height:28px;display:flex;align-items:center}
 .quick-results {padding:6px 0 10px}
 .replay-page .price-chart-shell {height:340px}
 .chart-tools {flex-wrap:wrap;gap:8px}
 .segments button {min-width:44px;min-height:44px;font-size:12px;padding:8px}
 .chart-tools .text-button {min-height:44px;margin-left:auto;font-size:12px;padding:8px}
 #chart-modes {margin-left:auto}
 .range-strip select,.inspection-controls select {min-height:44px;font-size:14px}
 .range-strip {gap:8px}
 .range-strip label {min-width:0;flex:1}
 .range-presets {flex-wrap:wrap;gap:5px}
 .range-presets button,.budget-presets button,.adjust-presets button {min-height:44px;font-size:12px}
 .range-presets #bar-count {display:none}
 #assumptions input[type=number] {min-height:44px;font-size:16px}
 .capital-field input {font-size:24px!important}
 .adjust-heading .input-unit {width:108px;padding:0 8px}
 .input-unit {padding:0 8px}
 .adjust-slider {min-height:44px}
 .control-label select {min-height:44px;font-size:14px}
 #option-help-button {width:44px;height:44px;font-size:15px}
 .position-heading {min-height:44px}
 .help-tooltip {top:48px}
 .advanced summary,.option-extra summary,.hv-details summary {min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}
 #reset-scenario {min-height:44px;padding:8px;font-size:12px}
 .inspection-controls button {width:44px;height:44px}
 .premium-disclosure-hint {min-height:20px;font-size:12px}
 .premium-panel p,.premium-metrics>div,.premium-quotes small,.perp-margin-panel small {font-size:12px}
 .premium-quotes {grid-template-columns:1fr 1fr}
 .result-card {display:block}
 .result-details {border-left:0;border-top:1px solid var(--line);padding:12px 0 0;margin-top:12px}
 .result-details>div {display:flex;font-size:12px}
 .result-details strong {font-size:12px}
 .range-summary {white-space:normal}
 .mobile-comparison {display:block;padding:14px 12px;background:#192123;border-block:1px solid var(--line)}
 .mobile-comparison-heading {display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
 .mobile-comparison-heading label {font-size:12px;color:var(--muted);display:grid;gap:5px}
 .mobile-comparison-heading select {min-height:44px;font-family:inherit;font-size:16px;font-weight:500;color:var(--text);background:var(--control);border:1px solid #3d4e4b;border-radius:5px;padding:8px}
 .mobile-match {font-size:12px;color:var(--amber);max-width:52%;text-align:right;line-height:1.6}
 .mobile-venue {display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px 0;border-top:1px solid var(--line)}
 .mobile-venue>strong {grid-column:1/-1;font-size:13px;font-weight:500;color:var(--mint)}
 .mobile-venue.us>strong {color:var(--lavender)}
 .mobile-venue>div {display:grid;gap:5px;min-width:0}
 .mobile-venue span,.mobile-venue small {font-size:12px;color:var(--muted);line-height:1.6}
 .mobile-venue b {font-size:15px;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
 .mobile-venue>small {grid-column:1/-1}
 .mobile-compare-note {font-size:12px;line-height:1.7;color:var(--muted);margin:6px 0 0}
 .spread-page .select-controls select,.spread-page .type-filters button {min-height:44px}
 .spread-page .strategy-tabs {gap:15px}
 .spread-page .strategy-tabs button {font-size:12px}
}

/* Spread summary has three metrics after removing the premium selector. */
.market-session-notice {display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px;padding:12px 16px;margin:0 0 14px;border:1px solid #655839;border-radius:7px;background:#29271e;color:var(--amber);font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.market-session-notice strong {font-weight:550}
.market-session-notice small {color:#c3bdaa;font-size:12px}
.spread-session-tag {display:block;width:fit-content;max-width:100%;padding:2px 5px;margin-top:4px;border:1px solid #655839;border-radius:4px;color:var(--amber)!important;background:#29271e;font-size:10px!important;font-weight:500;line-height:1.4;white-space:normal}
.normalized-values .spread-session-tag {margin-left:auto;text-align:right}
.normalized-details .spread-session-tag {margin:4px 0}
.mobile-venue>.spread-session-tag {grid-column:1/-1}
.strategy-card .spread-session-tag {font-size:9px!important}
.spread-page .metric-foot {flex-wrap:wrap;line-height:1.6}
@media(max-width:720px){.market-session-notice{padding:10px 12px;font-size:12px}.market-session-notice small{flex-basis:100%}.spread-session-tag{font-size:10px!important}}
.spread-page .metrics {grid-template-columns:repeat(3,minmax(0,1fr))}
.spread-page .cost-column .cost-item {color:#b7ceca}
@media(max-width:720px){.spread-page .metrics{grid-template-columns:1fr}.spread-page .metrics .metric-card{min-height:105px}}