:root{--font-sans:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-heading:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius:8px;--radius-sm:6px}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f5f6f8;--surface:#fff;--surface-2:#f2f4f7;--ink:#1b1f27;--ink-2:#4b5261;--muted:#7a8190;--grid:#e9ebef;--border:#e2e5ea;--accent:#4a7ddb;--accent-wash:#4a7ddb1f;--spot:#e9a23b;--nav:#fff;--gain:#1f9d55;--loss:#d9433b;--gain-wash:#1f9d551a;--loss-wash:#d9433b17;--itm-wash:#1f9d5512;--itm-put-wash:#d9433b0f;--atm-wash:#4a7ddb24}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#25272d;--surface:#2a2c32;--surface-2:#33363d;--ink:#f2f2f2;--ink-2:#c3c8d1;--muted:#9ea4ae;--grid:#383b43;--border:#ffffff14;--accent:#6b91d8;--accent-wash:#6b91d82e;--spot:#e9a23b;--nav:#2a2d32;--gain:#5ec269;--loss:#e0524a;--gain-wash:#5ec2691f;--loss-wash:#e0524a1f;--itm-wash:#5ec26912;--itm-put-wash:#e0524a12;--atm-wash:#6b91d838}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#25272d;--surface:#2a2c32;--surface-2:#33363d;--ink:#f2f2f2;--ink-2:#c3c8d1;--muted:#9ea4ae;--grid:#383b43;--border:#ffffff14;--accent:#6b91d8;--accent-wash:#6b91d82e;--spot:#e9a23b;--nav:#2a2d32;--gain:#5ec269;--loss:#e0524a;--gain-wash:#5ec2691f;--loss-wash:#e0524a1f;--itm-wash:#5ec26912;--itm-put-wash:#e0524a12;--atm-wash:#6b91d838}}*{box-sizing:border-box}body{background:var(--page);color:var(--ink);font-family:var(--font-sans);margin:0;font-size:13px;line-height:1.45}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}select,input[type=date]{font:inherit;color:var(--ink);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:5px 8px}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.shell{flex-direction:column;height:100vh;display:flex}.topbar{background:var(--nav);border-bottom:1px solid var(--border);align-items:center;gap:10px;height:44px;padding:0 18px;display:flex}.brand{white-space:nowrap;align-items:center;gap:8px;display:flex}.brand-mark{color:#4272b8;width:20px;height:22px}.brand-name{font-family:var(--font-heading);letter-spacing:-.025em;font-size:16px;font-weight:700}.asset-pick{position:relative}.asset-btn{border-radius:var(--radius-sm);font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:2px 4px;font-size:13px;font-weight:600;display:flex}.asset-btn:hover,.asset-btn[aria-expanded=true]{background:var(--surface-2)}.coin-logo{flex:none;display:inline-block}.coin-fallback{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.asset-caret{border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);width:7px;height:7px;margin-left:2px;transform:translateY(-2px)rotate(45deg)}.asset-menu{z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:8px;min-width:190px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 28px #0000002e}.asset-menu li{border-radius:var(--radius-sm);color:var(--ink);cursor:pointer;align-items:center;gap:10px;padding:7px 10px 7px 6px;font-size:13px;font-weight:500;display:flex}.asset-menu li:hover{background:var(--surface-2)}.asset-tick{text-align:center;width:14px;color:var(--ink)}.assetbar{white-space:nowrap;align-items:center;gap:10px;display:flex}.assetbar .asset-btn{padding:4px 6px;font-size:14px}.asset-stats{border-left:1px solid var(--border);gap:12px;padding-left:12px;display:flex}.tstat{flex-direction:column;line-height:1.2;display:flex}.tstat .k{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:9px}.tstat .v{letter-spacing:-.01em;font-size:12px;font-weight:600}.topbar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.replay-badge{border-radius:var(--radius-sm);background:var(--gain-wash);color:var(--gain);white-space:nowrap;align-items:center;gap:6px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.replay-badge .num{font-weight:500}.replay-badge .dot{background:currentColor;border-radius:50%;width:7px;height:7px}.theme-toggle{border:1px solid var(--border);background:var(--surface);border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;line-height:1;display:inline-flex}.theme-toggle:hover{border-color:var(--accent)}.dte{text-align:right;min-width:12ch;color:var(--muted);white-space:nowrap;font-size:12px;display:inline-block}.asset-stats .tstat:first-child .v{min-width:11ch}.asset-stats .tstat:nth-child(2) .v{min-width:6ch}.asset-stats .tstat:nth-child(3) .v{min-width:9ch}.expiry-bar{border-bottom:1px solid var(--border);background:var(--surface);flex:none;align-items:center;gap:6px;padding:7px 8px;display:flex}.expiry-arrow{border-radius:var(--radius-sm);width:22px;height:28px;color:var(--muted);font-size:18px;line-height:1}.expiry-arrow:hover{background:var(--surface-2);color:var(--ink)}.expiry-tabs{scrollbar-width:none;flex:auto;gap:8px;min-width:0;display:flex;overflow-x:auto}.expiry-tabs::-webkit-scrollbar{display:none}.expiry-tab{border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink-2);letter-spacing:.01em;white-space:nowrap;flex:none;padding:6px 14px;font-size:13px;font-weight:500;line-height:1.2}.expiry-tab.active{background:var(--accent);color:#fff;font-weight:600}.expiry-tab:hover:not(.active){color:var(--ink)}.expiry-bar-end{flex:none;margin-left:6px}.chain-view{border:1px solid var(--border);border-radius:6px;display:inline-flex;overflow:hidden}.chain-view button{letter-spacing:.03em;color:var(--muted);background:0 0;border:0;padding:3px 10px;font-size:11px;font-weight:600}.chain-view button+button{border-left:1px solid var(--border)}.chain-view button:hover:not(.active){color:var(--ink)}.chain-view button.active{background:var(--accent);color:#fff}.main{background:var(--page);flex:1;grid-template-columns:620px 6px minmax(0,1fr);min-height:0;display:grid}.pane{background:var(--surface);flex-direction:column;min-height:0;display:flex;overflow:hidden}.pane-divider{cursor:col-resize;background:var(--page);position:relative}.pane-divider:after{content:"";background:var(--grid);border-radius:2px;width:4px;height:28px;margin-top:-14px;position:absolute;top:50%;left:1px}.pane-divider:hover:after{background:var(--accent)}.pane-tabs{border-bottom:1px solid var(--border);background:var(--surface);flex:none;align-items:center;gap:6px;padding:5px 8px;display:flex}.pane-tab{border-radius:var(--radius-sm);color:var(--ink-2);white-space:nowrap;border:1.5px solid #0000;align-items:center;gap:7px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.pane-tab svg{width:15px;height:15px}.pane-tab:hover{background:var(--surface-2)}.pane-tab.active{background:color-mix(in srgb, var(--accent) 8%, var(--surface));border-color:var(--accent);color:var(--ink);font-weight:600}.pane-tab .badge{background:var(--accent-wash);color:var(--accent);border-radius:999px;padding:0 6px;font-size:11px;font-weight:600;line-height:16px}.pane-tabs-end{margin-left:auto}.pane-body{flex:auto;min-height:0;overflow:auto}.chain-pane{flex-direction:column;display:flex;overflow:hidden}.chain-scroll{flex:1;min-height:0;overflow:auto}.strategy-body{flex-direction:column;padding:0;display:flex;overflow:hidden}.strategy-body>.positions-card{background:var(--surface);border:0;border-radius:0;padding:0}.analysis-body{flex-direction:column;padding:10px 12px;display:flex}.payoff-fill{flex-direction:column;flex:auto;min-height:0;display:flex;container-type:inline-size}.payoff-fill>div{flex-direction:column;flex:auto;min-height:0;display:flex}.payoff-fill>.metrics-bar{flex:none;display:grid}.payoff-fill .chart-wrap{flex:auto;height:auto;min-height:240px}.empty-analysis{color:var(--muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:40px 24px;display:flex}.empty-analysis svg{stroke-width:1.5px;width:44px;height:44px;color:var(--grid);margin-bottom:8px}.empty-analysis-title{color:var(--ink-2);font-size:15px;font-weight:600}.empty-analysis-sub{font-size:13px}.pane-off{display:none}.main.narrow{grid-template-columns:minmax(0,1fr);padding-bottom:54px}.main.narrow .pane-divider,.main.narrow .pane-tabs{display:none}.face-bar{z-index:40;padding:4px 6px;padding-bottom:max(4px, env(safe-area-inset-bottom));scrollbar-width:none;background:var(--surface);border-top:1px solid var(--border);align-items:stretch;gap:2px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.face-bar::-webkit-scrollbar{display:none}.face-btn{min-width:62px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;flex:1 0 auto;align-items:center;gap:2px;padding:5px 8px 4px;font-size:10px;font-weight:600;display:inline-flex}.face-btn svg{width:17px;height:17px}.face-btn.active{background:var(--accent-wash);color:var(--accent)}.face-btn .badge{position:absolute;transform:translate(16px,-4px)}.positions-card{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.panel-body{flex:auto;min-height:0;overflow:auto}.pane-note{color:var(--muted);text-align:center;padding:40px 24px}.pane-note.error{color:var(--loss)}.chain{--group-h:32px;border-collapse:collapse;width:100%;font-size:10.5px}.chain .num{font-family:var(--font-sans);font-variant-numeric:tabular-nums}.chain thead th{z-index:2;background:var(--surface);color:var(--ink-2);border-bottom:1px solid var(--border);padding:5px 8px;font-size:10px;font-weight:500;position:sticky;top:0}.chain thead .group-row th{height:var(--group-h);text-align:center;border-bottom:0;padding:0 10px;font-size:14px;font-weight:700}.chain thead .group-row th.strike-col{letter-spacing:.06em;text-transform:uppercase;color:var(--ink);font-size:12px;font-weight:700}.chain .group-label{align-items:center;gap:10px;display:inline-flex}.chain .group-arrow{width:20px;height:20px;color:inherit;opacity:.75;border-radius:5px;font-size:16px;line-height:1}.chain .group-arrow:hover{opacity:1;background:var(--surface-2)}.chain thead .col-row th{top:var(--group-h)}.chain thead .col-row th.strike-col{color:var(--ink-2);font-weight:500}.chain thead .group-head.call{color:var(--gain)}.chain thead .group-head.put{color:var(--loss)}.chain thead .col-row th small{font-size:10px;font-weight:inherit}.chain thead .col-row th small:before{content:"("}.chain thead .col-row th small:after{content:")"}.chain td{text-align:right;border-bottom:1px solid var(--grid);white-space:nowrap;padding:6px 8px}.chain .vol-col,.chain .delta-col,.chain .mark-col{text-align:center}.chain .strike-col{text-align:center;width:84px;font-family:var(--font-sans);letter-spacing:-.01em;background:var(--surface-2);border-left:1px solid var(--border);border-right:1px solid var(--border);font-size:12px;font-weight:700}.chain thead .strike-col{background:var(--surface-2)}.chain .mp-cell{flex-direction:column;align-items:center;line-height:1.2;display:inline-flex}.chain .mp-price{color:var(--ink);font-size:11px;font-weight:700}.chain .mp-iv{color:var(--muted);font-size:9px}.chain td.itm{background:var(--itm-wash)}.chain td.itm.put{background:var(--itm-put-wash)}.chain .dim{color:var(--muted)}.chain tr.spot-row td{border:none;height:0;padding:0;line-height:0}.chain tr.atm .strike-col{background:var(--atm-wash)}.chain .atm-box{color:var(--accent);flex-direction:column;align-items:center;gap:2px;line-height:1.05;display:inline-flex}.chain .atm-box small{background:var(--accent-wash);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);border-radius:999px;padding:1px 7px;font-size:9px;font-weight:600}.chain tr.selected .strike-col{box-shadow:inset 3px 0 0 var(--accent);color:var(--accent)}.chain.greeks{table-layout:fixed;font-size:11px}.chain.greeks th.greek-col{width:calc(10% - 8.4px)}.chain.greeks th{padding:5px 6px}.chain.greeks td{padding:10px 6px;line-height:17px}.chain.greeks td.strike-col{padding:6px}.chain.greeks thead .group-row th{height:var(--group-h);padding:0 6px}.chain.greeks thead .col-row th{top:var(--group-h)}.chain.greeks .group-head{border-right:1px solid var(--border)}.chain.greeks .group-head.put{border-right:0;border-left:1px solid var(--border)}.chain.greeks .greek-col{text-align:right}.chain.greeks .greek-col.put{text-align:left}.chain .side-cell{padding-top:2px;padding-bottom:2px;position:relative}.chain .cellbar{justify-content:space-between;align-items:center;gap:8px;display:flex}.chain .trade-btns{z-index:1;opacity:0;border-radius:5px;gap:3px;padding:2px;transition:opacity .1s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.chain .cellbar .trade-btns{right:4px}.chain .cellbar.put .trade-btns{left:4px;right:auto}.chain.greeks .side-cell{min-width:56px}.chain.greeks .cellbar{justify-content:flex-end}.chain.greeks .cellbar.put{justify-content:flex-start}.chain.greeks .held-unit{display:none}.chain tr:hover .trade-btns,.chain .trade-btns.has-pos{opacity:1}.chain .trade-btns:has(:focus-visible){opacity:1}.chain tr:hover .trade-btns,.chain .trade-btns.has-pos{background:var(--surface);border-radius:7px;gap:4px;padding:4px;box-shadow:0 2px 8px #00000024}.chain .trade-btns:has(:focus-visible){background:var(--surface);border-radius:7px;gap:4px;padding:4px;box-shadow:0 2px 8px #00000024}.chain .held-lots{align-items:center;gap:5px;margin-left:2px;display:inline-flex}.chain .held-select{border:1px solid var(--border);background:var(--surface-2);height:22px;color:var(--ink);font-family:var(--font-sans);cursor:pointer;border-radius:5px;padding:0 4px 0 7px;font-size:11px;font-weight:600}.chain .held-select:hover{border-color:var(--ink-2)}.chain .held-unit{color:var(--muted);white-space:nowrap;font-size:10px}.trade-btns:has(.held-lots) .trade-count{display:none}.trade-btns>button>.tick{margin-right:1px;font-size:9px}@media (hover:none){.chain .trade-btns{opacity:1}}.trade-btns>button{background:var(--surface);border:1px solid;border-radius:4px;min-width:22px;height:22px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;position:relative;overflow:visible}.trade-btns>.buy{color:var(--gain)}.trade-btns>.sell{color:var(--loss)}.trade-btns>.buy:hover{background:var(--gain-wash)}.trade-btns>.sell:hover{background:var(--loss-wash)}.trade-btns>button.selected{color:#fff}.trade-btns>.buy.selected{background:var(--gain);border-color:var(--gain)}.trade-btns>.sell.selected{background:var(--loss);border-color:var(--loss)}.trade-count{color:#fff;background:var(--ink);pointer-events:none;border-radius:999px;min-width:14px;padding:0 3px;font-size:8px;font-weight:700;line-height:12px;position:absolute;top:-6px;right:-7px}.trade-count.long{background:var(--gain)}.trade-count.short{background:var(--loss)}.chain .vol-track{flex:1;align-self:stretch;align-items:center;display:flex;position:relative}.chain .vol-track.call,.chain .vol-track.put{justify-content:center}.chain .cellbar:has(.trade-btns.has-pos) .vol-track.call{justify-content:flex-start}.chain .cellbar:has(.trade-btns.has-pos) .vol-track.put{justify-content:flex-end}.chain .vol-track .cell-main{font-weight:600}.chain .vol-track.call .cell-main{color:var(--gain)}.chain .vol-track.put .cell-main{color:var(--loss)}.vol-bar{opacity:.16;pointer-events:none;position:absolute;top:-2px;bottom:-2px}.vol-bar.call{background:var(--gain);right:0}.vol-bar.put{background:var(--loss);left:0}.card{background:var(--page);border:1px solid var(--border);border-radius:10px;padding:12px}.card h2{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px;font-size:12px;font-weight:600}.legs-table{border-collapse:collapse;width:100%;font-size:12px}.legs-table td,.legs-table th{text-align:right;white-space:nowrap;padding:4px 5px}.legs-table td{border-bottom:1px solid var(--grid)}.legs-table td:first-child,.legs-table th:first-child{padding-left:10px}.legs-table td:last-child,.legs-table th:last-child{padding-right:10px}.legs-table th{z-index:3;background:var(--surface);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);font-size:11px;font-weight:500;position:sticky;top:0}.legs-table td:first-child,.legs-table th:first-child{text-align:left}.legs-table tr.leg-exited td{background:var(--gain-wash)}.legs-table tr.leg-settled td{background:var(--surface-2);color:var(--muted)}.modal-overlay{z-index:60;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.expiry-alert{background:var(--surface);border:1px solid var(--border);border-radius:10px;width:min(460px,100vw - 32px);max-height:80vh;padding:18px 20px;overflow-y:auto;box-shadow:0 12px 40px #00000059}.expiry-alert h2{margin:0 0 2px;font-size:16px}.expiry-alert-sub{color:var(--muted);margin:0 0 12px;font-size:13px}.expiry-alert-table{border-collapse:collapse;width:100%;font-size:13px}.expiry-alert-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:4px 6px;font-weight:500}.expiry-alert-table th.num,.expiry-alert-table td.num{text-align:right}.expiry-alert-table td{border-bottom:1px solid var(--border);padding:6px}.expiry-alert .dim{color:var(--muted)}.expiry-side{font-size:11px;font-weight:600}.expiry-side.long{color:var(--gain)}.expiry-side.short{color:var(--loss)}.expiry-alert-note{color:var(--muted);margin:10px 0 14px;font-size:12px}.expiry-alert-actions{justify-content:flex-end;gap:8px;display:flex}.expiry-alert-actions button{border:1px solid var(--border);background:var(--surface-2);color:var(--ink);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:13px}.expiry-alert-actions .expiry-accept{background:var(--accent);border-color:var(--accent);color:#fff}.confirm-dialog{background:var(--surface);border:1px solid var(--border);border-radius:10px;width:min(420px,100vw - 32px);padding:18px 20px;box-shadow:0 12px 40px #00000059}.confirm-dialog h2{margin:0 0 10px;font-size:16px}.confirm-body p{color:var(--ink-2);margin:0 0 8px;font-size:13px;line-height:1.5}.confirm-body .confirm-note{color:var(--muted);font-size:12px}.confirm-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.confirm-actions button{border:1px solid var(--border);background:var(--surface-2);color:var(--ink);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:13px}.confirm-actions .confirm-accept{background:var(--loss);border-color:var(--loss);color:#fff}.legs-table tr.leg-exited .qty-box,.legs-table tr.leg-exited .leg-side:disabled,.legs-table tr.leg-settled .qty-box,.legs-table tr.leg-settled .leg-side:disabled{opacity:.6;cursor:default}.legs-table tr.leg-exited .leg-side:disabled:hover,.legs-table tr.leg-settled .leg-side:disabled:hover{outline:none}.legs-table .leg-exit,.legs-table .leg-revert{border-radius:5px;padding:2px 5px;font-size:13px;line-height:1}.legs-table .leg-exit{color:var(--loss)}.legs-table .leg-exit:hover:not(:disabled){background:var(--loss-wash)}.legs-table .leg-exit:disabled{color:var(--muted);cursor:not-allowed}.legs-table .leg-revert{color:var(--gain)}.legs-table .leg-revert:hover{background:var(--gain-wash);outline:1px solid}.legs-table td.stamp{line-height:1.35}.legs-table td.stamp .stamp-exit{color:var(--muted);font-size:.85em;display:block}.legs-table .leg-reason{border:1px solid var(--muted);color:var(--muted);letter-spacing:.04em;cursor:help;border-radius:4px;margin-left:5px;padding:0 4px;font-size:9px;font-weight:700}.leg-side{cursor:pointer;border-radius:5px;padding:1px 7px;font-size:11px;font-weight:700}.leg-side:hover{outline:1px solid}.leg-side.long{color:var(--gain);background:var(--gain-wash)}.leg-side.short{color:var(--loss);background:var(--loss-wash)}.qty-box{background:var(--surface-2);border:1px solid var(--border);border-radius:5px;align-items:stretch;display:inline-flex;overflow:hidden}.qty-box:focus-within{border-color:var(--accent,var(--ink))}.qty-step{width:16px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;line-height:1}.qty-step:hover:not(:disabled){background:var(--surface);color:var(--ink)}.qty-step:disabled{opacity:.4;cursor:default}input.qty{width:38px;font:inherit;font-family:var(--font-mono);color:var(--ink);text-align:center;appearance:textfield;background:0 0;border:none;outline:none;padding:2px}input.qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.lot-sizer{flex-direction:column;gap:3px;display:flex}.lot-sizer-row{align-items:center;gap:6px;display:inline-flex}.lot-sizer input.qty{text-align:right;width:56px;font-size:13px}.lot-sizer-unit{color:var(--ink-2);font-size:13px}.lot-sizer-note{color:var(--muted);justify-content:space-between;gap:12px;font-size:11px;display:flex}.legs-table .remove{color:var(--muted);padding:0 4px;font-size:15px}.legs-table .remove:hover{color:var(--loss)}.empty-legs{color:var(--ink-2);margin:0 0 8px;padding:4px 0;font-size:13px}.strategy-footer{border-top:1px solid var(--border);background:var(--surface);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:10px;margin:0;padding:10px 14px;display:flex}.open-pnl{font-size:13px;font-weight:600}.open-pnl.gain{color:var(--gain)}.open-pnl.loss,.card h2 .legs-full{color:var(--loss)}.net-premium{font-size:13px;font-weight:600}.net-premium.gain{color:var(--gain)}.panel-head{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;gap:10px;margin:0;padding:8px 14px;display:flex}.panel-head h2{align-items:center;gap:8px;margin:0;display:flex}.count-chip{background:var(--surface-2);font-family:var(--font-mono);letter-spacing:0;color:var(--ink-2);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:600}.count-chip.legs-full{background:var(--loss-wash);color:var(--loss)}.panel-head-actions{align-items:center;gap:10px;display:flex}.pop-vols{text-align:left;flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.pop-vols .k{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.pop-vols .dim{color:var(--muted)}.pop-flag{color:var(--muted);margin-left:2px}.leg-greeks{margin-top:14px}.leg-badge{text-align:center;border-radius:4px;min-width:16px;margin-right:6px;padding:0 3px;font-size:10px;font-weight:700;line-height:16px;display:inline-block}.leg-badge.long{background:var(--gain-wash);color:var(--gain)}.leg-badge.short{background:var(--loss-wash);color:var(--loss)}.leg-greeks .leg-qty{margin-left:4px}.leg-greeks td.leg-ident{padding-top:7px;padding-bottom:7px;line-height:1.2}.leg-greeks .leg-strike{letter-spacing:-.01em;font-size:15px;font-weight:600;display:block}.leg-greeks .leg-sub{margin-top:3px;font-size:11px;display:block}.leg-greeks tr.leg-total td{background:var(--surface-2);border-bottom:1px solid var(--border);font-size:14px;font-weight:600}.leg-greeks tr.leg-total td.leg-ident{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:500}.clear-btn{border:1.5px solid var(--loss);background:var(--loss-wash);color:var(--loss);border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.clear-btn svg{width:13px;height:13px}.clear-btn:hover{background:var(--loss);color:#fff}.exit-btn{border:1.5px solid var(--loss);background:var(--surface);color:var(--loss);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.exit-btn:hover:not(:disabled){background:var(--loss-wash)}.exit-btn:disabled{border-color:var(--border);color:var(--muted);cursor:not-allowed}.select-chain-bar{border-radius:var(--radius-sm);background:var(--accent);color:#fff;justify-content:center;align-items:center;gap:10px;width:calc(100% - 20px);margin:10px 10px 12px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.select-chain-bar svg{width:18px;height:18px}.select-chain-bar:hover:not(:disabled){filter:brightness(.95)}.select-chain-bar:disabled{opacity:.5;cursor:not-allowed}.metric-note{color:var(--muted);grid-column:1/-1;font-size:11px}.chart-wrap{-webkit-user-select:none;user-select:none;height:260px}.chart-legend{color:var(--muted);gap:16px;margin:0 0 6px 4px;font-size:11px;display:flex}.chart-legend span{align-items:center;gap:6px;display:inline-flex}.chart-legend .swatch{width:16px;height:0}.chart-legend .swatch.now{border-top:2.25px solid var(--accent)}.chart-legend .swatch.expiry{border-top:2px solid var(--ink-2)}.chart-legend .swatch.sigma{border-top:2px dotted var(--ink)}.chart-legend .swatch.breakeven{border-top:2px dashed var(--accent)}.chart-legend .swatch.dot{border-radius:50%;width:10px;height:10px}.chart-legend .swatch.dot.gain{background:color-mix(in srgb, var(--gain) 35%, transparent)}.chart-legend .swatch.dot.loss{background:color-mix(in srgb, var(--loss) 35%, transparent)}.chart-zoom{color:var(--muted);padding:0 6px;font-size:11px}.chart-controls{gap:4px;margin-left:auto;display:inline-flex}.chart-controls button{border:1px solid var(--border);background:var(--surface-2);width:22px;height:22px;color:var(--ink-2);border-radius:6px;justify-content:center;align-items:center;font-size:13px;line-height:1;display:inline-flex}.chart-controls button:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.chart-controls button:disabled{opacity:.4}.chart-tooltip{background:var(--surface);border:1px solid var(--border);border-radius:10px;min-width:190px;font-size:12px;overflow:hidden;box-shadow:0 8px 24px #0000001f}.chart-tooltip .tt-head{background:var(--surface-2);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:14px;font-weight:700;display:flex}.chart-tooltip .tt-chip{border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600}.chart-tooltip .tt-chip.gain{color:var(--gain);background:var(--gain-wash)}.chart-tooltip .tt-chip.loss{color:var(--loss);background:var(--loss-wash)}.chart-tooltip .tt-row{border-top:1px solid var(--grid);color:var(--ink-2);justify-content:space-between;align-items:center;gap:16px;padding:6px 12px;display:flex}.chart-tooltip .tt-row>span{align-items:center;gap:6px;display:inline-flex}.chart-tooltip .tt-row .swatch{width:14px;height:0}.chart-tooltip .swatch.expiry{border-top:2px solid var(--ink-2)}.chart-tooltip .swatch.now{border-top:2px solid var(--accent)}.chart-tooltip .gain{color:var(--gain)}.chart-tooltip .loss{color:var(--loss)}.chart-tooltip .tt-row.spot b{color:var(--spot)}.replay-basis{text-transform:uppercase;letter-spacing:.04em;border:1px solid;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:10px}.timebar{border-bottom:1px solid var(--border);background:var(--page);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:6px 12px 5px;display:grid}.timebar-asset{grid-column:1;justify-self:start}.timebar-controls{flex-wrap:wrap;grid-column:2;justify-content:center;align-items:center;gap:6px;display:flex}.timebar-run{grid-column:3;justify-self:end}.timebar-scrub{grid-column:1/-1}@media (width<=1470px){.timebar-asset,.timebar-run{grid-row:1}.timebar-controls{grid-area:2/1/auto/-1}.timebar-scrub{grid-row:3}}@media (width<=1100px){.timebar{flex-wrap:wrap;gap:6px 8px;padding:6px 10px 5px;display:flex}.timebar-asset,.timebar-controls,.timebar-run{flex:auto;justify-content:flex-start}.timebar-run{justify-content:flex-end}.pill{padding:3px 5px;font-size:10px}.asset-stats{gap:8px;padding-left:8px}.asset-stats .tstat .v,.dte{min-width:0}}@media (width<=700px){.timebar-clock select,.timebar-clock input{font-size:12px}.asset-stats .tstat:nth-child(3){display:none}.timebar-controls{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.timebar-controls::-webkit-scrollbar{display:none}.timebar-group,.timebar-clock{flex:none}.topbar{gap:6px;padding:0 10px}.brand-name{font-size:14px}.topbar-right{gap:6px;min-width:0}.replay-badge{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}}@media (width<=430px){.brand-name{display:none}}.timebar-group{background:color-mix(in srgb, var(--ink) 6%, var(--page));border-radius:8px;gap:1px;padding:2px;display:flex}.pill{color:var(--ink-2);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:11px;font-weight:500}.pill:hover:not(:disabled){background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000014}.pill:disabled{opacity:.4;cursor:default}.pill.active,.pill.active:hover:not(:disabled){background:var(--accent);color:#fff;outline:none}.timebar-scrub{flex-basis:100%;align-items:center;gap:12px;padding-top:12px;display:flex}.scrub-end{letter-spacing:.02em;color:var(--ink-2);font-size:12px}.scrub-track{flex:1;align-items:center;display:flex;position:relative}.scrub-track input[type=range]{--pct:0%;appearance:none;background:repeating-linear-gradient(to right, color-mix(in srgb, var(--ink) 20%, transparent) 0 1px, transparent 1px calc(100% / 8)), linear-gradient(to right, var(--accent) var(--pct), var(--grid) var(--pct));cursor:pointer;border-radius:4px;outline:none;width:100%;height:8px;margin:0}.scrub-track input[type=range]:disabled{opacity:.4;cursor:default}.scrub-track input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--page);width:14px;height:14px;box-shadow:0 0 0 1px var(--accent);border-radius:50%}.scrub-track input[type=range]::-moz-range-thumb{background:var(--accent);border:2px solid var(--page);width:14px;height:14px;box-shadow:0 0 0 1px var(--accent);border-radius:50%}.scrub-track input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 28%, transparent)}.scrub-track input[type=range]:hover:not(:disabled)::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 28%, transparent)}.scrub-now{letter-spacing:.02em;color:#fff;background:var(--accent);box-shadow:0 1px 3px color-mix(in srgb, var(--accent) 40%, transparent);white-space:nowrap;pointer-events:none;border-radius:5px;margin-bottom:2px;padding:2px 7px;font-size:12px;font-weight:600;line-height:15px;position:absolute;bottom:100%;transform:translate(-50%)}.timebar-clock{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:stretch;display:flex;overflow:hidden}.timebar-clock select{font-size:13px;font-weight:500;font-family:var(--font-mono);border:none;border-left:1px solid var(--border);color:var(--ink);background:0 0;border-radius:0;padding:6px 4px}.timebar-clock select:hover,.timebar-clock input[type=date]:hover{background:var(--surface-2)}.timebar-clock select:focus-visible,.timebar-clock input[type=date]:focus-visible{box-shadow:inset 0 0 0 1.5px var(--accent);outline:none}.timebar-run{align-items:center;gap:6px;margin-left:auto;display:flex}@media (width>=1101px){.timebar-run{margin-left:0}}.timebar-run select{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:6px;padding:6px 8px;font-size:12px}.auto-run{border:1.5px solid var(--gain);color:var(--gain);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:600}.auto-run:hover:not(:disabled){background:var(--gain-wash)}.auto-run.running{background:var(--gain);color:#fff}.auto-run:disabled{opacity:.5;cursor:default}.timebar-run{position:relative}.autorun-pop{z-index:40;background:var(--page);border:1px solid var(--border);border-radius:10px;min-width:380px;padding:12px 14px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 28px #0000002e}.autorun-cols{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.autorun-head{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:6px;font-size:12px;font-weight:600}.autorun-col{flex-direction:column;gap:8px;display:flex}.autorun-col label{cursor:pointer;white-space:nowrap;align-items:center;gap:7px;font-size:13px;display:flex}.autorun-col input[type=radio]{accent-color:var(--accent);margin:0}.autorun-custom{gap:4px;display:flex}.autorun-custom select{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:6px;padding:4px 6px;font-size:12px}.autorun-foot{border-top:1px solid var(--border);justify-content:space-between;margin-top:12px;padding-top:10px;display:flex}.autorun-close{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:13px}.autorun-start{background:var(--gain);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:600}.autorun-start:hover{filter:brightness(1.1)}.run-banner{border-bottom:1px solid var(--border);align-items:center;padding:8px 16px;font-size:13px;display:flex}.run-banner.gain{background:var(--gain-wash);color:var(--gain)}.run-banner.loss{background:var(--loss-wash);color:var(--loss)}.exit-card{border:1px solid var(--border);border-left:3px solid var(--muted);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);flex-direction:column;gap:10px;margin:10px 10px 0;padding:10px 14px 12px;display:flex}.exit-card.gain{border-left-color:var(--gain)}.exit-card.loss{border-left-color:var(--loss)}.exit-card-head{align-items:center;gap:10px;display:flex}.exit-card-title{align-items:center;font-size:13px;font-weight:700;display:flex}.exit-card-when{color:var(--muted);font-size:12px}.exit-card-stats{flex-wrap:wrap;align-items:flex-end;gap:8px 24px;display:flex}.exit-stat{flex-direction:column;gap:2px;line-height:1.15;display:flex}.exit-card-cap{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:10px;font-weight:600}.exit-stat-value{color:var(--ink-2);white-space:nowrap;font-size:13px;font-weight:600}.exit-card-figure{font-size:18px;font-weight:700}.exit-card.gain .exit-card-figure{color:var(--gain)}.exit-card.loss .exit-card-figure{color:var(--loss)}.exit-card-new{border:1px solid var(--accent);background:var(--accent-wash);color:var(--accent);cursor:pointer;white-space:nowrap;border-radius:6px;margin-left:auto;padding:7px 14px;font-size:12px;font-weight:600}.exit-card-new:hover{background:var(--accent);color:#fff}.exit-card-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:auto;padding:4px 6px;font-size:12px;line-height:1}.exit-card-close:hover{color:var(--ink);background:var(--surface-2)}.payoff-fill.closed,.payoff-fill.closed>div{flex:none;min-height:auto}.payoff-fill.closed .chart-wrap{flex:none;height:250px;min-height:0}.payoff-fill.closed .review-wrap{height:230px}.trade-review{border-top:1px solid var(--border);flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;display:flex}.review-strip{flex-wrap:wrap;align-items:flex-end;gap:8px 24px;padding-bottom:4px;display:flex}.review-stat{flex-direction:column;gap:2px;line-height:1.15;display:flex}.review-cap{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:10px;font-weight:600}.review-figure{font-size:16px;font-weight:700}.review-value{font-size:13px;font-weight:600}.review-when{color:var(--muted);white-space:nowrap;font-size:11px}.trade-review .gain{color:var(--gain)}.trade-review .loss{color:var(--loss)}.review-note{color:var(--muted);text-align:center;padding:14px 0;font-size:12px}.chart-legend .swatch.held,.chart-tooltip .swatch.held{border-top:2px dashed var(--muted)}.run-banner-level{opacity:.75;cursor:help;margin-left:6px}.run-banner-close{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;margin-left:auto;font-size:13px}.run-banner-close:hover{opacity:1}.exit-pill{color:var(--loss);border:1.5px solid var(--loss);background:0 0;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600}.exit-pill:hover:not(:disabled){background:var(--loss-wash);box-shadow:none}.autorun-rules{border-top:1px solid var(--border);gap:12px;margin-top:12px;padding-top:10px;display:flex}.autorun-rules label{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.autorun-rules input{border:1px solid var(--border);background:var(--surface);width:84px;color:var(--ink);border-radius:6px;padding:5px 8px;font-size:13px}.timebar-clock input[type=date]{color:var(--ink);font-size:13px;font-weight:500;font-family:var(--font-mono);background:0 0;border:none;border-radius:0;padding:6px}:root[data-theme=dark] .timebar-clock input[type=date]::-webkit-calendar-picker-indicator{filter:invert()}@media (width>=1101px) and (width<=1600px){.timebar-controls{gap:4px}.pill{padding:4px 5px}.timebar-clock select,.timebar-clock input[type=date]{padding:6px 4px}}.legs-table tbody.upcoming-head td{border-top:1px solid var(--border);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;padding-top:20px;font-size:11px;font-weight:500}.legs-table tr.upcoming-day td{color:var(--muted);letter-spacing:.05em;text-align:left;padding-top:12px;font-size:11px}.legs-table tbody.upcoming td{color:var(--muted)}.legs-table tr.upcoming-entry td{background:var(--surface-2)}.legs-table .leg-side.static{cursor:default;opacity:.75;justify-content:center;align-items:center;display:inline-flex}.legs-table .leg-side.static:hover{outline:none}.legs-table .trade-at{margin-left:5px;font-size:.8em}.strategy-empty{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.empty-scroll{flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.empty-hero{text-align:center;flex-direction:column;align-items:center;padding:36px 24px 28px;display:flex}.plus-circle{background:var(--surface-2);width:72px;height:72px;color:var(--accent);border-radius:50%;margin-bottom:18px;font-size:34px;font-weight:300;line-height:72px}.empty-hero-title{color:var(--ink);font-size:16px;font-weight:600}.empty-hero-sub{color:var(--muted);margin-top:6px;font-size:13px}.btn-primary{border-radius:var(--radius-sm);background:var(--accent);color:#fff;min-width:320px;margin-top:20px;padding:11px 26px;font-size:14px;font-weight:600}.btn-primary:hover{filter:brightness(.95)}.empty-hero-lots{margin-top:16px}.empty-hero-or{color:var(--muted);margin-top:18px;font-size:12px}.tpl-section{border-top:1px solid var(--border);flex-direction:column;flex:none;min-height:0;max-height:52%;display:flex}.strategy-empty.tpl-open .empty-scroll{flex:0 auto}.strategy-empty.tpl-open .tpl-section{flex:1 1 0;min-height:150px;max-height:none}#tpl-body{flex:auto;min-height:0;padding-bottom:12px;overflow-y:auto}.tpl-head{background:color-mix(in srgb, var(--accent) 6%, var(--surface));border-bottom:1px solid color-mix(in srgb, var(--accent) 20%, transparent);cursor:pointer;text-align:left;flex:none;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;display:flex}.tpl-head:hover{background:color-mix(in srgb, var(--accent) 11%, var(--surface))}.tpl-chevron{width:14px;height:14px;color:var(--accent);transition:transform .15s;display:inline-flex}.tpl-chevron.closed{transform:rotate(180deg)}.tpl-head h3{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0;font-size:11px;font-weight:600}.tpl-controls{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.tpl-expiry{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--ink-2);padding:3px 10px;font-size:12px;font-weight:500}select.tpl-expiry{cursor:pointer;padding-right:6px;font-family:inherit}select.tpl-expiry:hover{color:var(--ink)}.sent-tabs{gap:6px;display:flex}.sent-tab{border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink-2);align-items:center;gap:5px;padding:5px 11px;font-size:12px;font-weight:500;display:inline-flex}.sent-icon{width:13px;height:13px;display:inline-flex}.sent-tab:hover{color:var(--ink)}.sent-tab.active{background:var(--accent);color:#fff;font-weight:600}.tpl-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:12px 14px 0;display:grid}.tpl-controls{background:var(--surface)}.tpl-card{border:1px solid color-mix(in srgb, var(--accent) 25%, var(--border));background:var(--surface);color:var(--ink);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px;display:flex}.tpl-card:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 60%, transparent);box-shadow:0 2px 10px color-mix(in srgb, var(--accent) 14%, transparent)}.tpl-card:disabled{opacity:.4;cursor:not-allowed}.tpl-sketch{width:100%;height:56px}.tpl-sketch .gain-near{stop-color:var(--gain);stop-opacity:.08}.tpl-sketch .gain-far{stop-color:var(--gain);stop-opacity:.5}.tpl-sketch .loss-near{stop-color:var(--loss);stop-opacity:.08}.tpl-sketch .loss-far{stop-color:var(--loss);stop-opacity:.5}.tpl-sketch .zero{stroke:var(--muted);stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.tpl-sketch .curve{fill:none;stroke:var(--ink);stroke-width:1.8px;stroke-linejoin:round;stroke-linecap:round;opacity:.85;vector-effect:non-scaling-stroke}.tpl-label{color:var(--accent);font-size:12px;font-weight:600;line-height:1.25}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.stat-tile{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:12px 14px 10px;position:relative}.stat-tile.gain{background:var(--gain-wash);border-color:color-mix(in srgb, var(--gain) 30%, transparent)}.stat-tile.loss{background:var(--loss-wash);border-color:color-mix(in srgb, var(--loss) 30%, transparent)}.stat-tile .icon{width:20px;height:20px;color:var(--ink-2);margin-bottom:10px;display:block}.stat-tile.gain .icon{color:var(--gain)}.stat-tile.loss .icon{color:var(--loss)}.stat-tile .label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);font-size:11px;font-weight:500}.stat-tile .value{color:var(--ink);margin-top:6px;font-size:18px;font-weight:700;line-height:1.15}.stat-tile .value.gain{color:var(--gain)}.stat-tile .value.loss{color:var(--loss)}.breakeven-tile .tile-head{align-items:center;gap:10px;display:flex}.breakeven-tile .tile-head .icon{margin-bottom:0}.breakeven-tile .be-rows{flex-direction:column;gap:6px;margin-top:12px;display:flex}.breakeven-tile .be-row{align-items:baseline;gap:6px;display:flex}.breakeven-tile .be-row .k{min-width:44px;color:var(--ink-2);flex:none;font-size:13px}.breakeven-tile .be-val{flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:2px 6px;min-width:0;margin-left:auto;display:flex}.breakeven-tile .be-row .v{color:var(--ink);font-size:17px;font-weight:700;line-height:1.15}.breakeven-tile .be-row .pct{white-space:nowrap;color:var(--muted);font-size:11px}.breakeven-tile .be-spot{border-top:1px solid var(--border);margin-top:10px;padding-top:8px}.breakeven-tile .be-spot .k{min-width:0}.breakeven-tile .be-row .cur{color:var(--ink);margin-left:auto;font-size:14px}.breakeven-tile .be-zone{margin-top:6px;font-size:13px;font-weight:600}.breakeven-tile .be-zone.gain{color:var(--gain)}.breakeven-tile .be-zone.loss{color:var(--loss)}.stat-tile .sub{color:var(--muted);margin-top:6px;font-size:12px}.stat-tile .pop-flag{margin-left:4px}.stat-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px;padding:12px 16px;display:grid}.stat-row .k{color:var(--muted);font-size:12px}.stat-row .v{color:var(--ink);margin-top:4px;font-size:15px;font-weight:600}.stat-row .v.gain{color:var(--gain)}.stat-row .v.loss{color:var(--loss)}.analysis-body{container-type:inline-size}.stat-tile{min-width:0}@container (width<=720px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}}@container (width<=460px){.stat-grid{grid-template-columns:minmax(0,1fr)}}.pnl-wrap{flex-direction:column;gap:10px;min-height:0;display:flex}.pnl-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pnl-controls .k{color:var(--muted);font-size:12px}.pnl-note{color:var(--muted);margin-left:auto;font-size:12px}.pnl-table{border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:var(--radius);width:100%;font-size:12px;overflow:hidden}.pnl-table th,.pnl-table td{text-align:right;white-space:nowrap;border-bottom:1px solid var(--grid);padding:6px 8px}.pnl-table th{background:var(--surface-2);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:500;position:sticky;top:0}.pnl-table .spot-head,.pnl-table .spot-cell{text-align:left;background:var(--surface-2);border-right:1px solid var(--border)}.pnl-table .spot-cell{color:var(--ink);font-weight:600}.pnl-table .spot-cell small{color:var(--muted);margin-left:8px;font-weight:400}.pnl-table td.gain{color:var(--gain)}.pnl-table td.loss{color:var(--loss)}.pnl-table tr.current td{box-shadow:inset 0 1px 0 var(--accent), inset 0 -1px 0 var(--accent);font-weight:700}.pnl-table tr:last-child td{border-bottom:0}.metrics-bar{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:repeat(8,minmax(0,1fr));margin-bottom:10px;display:grid;overflow:hidden}.metrics-bar .mb{border-right:1px solid var(--border);min-width:0;padding:6px 8px}.metrics-bar .mb:last-child{border-right:0}.metrics-bar .mb-k,.metrics-bar .mb-v{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.metrics-bar .mb-k{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:10px}.metrics-bar .mb-v{margin-top:1px;font-size:13px;font-weight:600}.metrics-bar .mb-v.gain{color:var(--gain)}.metrics-bar .mb-v.loss{color:var(--loss)}.metrics-bar .mb-v.wrap{white-space:normal;text-overflow:clip;line-height:1.25;overflow:visible}.metrics-bar .be{white-space:nowrap;display:block}.metrics-bar .be small{margin-left:3px;font-size:10px;font-weight:500}@container (width<=900px){.metrics-bar{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics-bar .mb:nth-child(4){border-right:0}.metrics-bar .mb:nth-child(-n+4){border-bottom:1px solid var(--border)}}@container (width<=560px){.metrics-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-bar .mb:nth-child(2n){border-right:0}.metrics-bar .mb:not(:nth-last-child(-n+2)){border-bottom:1px solid var(--border)}}.chart-sd{text-align:center;border-bottom:1px dashed var(--grid);grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:6px;padding:4px 0 8px;display:grid}.chart-sd .k{letter-spacing:.04em;color:var(--ink-2);font-size:11px}.chart-sd .v{color:var(--ink);margin-top:1px;font-size:14px;font-weight:700}.chart-sd .current .k{color:var(--ink);font-weight:600}.chart-sd .current .v{color:var(--accent);font-size:15px}.chart-sd-cap{color:var(--muted);grid-column:1/-1;margin-top:3px;font-size:11px}@container (width<=520px){.chart-sd .k{font-size:10px}.chart-sd .v{font-size:12px}.chart-sd .current .v{font-size:13px}.chart-legend{gap:10px;font-size:10px}}.chart-readout{border-top:1px solid var(--grid);color:var(--ink-2);justify-content:center;align-items:center;gap:14px;padding:6px 0 0;font-size:11px;display:flex}.chart-readout .gain{color:var(--gain)}.chart-readout .loss{color:var(--loss)}.readout-pill{border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-weight:600;display:inline-flex}.readout-pill svg{width:14px;height:14px}.readout-pill.gain{background:var(--gain-wash);border-color:color-mix(in srgb, var(--gain) 30%, transparent)}.readout-pill.loss{background:var(--loss-wash);border-color:color-mix(in srgb, var(--loss) 30%, transparent)}.legs-table{font-size:12px}.legs-table td,.legs-table th{padding:5px}.legs-table td.l,.legs-table th.l{text-align:left}.legs-table .leg-side{border-radius:6px;width:26px;height:26px;padding:0;font-size:12px}.leg-type{text-align:center;border-radius:6px;min-width:28px;padding:4px 0;font-size:11px;font-weight:700;display:inline-block}.leg-type.call{color:var(--gain);background:var(--gain-wash)}.leg-type.put{color:var(--loss);background:var(--loss-wash)}button.leg-type:hover:not(:disabled){outline:1px solid}button.leg-type:disabled{cursor:default}.legs-table tr.leg-exited button.leg-type:disabled,.legs-table tr.leg-settled button.leg-type:disabled{opacity:.6}.legs-table .qty-box{border-radius:6px;height:26px}.legs-table input.qty{width:40px;font-size:12px}.legs-table .qty-step{width:18px}input.price-input{width:80px;height:26px;font:inherit;font-family:var(--font-mono);color:var(--ink);background:var(--gain-wash);border:1px solid var(--border);text-align:right;appearance:textfield;border-radius:6px;outline:none;padding:0 8px;font-size:12px}input.price-input:focus{border-color:var(--accent)}input.price-input:disabled{background:var(--surface-2);color:var(--muted);opacity:.8}input.price-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input.price-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.legs-table td.check,.legs-table th.check{width:18px;padding-right:2px}.leg-check{vertical-align:middle;width:15px;height:15px;accent-color:var(--accent);cursor:pointer;margin:0}.legs-table tr.leg-off td:not(.check){opacity:.45}.legs-table .leg-actions{justify-content:flex-start;align-items:center;gap:4px;display:flex}.legs-table .leg-actions .remove{margin-left:auto}.legs-table .leg-exit.open{background:var(--loss-wash)}.exit-pop{z-index:60;background:var(--page);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:10px;width:236px;padding:12px;font-size:12px;display:flex;position:fixed;box-shadow:0 8px 24px #00000024}.exit-pop-head{color:var(--ink);justify-content:space-between;font-weight:600;display:flex}.exit-pop-chips{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.exit-pop-chips .pill{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);padding:5px 0}.exit-pop-chips .pill.active{color:var(--loss);background:var(--loss-wash);border-color:currentColor}.exit-pop-row{color:var(--ink-2);justify-content:space-between;align-items:center;display:flex}.exit-pop .qty-box{height:28px}.exit-pop input.qty{width:64px;font-size:13px}.exit-pop .qty-step{width:22px}.exit-pop-go{color:#fff;background:var(--loss);border-radius:6px;padding:8px 10px;font-weight:600}.exit-pop-go:hover{filter:brightness(.95)}.legs-table .leg-exit,.legs-table .leg-revert{text-align:center;min-width:50px;padding-left:3px;padding-right:3px}.legs-table tr.leg-part td{background:var(--gain-wash)}.legs-table tr.leg-part td:nth-child(-n+2){background:var(--surface)}.legs-table tr.leg-part .part-label{position:relative}.legs-table tr.leg-part .part-text{color:var(--ink-2);font-family:var(--font-sans);white-space:nowrap;text-align:right;font-size:11px;font-weight:600;line-height:1.2;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.legs-table tr.leg-part .part-label .stamp-under{font-weight:400}.legs-table .remove{border-radius:5px;align-items:center;padding:4px;line-height:0;display:inline-flex}.legs-table .remove svg{width:14px;height:14px}.legs-table .remove:hover{background:var(--loss-wash)}.legs-table .stamp-under{font-size:.8em;line-height:1.2;display:block}.side-count{color:var(--ink-2);font-size:13px}.panel-body{container-type:inline-size}@container (width<=700px){.legs-table td,.legs-table th{padding-left:5px;padding-right:5px}}@container (width<=620px){.legs-table td:first-child,.legs-table th:first-child{padding-left:6px}.legs-table .leg-exit,.legs-table .leg-revert{min-width:44px}}.panel-body .select-chain-bar,.panel-body .exit-card{box-sizing:border-box;width:calc(100cqw - 20px);position:sticky;left:10px}.legs-table th:last-child,.legs-table td:last-child{background:var(--surface);position:sticky;right:0}.legs-table th:last-child{z-index:4}.legs-table td:last-child{z-index:2;box-shadow:-6px 0 6px -6px #0000001f}.legs-table tr.leg-exited td:last-child,.legs-table tr.leg-part td:last-child{background:linear-gradient(var(--gain-wash), var(--gain-wash)), var(--surface)}.legs-table tr.leg-settled td:last-child{background:var(--surface-2)}