@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}.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-page{--positive: #13715e;--positive-soft: rgba(19, 113, 94, .12);--negative: #b44f3a;--negative-soft: rgba(180, 79, 58, .12);--warn: #9a6a1f;--warn-soft: rgba(154, 106, 31, .12);--refresh-border: #22626d;--refresh-bg: linear-gradient(180deg, #fcf8f1 0%, #e8ddd0 100%);--refresh-text: #17333d;--refresh-border-hover: #194e57;--refresh-bg-hover: linear-gradient(180deg, #f8f1e7 0%, #dfd1c1 100%);--refresh-text-hover: #10272e;--straddle-bg: #f4eee2;--straddle-bg-deep: #ebe2d2;--straddle-panel: rgba(255, 250, 242, .92);--straddle-panel-strong: #fffaf2;--straddle-panel-dark: #18222d;--straddle-panel-dark-border: #314354;--straddle-text: #16202c;--straddle-title: #11263a;--straddle-muted: #6b7684;--straddle-border: #d7cdbe;--straddle-border-strong: #cabca6;--straddle-row-hover: #f1e6d6;--straddle-front-row: rgba(19, 113, 94, .08);--straddle-near-row: rgba(31, 92, 153, .06);--straddle-chart-line: #79d6a3;--straddle-chart-text: #d6dee7;--straddle-chart-muted: #8ba0b4;--straddle-accent: #1f5c99;position:relative;min-height:calc(100vh - 20px);padding:18px;border-radius:30px;color:var(--straddle-text);background:radial-gradient(720px 320px at 100% 0%,#1f5c991f,#1f5c9900 72%),radial-gradient(640px 280px at 0% 0%,#b46f3a1f,#b46f3a00 70%),linear-gradient(180deg,var(--straddle-bg) 0%,var(--straddle-bg-deep) 100%);border:1px solid var(--straddle-border);box-shadow:0 30px 60px #1c202624;overflow:hidden}.straddle-page:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,#1b6a63,#cc8a45 48%,#255e9b)}.straddle-shell{display:grid;gap:20px;position:relative;z-index:1}.straddle-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:26px 28px;border-radius:24px;border:1px solid var(--straddle-border-strong);background:radial-gradient(circle at top right,rgba(31,92,153,.13) 0%,transparent 40%),radial-gradient(circle at bottom left,rgba(204,138,69,.13) 0%,transparent 38%),linear-gradient(145deg,#fffdf8,#f8f1e5);box-shadow:0 18px 40px #1b212917}.straddle-kicker{margin:0 0 8px;text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--straddle-accent);font-weight:700}.straddle-hero h1{margin:0;font-size:clamp(28px,4vw,42px);line-height:1.02;color:var(--straddle-title)}.straddle-subtitle{margin:10px 0 0;max-width:760px;color:var(--straddle-muted);font-size:14px}.straddle-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.straddle-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.straddle-card{display:grid;gap:9px;padding:19px 18px;border-radius:18px;border:1px solid var(--straddle-border);background:linear-gradient(180deg,rgba(255,255,255,.72) 0%,var(--straddle-panel) 100%);box-shadow:0 10px 24px #1b21290f;position:relative;overflow:hidden}.straddle-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--straddle-border-strong)}.straddle-card-positive{background:linear-gradient(180deg,rgba(19,113,94,.12) 0%,var(--straddle-panel) 68%)}.straddle-card-negative{background:linear-gradient(180deg,rgba(180,79,58,.12) 0%,var(--straddle-panel) 68%)}.straddle-card-positive:before{background:var(--positive)}.straddle-card-negative:before{background:var(--negative)}.straddle-card-neutral:before{background:var(--straddle-accent)}.straddle-card-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--straddle-muted);font-weight:700}.straddle-card-value{font-size:clamp(22px,3vw,34px);font-weight:700;line-height:1;color:var(--straddle-title)}.straddle-card-positive .straddle-card-value{color:var(--positive)}.straddle-card-negative .straddle-card-value{color:var(--negative)}.straddle-card-detail{color:var(--straddle-muted);font-size:13px}.straddle-table-card,.straddle-chart-card{padding:22px;border-radius:20px;border:1px solid var(--straddle-border);background:linear-gradient(180deg,rgba(255,255,255,.7) 0%,var(--straddle-panel-strong) 100%);box-shadow:0 12px 28px #1b21290f}.straddle-section-head,.straddle-chart-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.straddle-section-head h2,.straddle-chart-head h3{margin:0;color:var(--straddle-title);letter-spacing:-.02em}.straddle-section-head p,.straddle-chart-head span{margin:6px 0 0;color:var(--straddle-muted);font-size:13px}.straddle-resolution-pill{padding:6px 10px;border-radius:999px;font-size:12px;border:1px solid color-mix(in srgb,var(--straddle-accent) 18%,var(--straddle-border));background:#1f5c9914;color:var(--straddle-accent);font-weight:700}.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 10px;border-bottom:1px solid var(--straddle-border);text-align:left;white-space:nowrap}.straddle-table th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--straddle-muted);background:#fffaf2a6}.straddle-table td{color:var(--straddle-text)}.straddle-table tbody tr:nth-child(odd){background:#ffffff5c}.straddle-table tbody tr.is-front{background:linear-gradient(90deg,var(--straddle-front-row) 0%,rgba(255,255,255,0) 55%)}.straddle-table tbody tr.is-near{background:linear-gradient(90deg,var(--straddle-near-row) 0%,rgba(255,255,255,0) 55%)}.straddle-table tbody tr:hover{background:var(--straddle-row-hover)}.straddle-table-strong{font-weight:700;color:var(--straddle-title)}.straddle-quote-cell{display:inline-flex;gap:6px;align-items:center}.straddle-quote-sep{color:var(--straddle-muted)}.straddle-impl-move{display:grid;gap:2px}.straddle-impl-move span:last-child{color:var(--straddle-muted);font-size:11px}.straddle-empty-row{text-align:center!important;color:var(--straddle-muted)}.straddle-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.straddle-chart-card{border-color:var(--straddle-panel-dark-border);background:radial-gradient(circle at top right,rgba(121,214,163,.12) 0%,transparent 40%),linear-gradient(180deg,#18222d,#111922)}.straddle-chart-card .straddle-chart-head h3{color:#f4f7fb}.straddle-chart-card .straddle-chart-head span{color:var(--straddle-chart-muted)}.straddle-chart-svg{width:100%;height:auto;display:block}.straddle-chart-axis-line{stroke:#d6dee729;stroke-width:1}.straddle-chart-line{fill:none;stroke:var(--straddle-chart-line);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px rgba(121,214,163,.18))}.straddle-chart-dot{fill:var(--straddle-chart-line)}.straddle-chart-scale{fill:var(--straddle-chart-text);font-size:12px}.straddle-chart-footer{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:var(--straddle-chart-muted);font-size:12px}.straddle-chart-empty{min-height:220px;display:grid;place-items:center;text-align:center;border-radius:16px;background:#ffffff0a;color:var(--straddle-chart-muted);padding:18px;border:1px dashed rgba(214,222,231,.18)}.straddle-loading-state{display:grid;place-items:center}.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:980px){body{padding:10px}.header,.main-section{padding:12px}.title{width:100%;margin-bottom:2px}.spx-price{font-size:18px}.section-controls{width:100%}.bar-cell{width:86px}.straddle-card-grid,.straddle-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:740px){body{font-size:12px}.header-row{gap:8px}.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-hero{padding:18px;flex-direction:column}.straddle-card-grid,.straddle-chart-grid{grid-template-columns:1fr}.straddle-table-card,.straddle-chart-card{padding:16px}}