@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--radius-sm: 9px;--radius-md: 14px;--radius-lg: 20px;--shadow-sm: 0 14px 28px rgba(0, 0, 0, .24);--shadow-md: 0 24px 52px rgba(0, 0, 0, .34)}:root,:root[data-theme=dark]{--bg: #1a1a1a;--bg-alt: #2b2b2b;--panel: #222222;--panel-2: #262626;--text: #d0d0d0;--text-dim: #8d8d8d;--line: #3c3c3c;--accent-soft: #27374a;--positive: #4ade80;--positive-soft: rgba(74, 222, 128, .16);--negative: #f87171;--negative-soft: rgba(248, 113, 113, .16);--warn: #fbbf24;--warn-soft: rgba(251, 191, 36, .16);--put-main: #ea580c;--call-main: #2563eb;--body-bg: radial-gradient(1200px 500px at 100% -20%, #2a2a2a 0%, rgba(42, 42, 42, 0) 72%), radial-gradient(900px 420px at -10% 0%, #262b33 0%, rgba(38, 43, 51, 0) 68%), linear-gradient(180deg, #1a1a1a 0%, #171717 100%);--title-color: #ffffff;--symbol-color: #8f8f8f;--metrics-chip-text: #9a9a9a;--metrics-chip-border: #454545;--fallback-border: #7d6527;--button-border: #4b5563;--button-text: #cbd5e1;--button-active-bg: #153a2b;--button-active-text: #4ade80;--button-disabled-bg: #2a2a2a;--button-disabled-text: #8c8c8c;--requested-border: #977339;--requested-bg: #3a2f1e;--requested-text: #f2d393;--expiry-date: #94a3b8;--expiry-date-active: #a7f3d0;--control-border: #4b4b4b;--control-bg: #2a2a2a;--control-text: #d0d0d0;--refresh-border: #4ade80;--refresh-bg: #2d5a2d;--refresh-text: #4ade80;--refresh-border-hover: #4ade80;--refresh-bg-hover: #3d6a3d;--refresh-text-hover: #b4f4c5;--section-title-color: #9b9b9b;--table-border: #2d2d2d;--table-head: #717171;--strike-color: #efefef;--row-hover: #2a2a2a;--atm-row-bg: #352f1b;--atm-strike-color: #fbbf24;--put-oi: #fdba74;--call-oi: #93c5fd;--highlight-put-hi: rgba(234, 88, 12, .18);--highlight-put-mid: rgba(234, 88, 12, .1);--highlight-call-hi: rgba(37, 99, 235, .18);--highlight-call-mid: rgba(37, 99, 235, .1);--highlight-put-oi-hi: rgba(234, 88, 12, .14);--highlight-put-oi-mid: rgba(234, 88, 12, .08);--highlight-put-oi-hi-border: #f97316;--highlight-put-oi-mid-border: #fdba74;--highlight-call-oi-hi: rgba(37, 99, 235, .14);--highlight-call-oi-mid: rgba(37, 99, 235, .08);--highlight-call-oi-hi-border: #3b82f6;--highlight-call-oi-mid-border: #93c5fd;--sum-color: #8d8d8d;--em-border: #3f4d5c;--em-bg: linear-gradient(160deg, #1f2832 0%, #1b232c 100%);--em-label: #9ca3af;--em-value: #93c5fd;--em-meta-border: #3f4d5c;--em-meta-bg: #222d37;--em-meta-color: #9ca3af;--toggle-bg: #2a2a2a;--toggle-border: #3a3a3a;--toggle-text: #a3a3a3;--toggle-text-active: #4ade80;--sub-title: #a3a3a3;--mini-head: #8c8c8c;--empty-color: #6b7280;--metric-card-bg: #1d2730;--metric-card-border: #334155;--skew-label: #94a3b8;--skew-neutral: #d1d5db;--skew-warm: #fb923c;--skew-cool: #60a5fa;--skew-help-bg: #1b232c;--skew-help-border: #334155;--skew-help-title: #dbe4ef;--skew-help-text: #a9b4c3;--skew-help-label: #c3d2e5;--skew-help-tip: #8ea0b7;--diag-color: #9ca3af;--theme-toggle-border: #4b5563;--theme-toggle-bg: #1f2937;--theme-toggle-text: #cbd5e1;--theme-toggle-hover-bg: #263243;--theme-toggle-hover-border: #64748b}:root[data-theme=light]{--bg: #f4f8ff;--bg-alt: #e8f0ff;--panel: #ffffff;--panel-2: #f7faff;--text: #13233d;--text-dim: #4b617f;--line: #d9e4f6;--accent-soft: #e7f0ff;--positive: #0f9f56;--positive-soft: #e5f8ef;--negative: #d33e2f;--negative-soft: #ffe9e6;--warn: #bc7b0f;--warn-soft: #fff4df;--put-main: #d96a28;--call-main: #2f69da;--body-bg: radial-gradient(1200px 500px at 100% -20%, #dce7ff 0%, rgba(220, 231, 255, 0) 72%), radial-gradient(900px 420px at -10% 0%, #dff4ff 0%, rgba(223, 244, 255, 0) 68%), linear-gradient(180deg, #f4f8ff 0%, #edf3ff 100%);--title-color: #0b1f3f;--symbol-color: #576d8e;--metrics-chip-text: #3a5375;--metrics-chip-border: #d6e4ff;--fallback-border: #f4d9a5;--button-border: #bfd0ed;--button-text: #2f4565;--button-active-bg: #dff0ff;--button-active-text: #0f4fa9;--button-disabled-bg: #f4f7fd;--button-disabled-text: #91a2bf;--requested-border: #dab76d;--requested-bg: #fff8e8;--requested-text: #8a6206;--expiry-date: #60789b;--expiry-date-active: #376cbb;--control-border: #cad8f0;--control-bg: #ffffff;--control-text: #13233d;--refresh-border: #88aff4;--refresh-bg: linear-gradient(180deg, #f2f7ff 0%, #e2edff 100%);--refresh-text: #174488;--refresh-border-hover: #6697ef;--refresh-bg-hover: linear-gradient(180deg, #eaf2ff 0%, #dae8ff 100%);--refresh-text-hover: #0f3a7f;--section-title-color: #1f355a;--table-border: #e5ecf8;--table-head: #587198;--strike-color: #1d3760;--row-hover: #f8fbff;--atm-row-bg: #fff6df;--atm-strike-color: #9a6800;--put-oi: #aa6a40;--call-oi: #2b5097;--highlight-put-hi: rgba(217, 106, 40, .2);--highlight-put-mid: rgba(217, 106, 40, .1);--highlight-call-hi: rgba(47, 105, 218, .2);--highlight-call-mid: rgba(47, 105, 218, .1);--highlight-put-oi-hi: rgba(217, 106, 40, .14);--highlight-put-oi-mid: rgba(217, 106, 40, .08);--highlight-put-oi-hi-border: #c96d3a;--highlight-put-oi-mid-border: #d89a74;--highlight-call-oi-hi: rgba(47, 105, 218, .14);--highlight-call-oi-mid: rgba(47, 105, 218, .08);--highlight-call-oi-hi-border: #2f69da;--highlight-call-oi-mid-border: #83a9ef;--sum-color: #60789a;--em-border: #cce0ff;--em-bg: linear-gradient(160deg, #f8fbff 0%, #edf5ff 100%);--em-label: #4d6489;--em-value: #214f94;--em-meta-border: #d0e0fb;--em-meta-bg: #f7fbff;--em-meta-color: #3d5983;--toggle-bg: #eef4ff;--toggle-border: #d5e1f6;--toggle-text: #4d6488;--toggle-text-active: #244f91;--sub-title: #2d4770;--mini-head: #5f789e;--empty-color: #7086a5;--metric-card-bg: #f7fbff;--metric-card-border: #d6e5fb;--skew-label: #587098;--skew-neutral: #1f3960;--skew-warm: #b76513;--skew-cool: #2158bb;--skew-help-bg: #f6faff;--skew-help-border: #d4e2f8;--skew-help-title: #254a83;--skew-help-text: #496486;--skew-help-label: #254a83;--skew-help-tip: #577297;--diag-color: #4f6789;--theme-toggle-border: #88aff4;--theme-toggle-bg: #e8f1ff;--theme-toggle-text: #174488;--theme-toggle-hover-bg: #dceaff;--theme-toggle-hover-border: #6697ef;--shadow-sm: 0 10px 22px rgba(19, 35, 61, .06);--shadow-md: 0 20px 40px rgba(14, 42, 88, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--body-bg);color:var(--text);font-family:Space Grotesk,Avenir Next,Trebuchet MS,sans-serif;font-size:13px;line-height:1.4;padding:14px}#root{max-width:1580px;margin:0 auto}.header,.main-section{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.header{padding:14px 16px;margin-bottom:12px}.header-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.title{font-size:19px;font-weight:700;color:var(--title-color);margin-right:6px}.app-nav{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center}.app-nav-link{border:1px solid var(--button-border);background:var(--panel-2);color:var(--button-text);border-radius:var(--radius-sm);padding:6px 10px;font-size:12px;font-weight:600;text-decoration:none;transition:all .14s ease}.app-nav-link:hover{background:var(--accent-soft);color:var(--text)}.app-nav-link.is-active,.app-nav-link[aria-current=page]{background:var(--button-active-bg);color:var(--button-active-text);border-color:var(--button-border)}.spx-label{font-family:IBM Plex Mono,Courier New,monospace;font-size:12px;letter-spacing:.05em;color:var(--symbol-color);text-transform:uppercase}.spx-price{color:var(--positive);font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.meta{color:var(--text-dim);font-size:12px;font-variant-numeric:tabular-nums}.metrics{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.metrics span{padding:4px 8px;border-radius:999px;background:var(--bg-alt);color:var(--metrics-chip-text);border:1px solid var(--metrics-chip-border);font-size:11px;font-family:IBM Plex Mono,Courier New,monospace}.expiry-fallback{color:var(--warn);background:var(--warn-soft);border:1px solid var(--fallback-border);padding:4px 8px;border-radius:999px}.symbol-picker,.symbol-dte-grid{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center}.dte-btn{appearance:none;border:1px solid var(--button-border);background:var(--panel-2);color:var(--button-text);border-radius:var(--radius-sm);padding:6px 10px;font-size:12px;font-weight:600;cursor:pointer;transition:all .14s ease}.dte-btn:hover:not(:disabled):not(.is-active){background:var(--accent-soft);border-color:var(--button-border);color:var(--text)}.dte-btn.is-active,.dte-btn:disabled{background:var(--button-active-bg);color:var(--button-active-text);border-color:var(--button-border);cursor:default}.dte-btn:disabled:not(.is-active){background:var(--button-disabled-bg);color:var(--button-disabled-text);border-color:var(--button-border)}.expiry-btn{min-width:112px;display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px}.expiry-btn.is-requested:not(.is-active){border-style:dashed;border-color:var(--requested-border);color:var(--requested-text);background:var(--requested-bg)}.expiry-date{color:var(--expiry-date);font-size:11px;font-family:IBM Plex Mono,Courier New,monospace}.expiry-btn.is-active .expiry-date,.expiry-btn:disabled .expiry-date{color:var(--expiry-date-active)}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;letter-spacing:.04em;border:1px solid transparent}.status-pill.live{color:var(--positive);border-color:color-mix(in srgb,var(--positive) 55%,transparent);background:var(--positive-soft);animation:statusPulse 2.1s ease-in-out infinite}.status-pill.stale{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 55%,transparent);background:var(--warn-soft)}.status-pill.error{color:var(--negative);border-color:color-mix(in srgb,var(--negative) 55%,transparent);background:var(--negative-soft)}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.72}}.section-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px;color:var(--text-dim)}.section-controls label{display:inline-flex;align-items:center;gap:4px}.section-controls select,.header-controls input[type=number],.spread-filters input{height:28px;padding:0 8px;border-radius:8px;border:1px solid var(--control-border);background:var(--control-bg);color:var(--control-text);font-size:12px;font-family:IBM Plex Mono,Courier New,monospace}.header-controls input[type=number]{width:70px}.header-controls input[type=checkbox]{width:auto;height:auto;margin:0;accent-color:var(--positive)}.spread-filters input{width:82px}.btn-refresh{border:1px solid var(--refresh-border);background:var(--refresh-bg);color:var(--refresh-text);border-radius:9px;height:30px;padding:0 12px;font-size:12px;font-weight:600;cursor:pointer}.btn-refresh:hover{border-color:var(--refresh-border-hover);background:var(--refresh-bg-hover);color:var(--refresh-text-hover)}.theme-toggle{border:1px solid var(--theme-toggle-border);background:var(--theme-toggle-bg);color:var(--theme-toggle-text);border-radius:9px;height:30px;padding:0 12px;font-size:12px;font-weight:600;cursor:pointer}.theme-toggle:hover{border-color:var(--theme-toggle-hover-border);background:var(--theme-toggle-hover-bg)}.main-section{padding:14px 16px;margin-bottom:12px}.section-head{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:8px}.section-title{font-size:14px;font-weight:700;color:var(--section-title-color);text-transform:uppercase;letter-spacing:.03em}.strike-table{width:100%;border-collapse:collapse;font-size:12px;font-family:IBM Plex Mono,Courier New,monospace;font-variant-numeric:tabular-nums}.strike-table th,.strike-table td{border-bottom:1px solid var(--table-border);padding:5px 6px}.strike-table th{color:var(--table-head);font-size:11px;font-weight:600}.strike-table th.strike-col{text-align:center}.strike-table td.strike-col{text-align:center;color:var(--strike-color);font-weight:700}.strike-table tr:hover{background:var(--row-hover)}.strike-table tr.atm{background:var(--atm-row-bg)}.strike-table tr.atm .strike-col{color:var(--atm-strike-color)}.put-num{color:var(--put-main);text-align:right}.put-oi-num{color:var(--put-oi);text-align:right}.call-num{color:var(--call-main);text-align:left}.call-oi-num{color:var(--call-oi);text-align:right}.bar-cell{width:110px;padding:0 4px}.bar-wrap{display:flex;width:100%;height:16px;align-items:center}.bar-wrap.put{justify-content:flex-end}.bar-wrap.call{justify-content:flex-start}.bar{height:10px;min-width:2px;border-radius:99px}.bar.put{background:var(--put-main)}.bar.call{background:var(--call-main)}.strike-table td.high-put-volume{background:var(--highlight-put-hi)}.strike-table td.mid-put-volume{background:var(--highlight-put-mid)}.strike-table td.high-call-volume{background:var(--highlight-call-hi)}.strike-table td.mid-call-volume{background:var(--highlight-call-mid)}.strike-table td.high-put-oi{background:var(--highlight-put-oi-hi);border-left:2px solid var(--highlight-put-oi-hi-border)}.strike-table td.mid-put-oi{background:var(--highlight-put-oi-mid);border-left:2px solid var(--highlight-put-oi-mid-border)}.strike-table td.high-call-oi{background:var(--highlight-call-oi-hi);border-right:2px solid var(--highlight-call-oi-hi-border)}.strike-table td.mid-call-oi{background:var(--highlight-call-oi-mid);border-right:2px solid var(--highlight-call-oi-mid-border)}.netto{text-align:right}.netto.neg{color:var(--negative)}.netto.pos{color:var(--positive)}.sum-col{text-align:right;color:var(--sum-color)}.em-card{margin-top:12px;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--em-border);background:var(--em-bg)}.em-main{display:flex;align-items:baseline;gap:10px}.em-label{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--em-label)}.em-value{font-size:22px;font-weight:700;color:var(--em-value);font-family:IBM Plex Mono,Courier New,monospace}.em-meta{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}.em-meta span{padding:4px 8px;border-radius:999px;border:1px solid var(--em-meta-border);color:var(--em-meta-color);background:var(--em-meta-bg);font-size:11px;font-family:IBM Plex Mono,Courier New,monospace}.atr-meta{margin-bottom:10px;display:flex;flex-wrap:wrap;gap:8px}.atr-main{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.atr-value{font-size:28px;font-weight:800;color:var(--em-value);font-family:IBM Plex Mono,Courier New,monospace}.atr-meta span{padding:4px 8px;border-radius:999px;border:1px solid var(--em-meta-border);color:var(--em-meta-color);background:var(--em-meta-bg);font-size:11px;font-family:IBM Plex Mono,Courier New,monospace}.atr-note{margin-bottom:10px;color:var(--warn);font-size:12px}.toggles{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.toggles label{display:inline-flex;align-items:center;gap:4px;background:var(--toggle-bg);border:1px solid var(--toggle-border);border-radius:999px;padding:4px 10px;color:var(--toggle-text);font-size:11px}.toggles input:checked+span{color:var(--toggle-text-active)}.split-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.sub-title{font-size:12px;font-weight:700;color:var(--sub-title);margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}.mini-table{width:100%;border-collapse:collapse;font-size:12px;font-family:IBM Plex Mono,Courier New,monospace;font-variant-numeric:tabular-nums}.mini-table th,.mini-table td{border-bottom:1px solid var(--table-border);padding:5px 6px;text-align:right}.mini-table th{color:var(--mini-head);font-size:11px}.mini-table th:first-child,.mini-table td:first-child{text-align:left}.mini-table th.tos-action-col,.mini-table td.tos-action-col{text-align:center;width:76px;white-space:nowrap}.btn-copy-tos{border:1px solid var(--refresh-border);background:var(--refresh-bg);color:var(--refresh-text);border-radius:8px;height:24px;padding:0 8px;font-size:11px;font-weight:600;cursor:pointer;font-family:IBM Plex Mono,Courier New,monospace}.btn-copy-tos:hover:not(:disabled){border-color:var(--refresh-border-hover);background:var(--refresh-bg-hover);color:var(--refresh-text-hover)}.btn-copy-tos:disabled{opacity:.45;cursor:not-allowed}.btn-copy-tos.copied{color:var(--positive);border-color:color-mix(in srgb,var(--positive) 55%,transparent);background:var(--positive-soft)}.tos-copy-error{color:var(--negative);font-size:12px}.tos-preview{width:100%;font-size:12px;color:var(--text-dim);font-family:IBM Plex Mono,Courier New,monospace;padding:6px 8px;border:1px solid var(--table-border);border-radius:8px;background:var(--panel-bg);word-break:break-word}.tos-preview-label{color:var(--section-title-color);font-weight:700}.empty-cell{text-align:center!important;color:var(--empty-color)}.skew-section .section-head{margin-bottom:10px}.skew-status{border-radius:999px;padding:3px 10px;border:1px solid transparent;font-size:11px;font-weight:700}.skew-status.ok{color:var(--positive);border-color:color-mix(in srgb,var(--positive) 55%,transparent);background:var(--positive-soft)}.skew-status.partial{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 55%,transparent);background:var(--warn-soft)}.skew-status.unavailable{color:var(--negative);border-color:color-mix(in srgb,var(--negative) 55%,transparent);background:var(--negative-soft)}.skew-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:10px}.skew-metric-card{background:var(--metric-card-bg);border:1px solid var(--metric-card-border);border-radius:11px;padding:8px 10px}.skew-metric-label{color:var(--skew-label);font-size:11px}.skew-metric-value{margin-top:5px;font-size:16px;font-family:IBM Plex Mono,Courier New,monospace;font-weight:700}.skew-value-neutral{color:var(--skew-neutral)}.skew-value-warm{color:var(--skew-warm)}.skew-value-cool{color:var(--skew-cool)}.skew-help-box{margin-bottom:10px;border:1px solid var(--skew-help-border);background:var(--skew-help-bg);border-radius:11px;padding:10px 12px}.skew-help-title{font-size:11px;font-weight:700;margin-bottom:6px;color:var(--skew-help-title);text-transform:uppercase;letter-spacing:.04em}.skew-help-row{display:grid;grid-template-columns:158px 1fr;gap:8px;font-size:12px;color:var(--skew-help-text);margin-bottom:4px}.skew-help-label{font-weight:700;color:var(--skew-help-label)}.skew-help-tip{color:var(--skew-help-tip);font-size:12px}.skew-diagnostics{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--diag-color)}.skew-warning{color:var(--warn)}.error-msg{color:var(--negative)}.straddle-dashboard{display:grid;gap:14px;padding-bottom:12px}.straddle-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.straddle-title-block{display:flex;justify-content:center;align-items:center;padding-top:8px}.straddle-title-block h1{margin:0;font-size:clamp(24px,3vw,36px);letter-spacing:.08em;text-transform:uppercase;color:var(--title-color)}.straddle-title-block h1 span{color:var(--positive)}.straddle-metric-grid{display:grid;grid-template-columns:1.3fr 1fr 1.25fr 1fr 1fr;gap:12px}.straddle-metric-card{min-height:88px;display:grid;align-content:start;gap:6px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 92%,#0b0f14) 0%,var(--panel) 100%);box-shadow:0 10px 22px #0000002e}.straddle-metric-card.accent-positive .straddle-metric-value,.straddle-metric-card.accent-positive .straddle-metric-detail{color:var(--positive)}.straddle-metric-card.accent-cool .straddle-metric-value{color:#58a6ff}.straddle-metric-card.accent-warning .straddle-metric-value,.straddle-metric-card.accent-warning .straddle-metric-detail{color:#fb923c}.straddle-metric-card.accent-negative .straddle-metric-value{color:var(--negative)}.straddle-metric-label{color:var(--text-dim);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.straddle-metric-value{font-family:IBM Plex Mono,Courier New,monospace;font-size:clamp(22px,2.5vw,34px);font-weight:700;color:var(--title-color);line-height:1.04}.straddle-metric-detail{font-family:IBM Plex Mono,Courier New,monospace;font-size:11px;color:var(--text)}.straddle-metric-footnote{font-size:11px;color:var(--text-dim)}.straddle-action-card{align-content:center;justify-items:stretch}.straddle-refresh-button{width:100%;margin:2px 0 6px}.straddle-table-panel{padding:0;overflow:hidden}.straddle-table-wrap{overflow-x:auto}.straddle-table{width:100%;border-collapse:collapse;min-width:920px;font-family:IBM Plex Mono,Courier New,monospace;font-variant-numeric:tabular-nums}.straddle-table th,.straddle-table td{padding:12px;border-bottom:1px solid color-mix(in srgb,var(--line) 88%,transparent);white-space:nowrap}.straddle-table th{color:var(--table-head);background:color-mix(in srgb,var(--panel-2) 92%,transparent);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.straddle-table td{color:var(--text);font-size:12px}.straddle-table tbody tr:nth-child(odd){background:color-mix(in srgb,var(--panel-2) 45%,transparent)}.straddle-table tbody tr.is-front{background:linear-gradient(90deg,rgba(121,43,138,.18) 0%,transparent 56%)}.straddle-table tbody tr.is-near{background:linear-gradient(90deg,rgba(37,99,235,.12) 0%,transparent 56%)}.straddle-table tbody tr:hover{background:color-mix(in srgb,var(--row-hover) 90%,transparent)}.straddle-dte-cell{color:#aab6c6;font-weight:700}.straddle-dte-cell.is-zero{color:#ec4899}.straddle-table-strong{font-weight:700;color:var(--title-color)}.straddle-table-strong.is-straddle{color:var(--positive)}.straddle-table td.is-warning{color:#fb923c;font-weight:700}.straddle-quote-cell{display:inline-flex;gap:6px;align-items:center}.straddle-quote-sep{color:var(--text-dim)}.straddle-empty-row{text-align:center!important;color:var(--text-dim)}.straddle-chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.straddle-chart-panel{min-height:310px;padding:14px 14px 12px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 95%,#090d13) 0%,var(--panel) 100%);box-shadow:0 10px 22px #0000002e}.straddle-chart-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.straddle-chart-panel-head h3{margin:0;font-family:IBM Plex Mono,Courier New,monospace;font-size:15px;color:var(--title-color)}.straddle-chart-panel-head span{display:block;margin-top:4px;color:var(--text-dim);font-size:11px}.straddle-chart-svg{width:100%;height:auto;display:block}.straddle-chart-grid-line{stroke:color-mix(in srgb,var(--line) 85%,transparent);stroke-width:1}.straddle-chart-line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.straddle-chart-line.tone-warm{stroke:#f97367}.straddle-chart-line.tone-cool{stroke:#60a5fa}.straddle-chart-dot.tone-warm{fill:#f97367}.straddle-chart-dot.tone-cool{fill:#60a5fa}.straddle-term-bar{fill:#58a6ffb3}.straddle-term-line{fill:none;stroke:#fbbf24;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.straddle-term-dot{fill:#fbbf24}.straddle-chart-scale,.straddle-chart-label{fill:var(--text-dim);font-size:11px;font-family:IBM Plex Mono,Courier New,monospace}.straddle-chart-scale.is-right{text-anchor:start}.straddle-chart-label{text-anchor:middle}.straddle-chart-empty{min-height:220px;display:grid;place-items:center;text-align:center;border-radius:10px;border:1px dashed var(--line);color:var(--text-dim);background:color-mix(in srgb,var(--panel-2) 80%,transparent);padding:18px}.straddle-chart-note{margin-top:8px;color:var(--text-dim);font-size:11px;font-family:IBM Plex Mono,Courier New,monospace}.straddle-close-strip{padding-top:12px;padding-bottom:12px}.straddle-close-chip-row{display:flex;flex-wrap:wrap;gap:10px}.straddle-close-chip{min-width:140px;display:grid;gap:4px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel-2) 88%,transparent)}.straddle-close-chip span,.straddle-close-chip em,.straddle-close-chip small{color:var(--text-dim);font-size:11px;font-style:normal}.straddle-close-chip strong{color:var(--positive);font-family:IBM Plex Mono,Courier New,monospace;font-size:18px}.straddle-footer-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;color:var(--text-dim);font-size:11px;font-family:IBM Plex Mono,Courier New,monospace}.straddle-loading-state{display:grid;place-items:center;min-height:280px;text-align:center}.straddle-loading-copy{display:grid;gap:8px}.straddle-loading-copy h1{margin:0;color:var(--title-color)}.straddle-loading-copy p{margin:0;color:var(--text-dim)}.straddle-error-banner{padding:12px 14px;border-radius:14px;color:var(--negative);border:1px solid color-mix(in srgb,var(--negative) 55%,transparent);background:var(--negative-soft);box-shadow:0 8px 20px #b44f3a14}@media(max-width:1180px){.straddle-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.straddle-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.straddle-toolbar{flex-direction:column;align-items:stretch}.straddle-metric-grid,.straddle-chart-grid{grid-template-columns:1fr}.straddle-title-block h1{text-align:center;font-size:24px}}@media(max-width:740px){body{font-size:12px}.header-row{gap:8px}.app-nav-link,.dte-btn{font-size:11px;padding:5px 8px}.expiry-btn{min-width:98px}.metrics span{font-size:10px;padding:3px 6px}.strike-table{font-size:11px}.strike-table th,.strike-table td{padding:4px}.em-value{font-size:18px}.skew-help-row{grid-template-columns:1fr;gap:2px}.straddle-table th,.straddle-table td{padding:9px 8px}}