.stock-price-explorer-app{color:var(--color-text-primary);font-synthesis:none;text-rendering:optimizelegibility;font-family:inherit}.stock-price-explorer-app *{box-sizing:border-box}.stock-price-app-topbar .brand-mark{color:var(--color-accent-brand)}.stock-price-app-topbar .brand h1{color:var(--color-text-heading)}.stock-price-app-topbar .brand p{color:var(--color-text-muted)}.stock-price-provider{border:1px solid var(--color-border-shell);background:var(--color-surface-control);border-radius:11px;align-items:center;gap:9px;min-width:128px;padding:6px 10px;display:flex}.stock-price-provider>span{background:var(--color-positive-strong);width:8px;height:8px;box-shadow:0 0 0 4px var(--color-surface-success);border-radius:50%;flex:none}.stock-price-provider div{gap:1px;display:grid}.stock-price-provider b{color:var(--color-text-body);font-size:10px;line-height:1.2}.stock-price-provider small{color:var(--color-text-muted);font-size:9px}.stock-price-app-topbar .brand h1{font-size:16px}.stock-price-explorer-app button,.stock-price-explorer-app input,.stock-price-explorer-app select,.stock-price-explorer-app textarea{font:inherit}.stock-price-workspace{flex-direction:column;flex:auto;min-height:0;padding:2px 4px 6px;display:flex;overflow:hidden}.explorer{width:100%}.page-header{border:1px solid var(--color-border-shell);background:var(--color-surface-card);box-shadow:var(--shadow-card);border-radius:14px;flex:none;justify-content:space-between;align-items:center;gap:14px;margin-bottom:6px;padding:8px 12px;display:flex}.market-command-panel{z-index:20;border:1px solid var(--color-border-default);background:var(--color-surface-card);box-shadow:var(--shadow-card);border-radius:14px;flex:none;margin-bottom:6px;position:relative;overflow:visible}.market-summary-row{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:18px;min-height:58px;padding:8px 10px;display:flex}.market-controls{grid-template-columns:minmax(390px,.9fr) minmax(0,1.25fr);align-items:start;gap:12px;padding:7px 10px;display:grid}.market-controls .stock-toolbar,.market-controls .range-toolbar{background:0 0;border:0;border-radius:0;min-width:0;margin:0;padding:0}.market-controls .stock-toolbar{border-right:1px solid var(--color-border-subtle);padding-right:12px}.stock-price-instrument-title{min-width:0}.stock-price-symbol-row{align-items:center;gap:10px;display:flex}.stock-price-symbol-row>span{border:1px solid var(--color-border-brand-soft);color:var(--color-accent-strong);background:var(--color-surface-brand);border-radius:999px;padding:3px 7px;font-size:10px;font-weight:800}.stock-price-instrument-header h2{color:var(--color-text-heading);letter-spacing:-.015em;margin:0;font-size:clamp(18px,2vw,22px);line-height:1.1}.latest-quote{border:1px solid var(--color-border-default);background:var(--color-surface-input);border-radius:10px;flex:none;grid-template-columns:repeat(2,minmax(132px,auto));display:grid;overflow:hidden}.latest-quote>div{gap:2px;min-width:0;padding:6px 10px;display:grid}.latest-quote>div+div{border-left:1px solid var(--color-border-default)}.latest-quote span{color:var(--color-text-muted);font-size:10px;font-weight:700}.latest-quote strong{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.subtitle,.interaction-hint,.source-note{color:var(--color-text-muted)}.subtitle{margin:3px 0 0;font-size:11px;font-weight:650}.interaction-hint{text-align:right;max-width:240px;margin:0;font-size:10px;font-weight:600;line-height:1.45}.stock-toolbar{z-index:20;border:1px solid var(--color-border-default);background:var(--color-surface-card);border-radius:14px;flex:none;margin-bottom:6px;padding:7px 10px;position:relative}.stock-search-row{align-items:center;gap:9px;display:flex}.stock-label{color:var(--color-text-muted);flex:none;font-size:11px;font-weight:700}.stock-search-form{flex:auto;gap:8px;min-width:0;display:flex}.stock-combobox{flex:auto;position:relative}.stock-combobox>svg{z-index:1;fill:none;width:17px;height:17px;stroke:var(--color-accent);stroke-linecap:round;stroke-width:1.8px;pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.stock-combobox input{border:1px solid var(--color-border-default);width:100%;min-height:34px;color:var(--color-text-primary);background:var(--color-surface-input);border-radius:9px;padding:6px 72px 6px 34px;font-size:12px;font-weight:700}.stock-combobox input:focus-visible{border-color:var(--color-accent);outline:3px solid var(--shadow-accent-color-22);outline-offset:1px}.stock-searching{color:var(--color-text-muted);font-size:11px;font-weight:650;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.load-stock{border:1px solid var(--color-accent-hover);min-height:34px;color:var(--color-text-on-accent);background:var(--color-accent);cursor:pointer;border-radius:9px;padding:5px 14px;font-size:12px;font-weight:750}.load-stock:hover{background:var(--color-accent-hover)}.load-stock:focus-visible,.common-stocks button:focus-visible,.stock-results button:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.selected-stock-name{min-width:0;color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650;overflow:hidden}.stock-results{z-index:80;border:1px solid var(--color-border-default);background:var(--color-surface-popover);width:min(520px,100vw - 56px);box-shadow:0 18px 42px var(--shadow-color-18);border-radius:11px;padding:6px;position:absolute;top:calc(100% + 7px);left:0}.stock-results button{width:100%;color:var(--color-text-primary);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;grid-template-columns:78px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;display:grid}.stock-results button:hover,.stock-results button[aria-selected=true]{background:var(--color-surface-brand)}.stock-results strong{color:var(--color-accent-strong);font-size:13px}.stock-results span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:650;overflow:hidden}.stock-results small{color:var(--color-text-muted);white-space:nowrap;font-size:10px}.stock-results p{color:var(--color-text-muted);margin:0;padding:10px;font-size:12px}.common-stocks{align-items:center;gap:6px;padding-top:7px;display:flex}.common-stocks>span{color:var(--color-text-muted);margin-right:2px;font-size:10px;font-weight:700}.common-stocks button{border:1px solid var(--color-border-default);color:var(--color-text-body);background:var(--color-surface-input);cursor:pointer;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:750}.common-stocks button:hover,.common-stocks button[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-text-on-accent);background:var(--color-accent)}.range-toolbar{border:1px solid var(--color-border-default);background:var(--color-surface-card);border-radius:14px;flex:none;margin-bottom:6px;padding:7px 10px}.range-toolbar-row{align-items:center;gap:9px;display:flex}.range-label{color:var(--color-text-muted);flex:none;font-size:11px;font-weight:700}.range-buttons{scrollbar-width:none;flex:auto;gap:6px;display:flex;overflow-x:auto}.range-buttons::-webkit-scrollbar{display:none}.common-stocks::-webkit-scrollbar{display:none}.range-preset,.apply-range,.data-error button{border:1px solid var(--color-border-default);color:var(--color-text-body);background:var(--color-surface-input);cursor:pointer;font-weight:700}.range-preset{white-space:nowrap;border-radius:999px;flex:none;min-height:30px;padding:5px 10px;font-size:11px}.range-preset:hover,.range-preset[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-text-on-accent);background:var(--color-accent)}.range-preset:focus-visible,.apply-range:focus-visible,.data-error button:focus-visible,.calendar-date-trigger:focus-visible,.calendar-date-header button:focus-visible,.calendar-date-grid button:focus-visible,.calendar-date-footer button:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.update-status{color:var(--color-text-muted);white-space:nowrap;flex:none;align-items:center;gap:7px;font-size:11px;font-weight:650;display:inline-flex}.loading-dot{border:2px solid var(--color-border-default);border-top-color:var(--color-accent);border-radius:50%;width:11px;height:11px;animation:.8s linear infinite stock-price-loading-spin}.custom-range-form{border-top:1px solid var(--color-border-subtle);align-items:flex-end;gap:8px;margin-top:9px;padding-top:9px;display:flex}.custom-date-field{color:var(--color-text-muted);gap:5px;font-size:10px;font-weight:700;display:grid}.calendar-date-trigger{border:1px solid var(--color-border-default);min-width:160px;min-height:34px;color:var(--color-text-primary);background:var(--color-surface-input);cursor:pointer;font-variant-numeric:tabular-nums;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.calendar-date-trigger:hover,.calendar-date-trigger[aria-expanded=true]{border-color:var(--color-border-hover);background:var(--color-surface-control-alt)}.calendar-date-trigger svg{fill:none;width:17px;height:17px;stroke:var(--color-accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.date-separator{color:var(--color-text-muted);align-self:flex-end;padding-bottom:8px;font-size:11px}.apply-range{border-color:var(--color-accent-hover);min-height:34px;color:var(--color-text-on-accent);background:var(--color-accent);border-radius:8px;padding:5px 14px}.apply-range:hover{background:var(--color-accent-hover)}.data-error button:hover{background:var(--color-negative-strong)}.custom-range-error{color:var(--color-negative);align-self:center;font-size:13px;font-weight:700}.calendar-date-popover{z-index:10040;border:1px solid var(--color-border-default);width:268px;color:var(--color-text-primary);background:var(--color-surface-popover);box-shadow:0 18px 42px var(--shadow-color-18);-webkit-user-select:none;user-select:none;border-radius:12px;padding:12px;font-family:inherit;position:fixed}.calendar-date-header{grid-template-columns:32px 1fr 32px;align-items:center;gap:6px;margin-bottom:10px;display:grid}.calendar-date-header b{text-align:center;font-size:14px;font-weight:850}.calendar-date-header button,.calendar-date-grid button,.calendar-date-footer button{color:var(--color-text-body);background:0 0;border:0;border-radius:8px}.calendar-date-header button{cursor:pointer;place-items:center;width:30px;height:30px;font-size:18px;line-height:1;display:inline-grid}.calendar-date-header button:hover{background:var(--color-surface-muted)}.calendar-date-weekdays{border-bottom:1px solid var(--color-border-summary);color:var(--color-text-muted);text-align:center;grid-template-columns:repeat(7,1fr);margin-bottom:6px;padding:4px 0 8px;font-size:12px;font-weight:850;display:grid}.calendar-date-weekdays span{place-items:center;height:24px;display:grid}.calendar-date-grid{grid-template-columns:repeat(7,1fr);gap:3px;padding:2px 0 6px;display:grid}.calendar-date-grid button{cursor:pointer;justify-self:center;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:inline-grid}.calendar-date-grid button:hover:not(:disabled){color:var(--color-accent-strong);background:var(--color-surface-hover)}.calendar-date-grid button.calendar-date-outside{color:var(--color-text-disabled);font-weight:600}.calendar-date-grid button.calendar-date-today:not(.calendar-date-selected){color:var(--color-accent);background:var(--color-surface-brand);font-weight:900}.calendar-date-grid button.calendar-date-selected{color:var(--color-text-on-accent);background:var(--color-accent);box-shadow:0 4px 10px var(--shadow-accent-color-25);border-radius:999px;font-weight:900}.calendar-date-grid button:disabled{cursor:not-allowed;opacity:.32}.calendar-date-footer{border-top:1px solid var(--color-border-calendar-grid);color:var(--color-text-muted);justify-content:space-between;align-items:center;margin-top:4px;padding-top:8px;font-size:12px;display:flex}.calendar-date-footer button{color:var(--color-accent);cursor:pointer;padding:5px 8px;font-weight:800}.calendar-date-footer button:hover{background:var(--color-surface-hover)}.data-error{border:1px solid var(--color-border-danger);color:var(--color-danger);background:var(--color-surface-danger);border-radius:10px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding:11px 14px;font-size:13px;font-weight:650;display:flex}.data-error button{border-color:var(--color-negative-strong);color:var(--color-text-on-accent);background:var(--color-negative);border-radius:999px;flex:none;padding:7px 12px}.status-panel{border:1px solid var(--color-border-default);background:var(--color-surface-card);min-height:220px;box-shadow:0 20px 50px var(--shadow-color-07);border-radius:18px;padding:38px;position:relative;overflow:hidden}.status-panel strong{font-size:24px;display:block}.status-panel p{color:var(--color-text-muted);margin:10px 0 0;line-height:1.6}.status-panel button{border:1px solid var(--color-negative-strong);color:var(--color-text-on-accent);background:var(--color-negative);cursor:pointer;border-radius:999px;margin-top:24px;padding:10px 16px;font-weight:700}.status-panel button:hover{background:var(--color-negative-strong)}.status-panel button:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.loading-indicator{border:3px solid var(--color-border-default);border-top-color:var(--color-accent);border-radius:50%;width:34px;height:34px;margin-top:24px;animation:.8s linear infinite stock-price-loading-spin;display:block}@keyframes stock-price-loading-spin{to{transform:rotate(360deg)}}.selected-reading{flex:none;align-items:center;min-width:0;display:flex}.selected-reading>div{border-left:1px solid var(--color-border-subtle);min-width:0;padding:0 10px}.selected-reading-title{color:var(--color-accent-strong);background:var(--color-surface-brand);border-radius:999px;flex:none;margin-right:10px;padding:4px 8px;font-size:11px;font-weight:800}.reading-label{color:var(--color-text-muted);margin-bottom:3px;font-size:11px;font-weight:650;display:block}.selected-reading strong{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.neutral{color:var(--color-text-muted)}.stock-price-positive{color:var(--color-positive-strong)}.stock-price-negative{color:var(--color-negative)}.chart-frame{border:1px solid var(--color-border-default);background:var(--color-surface-card);min-height:0;box-shadow:0 20px 50px var(--shadow-color-07);border-radius:14px;flex-direction:column;flex:auto;display:flex;overflow:hidden}.chart-context-bar{border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-card);flex:none;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:6px 10px;display:flex}.chart-display-controls{flex:none;align-items:center;gap:9px;display:flex}.chart-hint{color:var(--color-text-muted);font-size:11px;font-weight:650}.price-scale-toggle{border:1px solid var(--color-border-default);background:var(--color-surface-input);border-radius:9px;padding:2px;display:inline-flex}.price-scale-toggle button{min-height:26px;color:var(--color-text-muted);background:0 0;border:0;border-radius:7px;padding:0 9px;font-size:11px;font-weight:750}.price-scale-toggle button[aria-pressed=true]{color:var(--color-text-on-accent);background:var(--color-accent)}.price-scale-toggle button:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.price-scale-toggle button:disabled{cursor:not-allowed;opacity:.42}.price-chart{touch-action:none;-webkit-user-select:none;user-select:none;flex:auto;width:100%;height:100%;min-height:0;display:block}.price-chart:focus-visible{outline:3px solid var(--color-accent);outline-offset:-5px}.plot-background{fill:var(--color-surface-input);stroke:var(--color-border-default);stroke-width:1.25px}.stock-price-grid-line{stroke:var(--color-border-default);stroke-width:1px;opacity:.52}.axis-tick{fill:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.price-area{fill:url(#price-area)}.price-line-halo{fill:none;stroke:var(--color-surface-input);stroke-linecap:round;stroke-linejoin:round;stroke-width:6px}.price-line{fill:none;stroke:var(--color-accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px}.crosshair{stroke:var(--color-accent);stroke-width:1.25px;stroke-dasharray:5 5;opacity:.7;pointer-events:none}.crosshair-horizontal{opacity:.36}.selected-point-halo{fill:var(--color-surface-brand);opacity:.88;pointer-events:none}.selected-point{fill:var(--color-accent);stroke:var(--color-surface-card-strong);stroke-width:2.5px;pointer-events:none}.svg-tooltip rect{fill:var(--color-surface-tooltip);stroke:var(--color-border-default);stroke-width:1px;opacity:.96}.svg-tooltip text{fill:var(--color-text-primary);font-variant-numeric:tabular-nums}.tooltip-date{opacity:.76;font-size:11px;font-weight:600}.tooltip-price{font-size:15px;font-weight:700}.tooltip-change{font-size:11px;font-weight:650}.svg-tooltip .stock-price-positive{fill:var(--color-positive)}.svg-tooltip .stock-price-negative{fill:var(--color-negative)}.pointer-layer{fill:#0000;cursor:crosshair}.source-note{flex:none;margin:4px 4px 0;font-size:10px}@media (width<=720px){.stock-price-workspace{scrollbar-width:none;flex:none;padding:2px;overflow:visible}.stock-price-workspace::-webkit-scrollbar{display:none}.market-summary-row{flex-direction:column;align-items:stretch;gap:7px;padding:8px}.latest-quote{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.market-controls{grid-template-columns:minmax(0,1fr);gap:8px;padding:8px}.market-controls .stock-toolbar{border-right:0;border-bottom:1px solid var(--color-border-subtle);padding:0 0 8px}.stock-search-row{align-items:center;gap:7px}.stock-search-form{flex-basis:auto;width:100%}.stock-results{width:calc(100vw - 52px)}.common-stocks{margin-right:-12px;padding-right:12px;overflow-x:auto}.common-stocks>span,.common-stocks button{flex:none}.range-toolbar-row{align-items:center}.range-buttons{margin-right:-12px;padding-right:12px}.update-status{display:none}.custom-range-form{flex-direction:column;align-items:stretch}.custom-date-field,.calendar-date-trigger{width:100%}.date-separator{display:none}.custom-range-error{align-self:flex-start}.status-panel{border-radius:12px;min-height:190px;padding:26px 22px}.chart-context-bar{flex-direction:column;align-items:stretch;gap:6px}.selected-reading{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.selected-reading-title{display:none}.selected-reading>div{padding:0 6px}.selected-reading strong{font-size:12px}.subtitle{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.chart-display-controls{justify-content:space-between}.chart-frame{border-radius:12px;min-height:300px}.price-chart{touch-action:pan-y}.axis-tick{font-size:11px}.stock-price-grid-line{stroke-width:1px}.price-line-halo{stroke-width:6px}.price-line{stroke-width:2.4px}.crosshair{stroke-width:1.25px}.selected-point-halo{r:11px}.selected-point{r:5.5px;stroke-width:2.5px}.svg-tooltip,.time-tick.mobile-optional{display:none}}@media (width<=680px){.stock-price-provider{display:none}}@media (width<=480px){.stock-price-workspace,.market-command-panel,.market-controls,.stock-toolbar,.range-toolbar,.chart-frame{min-width:0;max-width:100%}.stock-combobox{min-width:0}.stock-search-row{grid-template-columns:max-content minmax(0,1fr);display:grid}.stock-search-form{grid-template-columns:minmax(0,1fr) max-content;min-width:0;display:grid}.stock-combobox input{min-width:0;padding-right:36px}.load-stock{white-space:nowrap;flex:none;min-width:64px;padding-inline:12px}.common-stocks{flex-wrap:wrap;margin-right:0;padding-right:0;overflow:visible}.range-toolbar-row{align-items:flex-start}.range-buttons{flex-wrap:wrap;min-width:0;margin-right:0;padding-right:0;overflow:visible}.range-preset{padding-inline:9px}}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-rail-width:56px;--color-text-primary:#172033;--color-text-strong:#1e2b42;--color-text-heading:#233047;--color-text-emphasis:#26334b;--color-text-control:#33415a;--color-text-body-strong:#36445b;--color-text-legend:#3e4b63;--color-text-body:#43506a;--color-text-body-alt:#44536d;--color-text-reference:#485567;--color-text-link-muted:#4d6f9f;--color-text-neutral:#53617a;--color-text-control-muted:#56637b;--color-text-neutral-alt:#58657e;--color-text-meta-strong:#5f6d82;--color-text-meta:#60708a;--color-text-secondary:#65738d;--color-text-secondary-alt:#66728a;--color-text-secondary-strong:#66758b;--color-text-muted-strong:#6b7890;--color-text-muted-blue:#6b7c99;--color-text-section:#6c7890;--color-text-tertiary:#718099;--color-text-muted:#748199;--color-text-subtle-strong:#7a879b;--color-text-scale:#7c89a0;--color-text-icon:#8793a6;--color-text-subtle:#8a96aa;--color-text-placeholder:#8aa0bd;--color-icon-muted:#91a0b8;--color-text-disabled:#a1aabb;--color-line-muted:#a8b3c3;--color-text-on-accent:#fff;--color-page-base:#f5f7fb;--color-page-gradient-start:#fff;--color-page-gradient-middle:#f4f6fb;--color-page-gradient-end:#e8eef7;--color-surface-solid:#fff;--color-surface-app:#f8fafeeb;--color-surface-card:#ffffffe6;--color-surface-card-strong:#fffffffa;--color-surface-rail:#fffffff5;--color-surface-tooltip:#ffffffeb;--color-surface-popover:#f4f7fcf2;--color-surface-disabled-alpha:#f8fafd59;--color-surface-input:#fbfcff;--color-surface-panel:#fbfdff;--color-surface-control:#f8fbff;--color-surface-control-alt:#f8faff;--color-surface-muted:#f8fafc;--color-surface-calendar:#f9fbff;--color-surface-row-index:#f8fafd;--color-surface-rail-logo-hover:#f7f9fc;--color-surface-blue-faint:#f7fbff;--color-surface-blue-soft:#f4f7fc;--color-surface-blue-muted:#f5f8fd;--color-surface-control-muted:#f1f5fb;--color-surface-hover:#eef5ff;--color-surface-hover-strong:#f1f6ff;--color-surface-active:#e5efff;--color-surface-focus:#e9f1ff;--color-surface-control-selected:#eef3fb;--color-surface-brand:#eaf2ff;--color-surface-brand-alt:#eaf5ff;--color-surface-info:#eff6ff;--color-surface-info-alt:#eef4ff;--color-surface-success:#eefaf3;--color-surface-danger:#fff1f2;--color-surface-danger-hover:#fff1f1;--color-border-shell:#dfe6f2;--color-border-default:#dce5f2;--color-border-subtle:#e6edf7;--color-border-popover:#d8e3f2;--color-border-muted:#e2eaf5;--color-border-brand-soft:#d9e5ff;--color-border-track:#d5deeb;--color-border-calendar:#dfe7f3;--color-border-summary:#dde7f4;--color-border-panel:#dbe5f2;--color-border-app:#d7e0ee;--color-border-input:#d8e1ee;--color-border-hover-soft:#d6e2f4;--color-border-hover:#cbdaf0;--color-border-strong:#cbd6e6;--color-border-active:#9bbaf7;--color-border-active-soft:#b9cff6;--color-border-success:#c8ecd6;--color-border-danger:#f7cfd3;--color-border-calendar-grid:#e5edf7;--color-accent:#2563eb;--color-accent-hover:#1f5fcf;--color-accent-brand:#2164e8;--color-accent-link:#2764d8;--color-accent-strong:#1d4ed8;--color-focus:#5791ff;--color-info:#0d8fd7;--color-info-strong:#0b83c9;--color-positive:#079243;--color-positive-strong:#07833e;--color-negative:#dc2626;--color-negative-strong:#d12424;--color-danger:#b42318;--color-slider:#6f82ad;--radius-control:9px;--radius-card:14px;--shadow-shell:0 22px 70px #1f36562e;--shadow-topbar:0 8px 22px #1f365612;--shadow-card:0 10px 24px #1f36560f;--shadow-menu:0 16px 36px #1f36562e;--shadow-popover:0 14px 34px #1f365629;--shadow-modal:0 30px 80px #1f365638;--shadow-tooltip:0 12px 25px #1f365624;--shadow-control:0 1px 4px #1f365633;--shadow-rail:8px 0 24px #1f36560d;--shadow-drawer:28px 0 80px #1f365633;--shadow-accent:0 10px 22px #2563eb3d;--shadow-accent-soft:0 8px 20px #2563eb40;--shadow-focus:0 0 0 3px #2f6feb1f;--shadow-focus-inset:inset 0 0 0 2px #5791ff, 0 0 0 3px #2f6feb1f;--shadow-inset-highlight:inset 0 1px 0 #fffffff2;--shadow-inset-brand:inset 0 0 0 1px #d9e5ff;--color-overlay:#0f172a5c;--color-overlay-soft:#0f172a38;--shadow-color-035:#1f365609;--shadow-color-05:#1f36560d;--shadow-color-06:#1f36560f;--shadow-color-07:#1f365612;--shadow-color-14:#1f365624;--shadow-color-16:#1f365629;--shadow-color-18:#1f36562e;--shadow-color-20:#1f365633;--shadow-color-22:#1f365638;--shadow-accent-color-12:#2f6feb1f;--shadow-accent-color-22:#2563eb38;--shadow-accent-color-24:#2563eb3d;--shadow-accent-color-25:#2563eb40;--shadow-info-color:#0d8fd738;--color-inset-highlight:#fffffff2;--chart-series-pnl:#5d9f7b;--chart-series-payoff:#475569;--chart-series-delta:#2563eb;--chart-series-gamma:#d97706;--chart-series-theta:#dc2626;--chart-series-vega:#7c3aed;--chart-series-rho:#0891b2;--chart-profit-fill:#6eaf8824;--chart-loss-fill:#cd76761f;--chart-profit-gradient-strong:#129e503d;--chart-profit-gradient-soft:#129e5005;--chart-loss-gradient-soft:#d7303005;--chart-loss-gradient-strong:#d730303d;--chart-grid:#dbe3ef;--chart-axis:#7b8494;--chart-axis-edge:#aeb9cb;--chart-reference:#6e7786;--chart-spot:#6d28d9;--chart-tick:#6f7e95;--chart-shadow-pnl:#5d9f7b1f;--chart-shadow-payoff:#47556924;--chart-shadow-delta:#2563eb1f;--chart-shadow-gamma:#d977061f;--chart-shadow-theta:#dc26261f;--chart-shadow-vega:#7c3aed1f;--chart-shadow-rho:#0891b21f;--chart-shadow-spot:#6d28d942}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-text-primary:#edf2fa;--color-text-strong:#e5ecf7;--color-text-heading:#e1e9f5;--color-text-emphasis:#dbe5f3;--color-text-control:#d4deec;--color-text-body-strong:#ced9e8;--color-text-legend:#c8d4e4;--color-text-body:#c2cede;--color-text-body-alt:#bdcada;--color-text-reference:#b8c5d6;--color-text-link-muted:#a9bdd7;--color-text-neutral:#b5c2d3;--color-text-control-muted:#aebccd;--color-text-neutral-alt:#aab8ca;--color-text-meta-strong:#a5b4c7;--color-text-meta:#9faec1;--color-text-secondary:#a8b6c9;--color-text-secondary-alt:#a3b1c4;--color-text-secondary-strong:#9eacc0;--color-text-muted-strong:#99a8bc;--color-text-muted-blue:#94a4b9;--color-text-section:#91a1b6;--color-text-tertiary:#8e9fb4;--color-text-muted:#8b9bb0;--color-text-subtle-strong:#8697ad;--color-text-scale:#8293a9;--color-text-icon:#8091a7;--color-text-subtle:#7c8da4;--color-text-placeholder:#7689a1;--color-icon-muted:#71849c;--color-text-disabled:#65758a;--color-line-muted:#53647a;--color-text-on-accent:#fff;--color-page-base:#0b1120;--color-page-gradient-start:#182235;--color-page-gradient-middle:#111827;--color-page-gradient-end:#090f1c;--color-surface-solid:#182132;--color-surface-app:#111827f2;--color-surface-card:#182131f0;--color-surface-card-strong:#1c2638fa;--color-surface-rail:#0f1724f7;--color-surface-tooltip:#1a2435f5;--color-surface-popover:#182233f7;--color-surface-disabled-alpha:#1c26378c;--color-surface-input:#172132;--color-surface-panel:#192436;--color-surface-control:#1b2739;--color-surface-control-alt:#1c283b;--color-surface-muted:#172131;--color-surface-calendar:#1a2537;--color-surface-row-index:#182334;--color-surface-rail-logo-hover:#202c3f;--color-surface-blue-faint:#19283d;--color-surface-blue-soft:#1a2739;--color-surface-blue-muted:#1c293c;--color-surface-control-muted:#1d293b;--color-surface-hover:#223451;--color-surface-hover-strong:#263a59;--color-surface-active:#294265;--color-surface-focus:#263c5c;--color-surface-control-selected:#222f44;--color-surface-brand:#203553;--color-surface-brand-alt:#1d3854;--color-surface-info:#1c3550;--color-surface-info-alt:#1d334d;--color-surface-success:#18382a;--color-surface-danger:#3c2229;--color-surface-danger-hover:#422329;--color-border-shell:#344258;--color-border-default:#37465c;--color-border-subtle:#2b394e;--color-border-popover:#3a4961;--color-border-muted:#303e53;--color-border-brand-soft:#36537a;--color-border-track:#40506a;--color-border-calendar:#35445a;--color-border-summary:#334258;--color-border-panel:#34445a;--color-border-app:#3a4960;--color-border-input:#3b4a61;--color-border-hover-soft:#465d7e;--color-border-hover:#4b6385;--color-border-strong:#536b8e;--color-border-active:#668fd5;--color-border-active-soft:#5476ad;--color-border-success:#357252;--color-border-danger:#85424e;--color-border-calendar-grid:#2f3d51;--color-accent:#6ea1ff;--color-accent-hover:#82afff;--color-accent-brand:#79a8ff;--color-accent-link:#86b0ff;--color-accent-strong:#5f95f8;--color-focus:#75a7ff;--color-info:#38bdf8;--color-info-strong:#22a9e6;--color-positive:#4ade80;--color-positive-strong:#3fd176;--color-negative:#fb7185;--color-negative-strong:#f87171;--color-danger:#f97066;--color-slider:#7f96bd;--shadow-shell:0 22px 70px #0000006b;--shadow-topbar:0 8px 22px #00000047;--shadow-card:0 10px 24px #0000003d;--shadow-menu:0 16px 36px #0006;--shadow-popover:0 14px 34px #0000005c;--shadow-modal:0 30px 80px #00000080;--shadow-tooltip:0 12px 25px #00000057;--shadow-control:0 1px 4px #00000059;--shadow-rail:8px 0 24px #00000038;--shadow-drawer:28px 0 80px #0000007a;--shadow-accent:0 10px 22px #4378dc47;--shadow-accent-soft:0 8px 20px #4378dc4d;--shadow-focus:0 0 0 3px #6ea1ff38;--shadow-focus-inset:inset 0 0 0 2px #75a7ff, 0 0 0 3px #6ea1ff38;--shadow-inset-highlight:inset 0 1px 0 #ffffff0d;--shadow-inset-brand:inset 0 0 0 1px #36537a;--color-overlay:#020617a8;--color-overlay-soft:#02061780;--shadow-color-035:#0000001f;--shadow-color-05:#0000002e;--shadow-color-06:#00000038;--shadow-color-07:#0000003d;--shadow-color-14:#00000052;--shadow-color-16:#00000059;--shadow-color-18:#0006;--shadow-color-20:#00000070;--shadow-color-22:#0000007a;--shadow-accent-color-12:#6ea1ff33;--shadow-accent-color-22:#6ea1ff42;--shadow-accent-color-24:#6ea1ff47;--shadow-accent-color-25:#6ea1ff4d;--shadow-info-color:#38bdf83d;--color-inset-highlight:#ffffff0d;--chart-series-pnl:#7fb398;--chart-series-payoff:#cbd5e1;--chart-series-delta:#6ea1ff;--chart-series-gamma:#f0ad4e;--chart-series-theta:#fb7185;--chart-series-vega:#a78bfa;--chart-series-rho:#22d3ee;--chart-profit-fill:#4eb27933;--chart-loss-fill:#f8717129;--chart-profit-gradient-strong:#4ade8042;--chart-profit-gradient-soft:#4ade8008;--chart-loss-gradient-soft:#fb718508;--chart-loss-gradient-strong:#fb718542;--chart-grid:#334155;--chart-axis:#718096;--chart-axis-edge:#53647a;--chart-reference:#8290a4;--chart-spot:#a78bfa;--chart-tick:#91a0b5;--chart-shadow-pnl:#7fb39829;--chart-shadow-payoff:#cbd5e12e;--chart-shadow-delta:#6ea1ff29;--chart-shadow-gamma:#f0ad4e29;--chart-shadow-theta:#fb718529;--chart-shadow-vega:#a78bfa29;--chart-shadow-rho:#22d3ee29;--chart-shadow-spot:#a78bfa4d}[data-theme=u060]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-text-primary:#2f3437;--color-text-strong:#343a3d;--color-text-heading:#2f3437;--color-text-emphasis:#374044;--color-text-control:#3f484c;--color-text-body-strong:#454d51;--color-text-legend:#4d565a;--color-text-body:#51595d;--color-text-body-alt:#555e62;--color-text-reference:#5a6266;--color-text-link-muted:#55758a;--color-text-neutral:#5f666a;--color-text-control-muted:#60696d;--color-text-neutral-alt:#646c70;--color-text-meta-strong:#687074;--color-text-meta:#6c7478;--color-text-secondary:#70787c;--color-text-secondary-alt:#747c80;--color-text-secondary-strong:#687175;--color-text-muted-strong:#747c80;--color-text-muted-blue:#667f8e;--color-text-section:#737b7f;--color-text-tertiary:#7a8285;--color-text-muted:#7d8487;--color-text-subtle-strong:#858c8f;--color-text-scale:#777f82;--color-text-icon:#7b8589;--color-text-subtle:#8b9193;--color-text-placeholder:#8b979c;--color-icon-muted:#849196;--color-text-disabled:#a3a6a5;--color-line-muted:#aaa695;--color-text-on-accent:#fff;--color-page-base:#efe7d6;--color-page-gradient-start:#fbf8f0;--color-page-gradient-middle:#f7f3e8;--color-page-gradient-end:#efe7d6;--color-surface-solid:#f7f3e8;--color-surface-app:#f7f3e8f2;--color-surface-card:#f7f3e8f0;--color-surface-card-strong:#f7f3e8fa;--color-surface-rail:#f7f3e8f7;--color-surface-tooltip:#f7f3e8f5;--color-surface-popover:#f7f3e8fa;--color-surface-disabled-alpha:#efe7d675;--color-surface-input:#fbf8f0;--color-surface-panel:#f7f3e8;--color-surface-control:#f8f4ea;--color-surface-control-alt:#f4efe3;--color-surface-muted:#efe7d6;--color-surface-calendar:#fbf8f0;--color-surface-row-index:#f1eadc;--color-surface-rail-logo-hover:#efe7d6;--color-surface-blue-faint:#5f7f950a;--color-surface-blue-soft:#5f7f9512;--color-surface-blue-muted:#5f7f9517;--color-surface-control-muted:#efe7d6;--color-surface-hover:#5f7f951a;--color-surface-hover-strong:#5f7f9524;--color-surface-active:#5f7f9529;--color-surface-focus:#5f7f951f;--color-surface-control-selected:#5f7f951a;--color-surface-brand:#5f7f951f;--color-surface-brand-alt:#668ca31f;--color-surface-info:#668ca31a;--color-surface-info-alt:#5f7f9517;--color-surface-success:#ddebdd;--color-surface-danger:#f0d9d5;--color-surface-danger-hover:#b56b632e;--color-border-shell:#d8cdb8;--color-border-default:#8a6a4a52;--color-border-subtle:#d8cdb89e;--color-border-popover:#5f7f9557;--color-border-muted:#d8cdb8c7;--color-border-brand-soft:#5f7f9547;--color-border-track:#5f7f9533;--color-border-calendar:#8a6a4a47;--color-border-summary:#8a6a4a4d;--color-border-panel:#8a6a4a52;--color-border-app:#8a6a4a4d;--color-border-input:#8a6a4a4d;--color-border-hover-soft:#5f7f955c;--color-border-hover:#5f7f957a;--color-border-strong:#8a6a4a80;--color-border-active:#7f99aa;--color-border-active-soft:#a7b9c3;--color-border-success:#4f8a5b70;--color-border-danger:#b56b6370;--color-border-calendar-grid:#d8cdb8b8;--color-accent:#5f7f95;--color-accent-hover:#4f7188;--color-accent-brand:#5f7f95;--color-accent-link:#52758c;--color-accent-strong:#496b82;--color-focus:#668ca3;--color-info:#668ca3;--color-info-strong:#5f7f95;--color-positive:#6f8f72;--color-positive-strong:#4f8a5b;--color-negative:#b56b63;--color-negative-strong:#a95c55;--color-danger:#a95c55;--color-slider:#5f7f95;--radius-control:10px;--radius-card:18px;--shadow-shell:0 22px 70px #2f343729;--shadow-topbar:0 8px 22px #2f343712;--shadow-card:0 10px 22px #2f343714;--shadow-menu:0 14px 30px #2f343724;--shadow-popover:0 14px 30px #2f343724;--shadow-modal:0 30px 80px #2f343738;--shadow-tooltip:0 12px 25px #2f343724;--shadow-control:0 1px 4px #2f343729;--shadow-rail:8px 0 24px #2f34370d;--shadow-drawer:28px 0 80px #2f343733;--shadow-accent:0 10px 22px #5f7f9538;--shadow-accent-soft:0 6px 16px #5f7f9533;--shadow-focus:0 0 0 3px #5f7f9529;--shadow-focus-inset:inset 0 0 0 2px #668ca3, 0 0 0 3px #5f7f9529;--shadow-inset-highlight:inset 0 1px 0 #ffffff75;--shadow-inset-brand:inset 0 0 0 1px #5f7f9547;--color-overlay:#2f34375c;--color-overlay-soft:#2f343738;--shadow-color-035:#2f343709;--shadow-color-05:#2f34370d;--shadow-color-06:#2f34370f;--shadow-color-07:#2f343712;--shadow-color-14:#2f343724;--shadow-color-16:#2f343729;--shadow-color-18:#2f34372e;--shadow-color-20:#2f343733;--shadow-color-22:#2f343738;--shadow-accent-color-12:#5f7f951f;--shadow-accent-color-22:#5f7f9538;--shadow-accent-color-24:#5f7f953d;--shadow-accent-color-25:#5f7f9540;--shadow-info-color:#668ca338;--color-inset-highlight:#ffffff75;--chart-series-pnl:#6f8f72;--chart-series-payoff:#59636a;--chart-series-delta:#668ca3;--chart-series-gamma:#d39a5b;--chart-series-theta:#b56b63;--chart-series-vega:#8b7fa6;--chart-series-rho:#9da3a6;--chart-profit-fill:#ddebdd6b;--chart-loss-fill:#f0d9d57a;--chart-profit-gradient-strong:#4f8a5b38;--chart-profit-gradient-soft:#4f8a5b05;--chart-loss-gradient-soft:#a95c5505;--chart-loss-gradient-strong:#a95c5538;--chart-grid:#d8cdb8;--chart-axis:#5f666a;--chart-axis-edge:#a79d89;--chart-reference:#5f666a;--chart-spot:#c88a4a;--chart-tick:#5f666a;--chart-shadow-pnl:#6f8f7224;--chart-shadow-payoff:#59636a29;--chart-shadow-delta:#668ca324;--chart-shadow-gamma:#d39a5b24;--chart-shadow-theta:#b56b6324;--chart-shadow-vega:#8b7fa624;--chart-shadow-rho:#9da3a624;--chart-shadow-spot:#c88a4a42}:root{color:var(--color-text-primary);background:var(--color-page-base);font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Noto Sans TC,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{min-width:0;padding-left:var(--app-rail-width);background:radial-gradient(circle at 30% 0%, var(--color-surface-solid) 0%, var(--color-page-gradient-middle) 45%, var(--color-page-gradient-end) 100%);margin:0;overflow:hidden}#root{justify-content:center;align-items:center;padding:28px;display:flex}button,input{font:inherit}button{cursor:pointer}.app-shell{border:1px solid var(--color-border-app);background:var(--color-surface-app);width:min(1480px,100vw - 56px);max-width:100%;height:min(860px,100vh - 56px);box-shadow:0 22px 70px var(--shadow-color-18), inset 0 1px 0 var(--color-inset-highlight);border-radius:18px;flex-direction:column;gap:10px;padding:14px 16px 16px;display:flex;overflow:hidden}.topbar{z-index:100;border:1px solid var(--color-border-shell);background:var(--color-surface-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-height:58px;box-shadow:0 8px 22px var(--shadow-color-07);border-radius:14px;flex:0 0 58px;justify-content:space-between;align-items:center;padding:8px 16px;display:flex;position:relative}.brand{align-items:center;gap:14px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--color-surface-brand), var(--color-surface-solid));width:40px;height:40px;color:var(--color-accent-brand);box-shadow:inset 0 0 0 1px var(--color-border-brand-soft);border-radius:14px;place-items:center;font-size:24px;font-weight:900;display:grid}h1,h2,p{margin:0}h1{letter-spacing:.02em;font-size:20px}.brand p{color:var(--color-text-secondary-alt);margin-top:2px}.toolbar{gap:10px;display:flex}.toolbar button,.ghost-button,.wide-button,.text-button{border:1px solid var(--color-border-shell);background:var(--color-surface-control-alt);color:var(--color-text-strong);border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-weight:650;display:inline-flex}.toolbar>.tool-menu>button>svg{display:none}.toolbar button:hover,.ghost-button:hover,.wide-button:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.text-button{color:var(--color-accent-link);background:0 0;border:0;min-height:auto;padding:0}.workspace{flex:auto;gap:12px;min-height:0;display:flex;overflow:hidden}.left-panel{flex-direction:column;flex:0 0 27%;gap:12px;min-width:330px;min-height:0;display:flex}.right-panel{flex-direction:column;flex:auto;gap:12px;min-width:760px;min-height:0;display:flex}.card{background:var(--color-surface-card);border:1px solid var(--color-border-shell);box-shadow:0 10px 24px var(--shadow-color-06);border-radius:14px;overflow:hidden}.card-header{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;display:flex}.card-header.compact{border-bottom:0;padding-bottom:10px}h2{font-size:17px;font-weight:800}.card-header p{color:var(--color-text-muted);margin-top:4px;font-size:13px}.matrix-header{align-items:center;padding-top:10px;padding-bottom:10px}.matrix-title-group h2{align-items:center;gap:6px;display:inline-flex}.entry-cost-field{color:var(--color-text-meta);white-space:nowrap;flex-direction:row;flex:none;align-items:center;gap:8px;font-size:12px;font-weight:800;display:inline-flex}.entry-cost-field span{align-items:center;gap:5px;display:inline-flex}.entry-cost-actions{flex:0 auto;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:inline-flex}.entry-cost-field input{border:1px solid var(--color-border-default);background:var(--color-surface-input);width:86px;height:30px;color:var(--color-text-primary);text-align:right;border-radius:8px;outline:none;padding:0 9px;font-weight:850}.entry-cost-field input:focus{border-color:var(--color-focus);box-shadow:0 0 0 3px var(--shadow-accent-color-12);background:var(--color-surface-solid)}.entry-build-button{border:1px solid var(--color-accent-strong);border-radius:var(--radius-control);background:var(--color-accent);min-width:64px;height:30px;color:var(--color-text-on-accent);white-space:nowrap;box-shadow:var(--shadow-accent-soft);flex:none;justify-content:center;align-items:center;gap:5px;padding:0 9px;font-size:11px;font-weight:850;display:inline-flex}.entry-build-button:hover:not(:disabled){background:var(--color-accent-hover)}.entry-build-button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.entry-position-status{border-bottom:1px solid;align-items:center;gap:6px;min-height:26px;padding:5px 18px;font-size:11px;font-weight:800;display:flex}.entry-position-status.success{color:var(--color-positive-strong);background:var(--color-surface-success);border-color:var(--color-border-success)}.entry-position-status.warning{color:var(--color-negative-strong);background:var(--color-surface-danger);border-color:var(--color-border-danger)}.ghost-button{color:var(--color-accent);background:var(--color-surface-calendar)}.strike-controls{grid-template-columns:1fr 1fr;gap:8px;padding:6px 14px 2px;display:grid}.strike-controls label{color:var(--color-text-meta);flex-direction:column;gap:4px;font-size:12px;font-weight:800;display:flex}.strike-controls input{border:1px solid var(--color-border-default);background:var(--color-surface-input);height:28px;color:var(--color-text-primary);border-radius:8px;outline:none;padding:0 9px;font-weight:800}.strike-controls input:focus{border-color:var(--color-focus);box-shadow:0 0 0 3px var(--shadow-accent-color-12);background:var(--color-surface-solid)}.matrix-card{flex-direction:column;flex:auto;min-height:0;display:flex}.matrix-head,.matrix-body{grid-template-columns:38px 1fr 1fr 1fr;padding-inline:14px;display:grid}.matrix-head{color:var(--color-text-body-alt);text-align:center;padding-top:5px;font-size:13px;font-weight:850}.matrix-head span{background:var(--color-surface-blue-soft);border:1px solid var(--color-border-default);border-right:0;justify-content:center;align-items:center;height:28px;display:flex}.matrix-head span:first-child{border-top-left-radius:9px}.matrix-head span:last-child{border-right:1px solid var(--color-border-default);border-top-right-radius:9px}.matrix-body{scrollbar-width:thin;min-height:0;padding-bottom:10px;overflow:hidden auto}.row-index{border-left:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);background:var(--color-surface-row-index);height:28px;color:var(--color-text-neutral);justify-content:center;align-items:center;font-size:13px;font-weight:750;display:flex}.input-cell{border:0;border-left:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);background:var(--color-surface-input);text-align:center;width:100%;height:28px;color:var(--color-text-primary);box-shadow:inset 0 1px 2px var(--shadow-color-035);border-radius:0;outline:none}.matrix-body .input-cell:nth-child(4n){border-right:1px solid var(--color-border-default)}.matrix-body .row-index:nth-last-child(4){border-bottom-left-radius:9px}.matrix-body .input-cell:last-child{border-bottom-right-radius:9px}.input-cell:focus{z-index:2;box-shadow:inset 0 0 0 2px var(--color-focus), 0 0 0 3px var(--shadow-accent-color-12);background:var(--color-surface-solid);position:relative}.input-cell.readonly{color:var(--color-positive);background:var(--color-surface-control);cursor:default}.spot-marker-row{min-height:23px;color:var(--color-text-neutral);background:linear-gradient(90deg, var(--color-surface-disabled-alpha), var(--color-surface-popover), var(--color-surface-disabled-alpha));border-left:1px solid var(--color-border-default);border-right:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);grid-column:1/-1;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:850;display:flex}.spot-marker-row b{color:var(--color-text-primary);font-weight:900}.spot-marker-line{background:var(--color-border-strong);flex:32px;max-width:82px;height:1px}.positive{color:var(--color-positive)!important}.negative{color:var(--color-negative)!important}.wide-button{background:var(--color-surface-panel);width:calc(100% - 32px);height:36px;margin:4px 16px 10px}.wide-button.subtle{margin-top:10px}.param-card{flex-direction:column;flex:auto;min-height:0;padding-bottom:12px;display:flex;overflow:visible}.param-card .card-header{flex:none}.slider-row{flex:none;padding:4px 18px 2px}.slider-label{color:var(--color-text-emphasis);align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.slider-label-actions{align-items:center;gap:6px;margin-left:0;display:inline-flex;position:relative}.expiry-calendar-control{align-items:center;display:inline-flex;position:relative}.hidden-date-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;top:100%;right:0}.slider-label svg{color:var(--color-icon-muted)}.slider-line{grid-template-columns:1fr 75px;align-items:center;gap:14px;margin-top:3px;display:grid}.slider-line input[type=range]{width:100%;height:22px;accent-color:var(--color-slider);appearance:none;background:0 0}.slider-line input[type=range]::-webkit-slider-runnable-track{background:var(--color-border-track);border-radius:999px;height:3px}.slider-line input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-slider);border:2px solid var(--color-surface-solid);width:17px;height:17px;box-shadow:0 1px 4px var(--shadow-color-20);border-radius:50%;margin-top:-7px}.slider-line input[type=range]::-moz-range-track{background:var(--color-border-track);border-radius:999px;height:3px}.slider-line input[type=range]::-moz-range-thumb{background:var(--color-slider);border:2px solid var(--color-surface-solid);width:17px;height:17px;box-shadow:0 1px 4px var(--shadow-color-20);border-radius:50%}.slider-value{border:1px solid var(--color-border-default);background:var(--color-surface-input);border-radius:8px;justify-content:center;align-items:center;height:28px;font-weight:750;display:flex}.slider-scale{color:var(--color-text-scale);justify-content:space-between;margin-top:1px;padding-right:89px;font-size:12px;display:flex}.summary-panel{flex:0 0 238px;min-height:0;padding:0;overflow:auto}.summary-header{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:14px;min-height:52px;padding:10px 18px;display:flex}.summary-header p{color:var(--color-text-muted);margin:3px 0 0;font-size:12px}.leg-count{color:var(--color-text-neutral-alt);background:var(--color-surface-blue-muted);border:1px solid var(--color-border-summary);border-radius:999px;flex:none;padding:7px 12px;font-size:13px;font-weight:800}.leg-count b{color:var(--color-text-primary);font-size:15px}.summary-grid{border-bottom:1px solid var(--color-border-subtle);grid-template-columns:repeat(4,1fr);display:grid}.summary-cell{border-right:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);flex-direction:column;justify-content:center;gap:7px;min-height:72px;padding:12px 16px;display:flex}.summary-cell:nth-child(4n){border-right:0}.summary-cell:nth-last-child(-n+4){border-bottom:0}.summary-cell span{color:var(--color-text-secondary);font-size:13px;font-weight:750}.summary-cell b{font-size:18px;line-height:1}.legs-strip{scrollbar-width:thin;gap:8px;padding:12px 18px 14px;display:flex;overflow-x:auto}.legs-strip span{border:1px solid var(--color-border-calendar);background:var(--color-surface-control);border-radius:999px;flex:none;padding:7px 11px;font-size:12px;font-weight:850}.legs-strip .empty-leg{color:var(--color-text-secondary)}.legs-strip .option-chip{color:var(--color-text-heading)}.legs-strip .call-chip{background:var(--color-surface-success);border-color:var(--color-border-success)}.legs-strip .put-chip{background:var(--color-surface-danger);border-color:var(--color-border-danger)}.legs-strip .option-chip b{font-weight:900}.legs-strip .long-leg b{color:var(--color-positive-strong)}.legs-strip .short-leg b{color:var(--color-negative-strong)}@media (width<=1180px){#root{padding:12px}.app-shell{border-radius:16px;gap:10px;width:calc(100vw - 24px);height:calc(100vh - 24px);padding:12px}.topbar{flex:0 0 54px;gap:10px;min-height:54px;padding:8px 12px}.brand{gap:10px;min-width:260px}.brand-mark{border-radius:12px;width:38px;height:38px;font-size:22px}h1{font-size:18px;line-height:1.05}.brand p{font-size:13px}.toolbar{flex-wrap:nowrap;gap:6px}.toolbar button{white-space:nowrap;min-height:36px;padding:0 10px;font-size:13px}.workspace{grid-template-columns:minmax(300px,32%) minmax(0,1fr);gap:10px;min-height:0;display:grid;overflow:hidden}.left-panel,.right-panel{flex-direction:column;flex:none;gap:10px;min-width:0;display:flex}.card{border-radius:13px}.card-header{padding:10px 14px}.matrix-header{flex-wrap:wrap}.entry-cost-actions{margin-left:auto}.entry-cost-field{gap:6px}.entry-cost-field input{width:78px;height:28px}.card-header p{font-size:12px}h2{font-size:16px}.matrix-card{flex:auto;min-height:0}.matrix-head,.matrix-body{grid-template-columns:34px 1fr 1fr 1fr;padding-inline:10px}.matrix-head{font-size:12px}.matrix-head span{height:28px}.row-index,.input-cell{height:30px}.wide-button{width:calc(100% - 24px);margin-inline:12px}.param-card{flex:auto;min-height:0}.slider-row{padding:4px 14px 2px}.slider-line{grid-template-columns:1fr 66px;gap:10px}.slider-scale{padding-right:76px}.slider-value{height:28px;font-size:13px}.summary-panel{flex:0 0 224px}.summary-header{min-height:48px;padding:9px 14px}.summary-grid{grid-template-columns:repeat(4,1fr)}.summary-cell{min-height:62px;padding:10px 12px}.summary-cell b{font-size:16px}.legs-strip{padding:10px 14px 12px}}@media (width<=900px){#root{justify-content:center;align-items:stretch;padding:10px}.app-shell{width:calc(100vw - 20px);max-width:820px;height:calc(100vh - 20px);margin:0 auto;padding:10px}.topbar{flex:none;align-items:center}.brand{flex:auto;min-width:0}.toolbar{padding-bottom:2px;overflow:visible}.toolbar button{flex:none}.workspace{flex-direction:column;padding-right:2px;display:flex;overflow:auto}.left-panel{flex:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;display:grid}.matrix-card,.param-card{flex:none;height:auto}.matrix-card{min-height:360px}.param-card{min-height:0;overflow:visible}.right-panel{flex:none}.summary-panel{flex:none;height:300px;min-height:300px}}@media (width<=680px){html,body{height:auto;min-height:100%}body{-webkit-overflow-scrolling:touch;min-height:100svh;overflow:hidden auto}#root{align-items:flex-start;height:auto;min-height:100svh}.app-shell{width:100%;min-width:0;height:auto;min-height:calc(100svh - 20px);overflow:visible}.workspace{flex:none;overflow:visible}.brand p{display:none}.toolbar>button,.toolbar>.tool-menu>button{padding:0 12px;font-size:0}.toolbar>.tool-menu>button>svg{display:block}.toolbar button svg{margin:0}.left-panel{grid-template-columns:1fr}.matrix-card,.param-card{height:auto;min-height:0}.matrix-card{overflow-x:hidden}.matrix-head,.matrix-body{grid-template-columns:34px repeat(3,minmax(0,1fr));width:100%;min-width:0}.matrix-head span,.row-index,.input-cell{min-width:0}.matrix-header{flex-direction:row;align-items:center}.entry-cost-field{width:auto}.summary-panel{height:320px;min-height:320px}.summary-grid{grid-template-columns:repeat(2,1fr)}.summary-cell:nth-child(2n),.summary-cell:nth-child(4n){border-right:0}.summary-cell:nth-last-child(-n+4){border-bottom:1px solid var(--color-border-subtle)}.summary-cell:nth-last-child(-n+2){border-bottom:0}}@media (width<=360px){#root{padding:6px}.app-shell{border-radius:14px;min-height:calc(100svh - 12px);padding:8px}.topbar{padding-inline:8px}}.compact-summary-panel{flex:0 0 146px;min-height:0;padding:0;overflow:hidden}.compact-summary-header{border-bottom:1px solid var(--color-border-subtle);min-height:36px;padding:7px 16px 6px}.compact-summary-header h2{margin:0}.summary-metrics{border-bottom:1px solid var(--color-border-subtle);grid-template-columns:repeat(8,minmax(86px,1fr));gap:0;display:grid}.summary-metric{border-right:1px solid var(--color-border-subtle);flex-direction:column;justify-content:center;gap:5px;min-height:50px;padding:8px 14px;display:flex}.summary-metric:last-child{border-right:0}.summary-metric span{color:var(--color-text-secondary);white-space:nowrap;font-size:12px;font-weight:800}.summary-metric b{white-space:nowrap;font-size:17px;line-height:1}.compact-legs-strip{scrollbar-width:thin;align-items:center;gap:8px;min-height:48px;margin-top:0;padding:11px 16px 12px;overflow:auto hidden}.compact-legs-strip span{padding:6px 10px;font-size:12px;line-height:1}.compact-legs-strip .option-chip{align-items:center;gap:3px;display:inline-flex}.position-count{flex:none;font-weight:850;color:var(--color-text-neutral)!important;background:0 0!important;border-color:#0000!important;padding-left:0!important}@media (width<=1180px){.compact-summary-panel{flex:0 0 140px}.compact-summary-header{min-height:34px;padding:6px 14px}.summary-metric{min-height:48px;padding:7px 10px}.summary-metric b{font-size:15px}.summary-metric span{font-size:11px}.compact-legs-strip{min-height:46px;padding:10px 14px 11px}}@media (width<=900px){.compact-summary-panel{flex:none;height:auto;min-height:154px;overflow:hidden}.summary-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-metric:nth-child(4n){border-right:0}.summary-metric:nth-child(n+5){border-top:1px solid var(--color-border-subtle)}}@media (width<=680px){.compact-summary-panel{height:auto;min-height:250px}.summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-metric:nth-child(2n),.summary-metric:nth-child(4n){border-right:0}.summary-metric:nth-child(n+3){border-top:1px solid var(--color-border-subtle)}}.help-icon{color:var(--color-text-placeholder);cursor:help}.info-popover{align-items:center;display:inline-flex}.info-popover-trigger{width:22px;height:22px;color:var(--color-text-placeholder);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:background .16s,color .16s,transform .16s;display:inline-flex}.info-popover-trigger:hover,.info-popover-trigger.active{background:var(--color-surface-info-alt);color:var(--color-text-link-muted)}.info-popover-trigger:active{transform:scale(.96)}.info-popover-panel{z-index:9999;border:1px solid var(--color-border-popover);background:var(--color-surface-card-strong);width:max-content;max-width:min(280px,100vw - 24px);box-shadow:0 16px 32px var(--shadow-color-18);color:var(--color-text-body-strong);white-space:normal;pointer-events:auto;border-radius:10px;padding:9px 11px;font-size:12px;font-weight:650;line-height:1.45;position:fixed}.info-popover-panel:before{content:"";top:-6px;left:var(--arrow-left,16px);background:var(--color-surface-card-strong);border-left:1px solid var(--color-border-popover);border-top:1px solid var(--color-border-popover);width:10px;height:10px;position:absolute;transform:translate(-50%)rotate(45deg)}.info-popover-panel.above:before{border-top:0;border-left:0;border-right:1px solid var(--color-border-popover);border-bottom:1px solid var(--color-border-popover);top:auto;bottom:-6px}@media (width>=901px){#root{padding:8px}.app-shell{gap:8px;width:min(1480px,100vw - 16px);height:min(920px,100svh - 16px);padding:10px 12px 12px}.topbar{border-radius:13px;flex:0 0 48px;min-height:48px;padding:6px 12px}.brand{gap:10px}.brand-mark{border-radius:12px;width:36px;height:36px;font-size:21px}h1{font-size:18px;line-height:1.05}.brand p{display:none}.toolbar{gap:7px}.toolbar button{white-space:nowrap;border-radius:9px;min-height:34px;padding:0 12px;font-size:13px}.workspace{gap:8px}.left-panel{flex-basis:30%;gap:8px;min-width:350px}.right-panel{gap:8px}.card-header{padding:8px 14px}.card-header p{margin-top:2px;font-size:12px}h2{font-size:16px}.ghost-button{min-height:34px;padding:0 12px}.strike-controls{gap:7px;padding:5px 12px 1px}.strike-controls label{gap:3px;font-size:11px}.strike-controls input{border-radius:7px;height:25px;padding:0 8px}.matrix-card{flex:auto;min-height:0}.matrix-head,.matrix-body{grid-template-columns:34px 1fr 1fr 1fr;padding-inline:12px}.matrix-head{padding-top:4px;font-size:12px}.matrix-head span{height:24px}.matrix-body{padding-bottom:8px;overflow:visible}.row-index,.input-cell{height:24px;font-size:12px}.spot-marker-row{gap:6px;min-height:18px;font-size:11px}.spot-marker-line{max-width:62px}.param-card{flex:auto;padding-bottom:5px}.slider-row{padding:1px 14px 0}.slider-label{gap:4px;font-size:13px}.info-popover-trigger{width:18px;height:18px}.slider-line{grid-template-columns:1fr 66px;gap:10px;margin-top:0}.slider-value{border-radius:8px;height:26px;font-size:13px}.slider-scale{margin-top:-2px;padding-right:76px;font-size:10px;line-height:1.05}.compact-summary-panel{flex:0 0 126px}.compact-summary-header{min-height:31px;padding:5px 14px}.summary-metrics{grid-template-columns:repeat(8,minmax(74px,1fr))}.summary-metric{gap:3px;min-height:42px;padding:6px 10px}.summary-metric span{font-size:11px}.summary-metric b{font-size:15px}.compact-legs-strip{gap:7px;min-height:42px;padding:8px 14px 9px}.compact-legs-strip span{padding:5px 9px;font-size:11px}}@media (width>=1281px){#root{padding:24px}.app-shell{gap:9px;width:min(1480px,100vw - 48px);height:min(780px,100vh - 48px);padding:12px 14px 14px}.topbar{flex-basis:54px;min-height:54px}.brand p{display:block}.left-panel{flex-basis:28%;min-width:360px}.matrix-card{flex:none}.matrix-body{overflow:visible}.row-index,.input-cell,.matrix-head span{height:25px}.spot-marker-row{min-height:19px}.compact-summary-panel{flex-basis:126px}}@media (width>=901px){.slider-line input[type=range],.spot-range{min-height:22px}}@media (width>=901px) and (width<=1180px){.workspace{grid-template-columns:minmax(292px,34%) minmax(0,1fr);align-items:stretch;display:grid;overflow:hidden}.left-panel,.right-panel{width:auto;min-width:0;overflow:hidden}.compact-summary-panel,.matrix-card,.param-card{min-width:0}}.tool-menu{display:inline-flex;position:relative}.tool-menu-panel{z-index:50;overscroll-behavior:contain;border:1px solid var(--color-border-shell);background:var(--color-surface-card-strong);min-width:170px;max-height:min(360px,100vh - 96px);box-shadow:0 16px 35px var(--shadow-color-16);border-radius:12px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.tool-menu>button{touch-action:manipulation}.tool-menu-panel button{width:100%;min-height:34px;color:var(--color-text-strong);background:0 0;border:0;border-radius:8px;justify-content:flex-start;padding:0 10px;font-weight:750}.tool-menu-panel button:hover{background:var(--color-surface-hover)}.modal-backdrop{z-index:1000;background:var(--color-overlay-soft);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--color-border-panel);background:var(--color-surface-card-strong);width:min(520px,100vw - 40px);max-height:calc(100vh - 40px);box-shadow:0 26px 80px var(--shadow-color-22);border-radius:18px;overflow:auto}.modal-header{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px 12px;display:flex}.modal-header p{color:var(--color-text-muted);margin-top:4px;font-size:13px}.modal-close{border:1px solid var(--color-border-shell);background:var(--color-surface-control-alt);width:34px;height:34px;color:var(--color-text-body);border-radius:10px;font-size:22px;line-height:1}.iv-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 18px 12px;display:grid}.iv-form-grid label{color:var(--color-text-body);flex-direction:column;gap:6px;font-size:13px;font-weight:800;display:flex}.iv-form-grid input,.iv-form-grid select{border:1px solid var(--color-border-default);background:var(--color-surface-input);height:38px;color:var(--color-text-primary);border-radius:10px;outline:none;padding:0 11px;font-weight:760}.iv-form-grid input:focus,.iv-form-grid select:focus{border-color:var(--color-focus);box-shadow:0 0 0 3px var(--shadow-accent-color-12);background:var(--color-surface-solid)}.iv-form-grid .iv-rate-field,.iv-form-grid .iv-days-field{grid-column:1/-1}.number-input-stepper{border:1px solid var(--color-border-default);background:var(--color-surface-input);border-radius:10px;grid-template-columns:38px minmax(0,1fr) 38px;height:38px;display:grid;overflow:hidden}.number-input-stepper:focus-within{border-color:var(--color-focus);box-shadow:0 0 0 3px var(--shadow-accent-color-12);background:var(--color-surface-solid)}.number-input-stepper button{border:0;border-right:1px solid var(--color-border-default);background:var(--color-surface-control-alt);min-width:0;color:var(--color-text-strong);touch-action:manipulation;justify-content:center;align-items:center;display:inline-flex}.number-input-stepper button:last-child{border-right:0;border-left:1px solid var(--color-border-default)}.number-input-stepper button:hover:not(:disabled){background:var(--color-surface-hover)}.number-input-stepper button:disabled{cursor:not-allowed;opacity:.4}.iv-form-grid .number-input-stepper input{text-align:center;width:100%;min-width:0;height:36px;box-shadow:none;appearance:textfield;background:0 0;border:0;border-radius:0;padding:0 6px}.iv-form-grid .number-input-stepper input:focus{box-shadow:none;background:0 0}.number-input-stepper input::-webkit-inner-spin-button{appearance:none;margin:0}.number-input-stepper input::-webkit-outer-spin-button{appearance:none;margin:0}.iv-result-box{border:1px solid var(--color-border-default);background:linear-gradient(180deg, var(--color-surface-solid), var(--color-surface-blue-faint));border-radius:14px;grid-template-columns:1fr auto;align-items:baseline;gap:6px 14px;margin:0 18px 14px;padding:14px 16px;display:grid}.iv-result-box span{color:var(--color-text-body);font-size:13px;font-weight:850}.iv-result-box b{color:var(--color-positive-strong);font-size:24px;line-height:1}.iv-result-box small{color:var(--color-text-muted);grid-column:1/-1;font-size:12px}.modal-actions{justify-content:flex-end;gap:10px;padding:0 18px 18px;display:flex}.primary-button{border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-text-on-accent);min-height:38px;box-shadow:0 8px 20px var(--shadow-accent-color-22);border-radius:10px;padding:0 14px;font-weight:850}.primary-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}@media (width<=680px){.modal-backdrop{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;align-items:start;padding:12px;overflow-y:auto}.iv-modal{overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;width:100%;max-height:calc(100dvh - 24px);overflow-y:auto}.iv-form-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.file-menu .tool-menu-panel{min-width:154px}.tool-menu-panel button{justify-content:flex-start;gap:8px;width:100%}.tool-menu-panel .danger-menu-item{color:var(--color-danger)}.tool-menu-panel .danger-menu-item:hover{background:var(--color-surface-danger-hover)}.iv-days-control{flex-direction:column;gap:5px;display:flex}.iv-days-input-row{grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:6px;display:grid;position:relative}.iv-days-input-row input[type=number]{border:1px solid var(--color-border-default);background:var(--color-surface-solid);width:100%;height:28px;color:var(--color-text-primary);border-radius:8px;padding:0 8px;font-weight:800}.iv-calendar-button{border:1px solid var(--color-border-default);background:var(--color-surface-input);width:28px;height:28px;color:var(--color-text-muted-blue);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.iv-calendar-button:hover{background:var(--color-surface-hover);color:var(--color-accent);border-color:var(--color-border-hover)}.custom-date-popover{z-index:10040;border:1px solid var(--color-border-default);background:var(--color-surface-card-strong);width:268px;box-shadow:0 18px 42px var(--shadow-color-18);color:var(--color-text-primary);-webkit-user-select:none;user-select:none;border-radius:12px;padding:12px;font-family:inherit;position:fixed}.custom-date-header{grid-template-columns:32px 1fr 32px;align-items:center;gap:6px;margin-bottom:10px;display:grid}.custom-date-header b{text-align:center;font-size:14px;font-weight:850}.custom-date-header button,.custom-date-grid button,.custom-date-footer button{color:var(--color-text-emphasis);background:0 0;border:0;border-radius:8px}.custom-date-header button{cursor:pointer;place-items:center;width:30px;height:30px;font-size:18px;line-height:1;display:inline-grid}.custom-date-header button:hover{background:var(--color-surface-control-muted)}.custom-date-weekdays{border-bottom:1px solid var(--color-border-input);color:var(--color-text-meta-strong);text-align:center;grid-template-columns:repeat(7,1fr);margin-bottom:6px;padding:4px 0 8px;font-size:12px;font-weight:850;display:grid}.custom-date-weekdays span{place-items:center;height:24px;display:grid}.custom-date-grid{grid-template-columns:repeat(7,1fr);gap:3px;padding:2px 0 6px;display:grid}.custom-date-grid button{cursor:pointer;justify-self:center;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:inline-grid}.custom-date-grid button:hover:not(:disabled){background:var(--color-surface-info);color:var(--color-accent-strong)}.custom-date-grid button.outside{color:var(--color-line-muted);font-weight:600}.custom-date-grid button.today:not(.selected){background:var(--color-surface-brand-alt);color:var(--color-info-strong);font-weight:900}.custom-date-grid button.selected{background:var(--color-info);color:var(--color-text-on-accent);box-shadow:0 4px 10px var(--shadow-info-color);border-radius:999px;font-weight:900}.custom-date-grid button:disabled{opacity:.32;cursor:not-allowed}.custom-date-footer{border-top:1px solid var(--color-border-calendar-grid);color:var(--color-text-secondary-strong);justify-content:space-between;align-items:center;margin-top:4px;padding-top:8px;font-size:12px;display:flex}.custom-date-footer button{color:var(--color-accent);cursor:pointer;padding:5px 8px;font-weight:800}.custom-date-footer button:hover{background:var(--color-surface-info)}.shell-topbar .brand{min-width:0}.app-rail{z-index:8000;width:var(--app-rail-width);border-right:1px solid var(--color-border-shell);background:var(--color-surface-rail);box-shadow:8px 0 24px var(--shadow-color-05);flex-direction:column;align-items:center;gap:8px;padding:12px 8px;display:flex;position:fixed;inset:0 auto 0 0}.app-rail-logo,.app-rail-button{width:38px;height:38px;color:var(--color-text-body);background:0 0;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;padding:0;display:inline-flex}.app-rail-logo{background:var(--color-surface-solid);color:var(--color-text-strong);margin-bottom:2px}.app-rail-logo:hover{background:var(--color-surface-rail-logo-hover);border-color:var(--color-border-shell)}.app-rail-button:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover-soft);color:var(--color-accent-hover)}.app-rail-button.active{background:var(--color-surface-active);border-color:var(--color-border-active-soft);color:var(--color-accent-hover)}.app-rail-divider{background:var(--color-border-subtle);width:28px;height:1px;margin:2px 0}.app-rail-profile{margin-top:auto}.theme-menu{left:calc(var(--app-rail-width) + 8px);z-index:8100;border:1px solid var(--color-border-default);background:var(--color-surface-card-strong);width:190px;color:var(--color-text-primary);box-shadow:var(--shadow-menu);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;padding:7px;position:fixed;bottom:12px}.theme-menu-header{border-bottom:1px solid var(--color-border-subtle);flex-direction:column;gap:2px;margin-bottom:5px;padding:6px 8px 8px;display:flex}.theme-menu-header span{font-size:13px;font-weight:850}.theme-menu-header small{color:var(--color-text-muted);font-size:11px}.theme-menu>button{width:100%;min-height:36px;color:var(--color-text-body);text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:20px 1fr 18px;align-items:center;gap:7px;padding:0 8px;font-size:12px;display:grid}.theme-menu>button:hover{background:var(--color-surface-hover)}.theme-menu>button.selected{color:var(--color-accent-hover);background:var(--color-surface-active)}.theme-menu>button i{justify-content:center;align-items:center;font-style:normal;display:inline-flex}.shell-icon-button,.shell-close-app,.drawer-close{border:1px solid var(--color-border-shell);background:var(--color-surface-control-alt);color:var(--color-text-strong);border-radius:10px;justify-content:center;align-items:center;min-width:38px;height:38px;padding:0;display:inline-flex}.shell-icon-button:hover,.shell-close-app:hover,.drawer-close:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.shell-topbar .shell-icon-button,.shell-topbar .brand-mark{display:none}.drawer-backdrop{background:var(--color-overlay);opacity:0;pointer-events:none;z-index:9000;transition:opacity .18s;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.app-drawer{background:var(--color-surface-rail);border-right:1px solid var(--color-border-shell);width:min(320px,100vw - 48px);box-shadow:28px 0 80px var(--shadow-color-20);z-index:9001;flex-direction:column;gap:10px;padding:16px 14px;transition:transform .22s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-104%)}.app-drawer.open{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:4px 0 12px;display:flex}.drawer-home-button{min-width:0;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.drawer-home-button span{flex-direction:column;gap:2px;display:flex}.drawer-home-button em{color:var(--color-text-tertiary);font-size:12px;font-style:normal}.drawer-header b{color:var(--color-text-primary);font-size:18px;display:block}.drawer-header span{color:var(--color-text-muted);margin-top:2px;font-size:13px;display:block}.drawer-section-title{color:var(--color-text-section);letter-spacing:.08em;margin:10px 4px 2px;font-size:12px;font-weight:800}.drawer-app-item{border:1px solid var(--color-border-shell);background:var(--color-surface-panel);width:100%;min-height:58px;color:var(--color-text-primary);text-align:left;border-radius:13px;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.drawer-app-item:hover{background:var(--color-surface-hover-strong);border-color:var(--color-border-hover)}.drawer-app-item.active{border-color:var(--color-border-active);background:var(--color-surface-hover)}.drawer-app-item span{flex-direction:column;gap:3px;display:flex}.drawer-app-item b{font-size:14px}.drawer-app-item em{color:var(--color-text-tertiary);font-size:12px;font-style:normal}.drawer-app-item small{color:var(--color-text-subtle);font-size:11px;font-weight:800}.drawer-app-item.disabled{opacity:.58;cursor:not-allowed;background:var(--color-surface-muted)}.drawer-theme-section{border-top:1px solid var(--color-border-subtle);margin-top:auto;padding-top:12px}.drawer-theme-title{color:var(--color-text-secondary);align-items:center;gap:7px;padding:0 5px 8px;font-size:12px;font-weight:800;display:flex}.drawer-theme-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.drawer-theme-options button{border:1px solid var(--color-border-shell);background:var(--color-surface-control-alt);min-width:0;min-height:48px;color:var(--color-text-secondary);border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 4px;font-size:10px;display:flex}.drawer-theme-options button:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.drawer-theme-options button.selected{background:var(--color-surface-active);border-color:var(--color-border-active);color:var(--color-accent-hover)}.launcher-shell{justify-content:flex-start}.launcher-panel{text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;min-height:0;padding:42px 24px;display:flex}.launcher-mark{width:68px;height:68px;color:var(--color-accent);background:linear-gradient(135deg, var(--color-surface-brand), var(--color-surface-solid));box-shadow:inset 0 0 0 1px var(--color-border-brand-soft);border-radius:22px;place-items:center;margin-bottom:18px;display:grid}.launcher-panel h2{margin-bottom:8px;font-size:24px}.launcher-panel p{max-width:560px;color:var(--color-text-secondary-alt);margin-bottom:22px;line-height:1.7}.launcher-app-list{flex-wrap:wrap;gap:10px;display:flex}.launcher-app-list .primary-launch-button{align-items:center;gap:8px;display:inline-flex}.primary-launch-button{background:var(--color-accent);color:var(--color-text-on-accent);min-height:42px;box-shadow:0 10px 22px var(--shadow-accent-color-24);border:0;border-radius:12px;padding:0 18px;font-weight:850}@media (width<=680px){body{padding-left:0}.app-rail,.theme-menu{display:none}.shell-topbar .shell-icon-button{display:inline-flex}.shell-close-app{min-width:38px}.app-drawer{width:min(300px,100vw - 32px)}}.chart-card{flex-direction:column;flex:auto;min-height:0;display:flex}.chart-header{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:flex-start;gap:10px;padding:8px 18px;display:flex}.chart-header p{color:var(--color-text-muted);margin-top:4px;font-size:13px}.chart-header-controls{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.chart-curve-menu{flex:none;position:relative}.chart-curve-menu-trigger{border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);background:var(--color-surface-control);height:34px;color:var(--color-text-body);white-space:nowrap;align-items:center;gap:7px;padding:0 9px 0 11px;font-size:12px;font-weight:800;display:inline-flex}.chart-curve-menu-trigger b{color:var(--color-text-subtle-strong);font-size:11px}.chart-curve-menu-trigger svg{color:var(--color-text-icon);transition:transform .16s}.chart-curve-menu-trigger:hover,.chart-curve-menu-trigger.active{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.chart-curve-menu-trigger.active svg{transform:rotate(180deg)}.chart-curve-menu-panel{z-index:20;border:1px solid var(--color-border-subtle);background:var(--color-surface-card-strong);max-width:min(520px,100vw - 32px);box-shadow:var(--shadow-menu);border-radius:11px;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.chart-curve-menu-panel .chart-mode-tabs{scrollbar-width:none;white-space:nowrap;max-width:100%;overflow-x:auto}.chart-curve-menu-panel .chart-mode-tabs::-webkit-scrollbar{display:none}.chart-scale-control{color:var(--color-text-secondary);flex:none;align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.chart-scale-menu{position:relative}.chart-scale-menu-trigger{border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);background:var(--color-surface-control-selected);min-width:76px;height:34px;color:var(--color-text-control);justify-content:space-between;align-items:center;gap:10px;padding:0 9px;font-size:12px;font-weight:400;display:inline-flex}.chart-scale-menu-trigger svg{color:var(--color-text-secondary);transition:transform .16s}.chart-scale-menu-trigger:hover,.chart-scale-menu-trigger.active{border-color:var(--color-border-hover);background:var(--color-surface-focus)}.chart-scale-menu-trigger:focus-visible{border-color:var(--color-focus);box-shadow:0 0 0 3px var(--shadow-accent-color-12);outline:none}.chart-scale-menu-trigger.active svg{transform:rotate(180deg)}.chart-scale-menu .chart-scale-menu-panel{min-width:116px;top:calc(100% + 6px)}.chart-scale-menu .chart-scale-menu-panel button{gap:6px;font-weight:400}.chart-scale-menu .chart-scale-menu-panel button.selected{color:var(--color-accent-hover);background:var(--color-surface-hover)}.chart-scale-menu-check{justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex}.segmented{background:var(--color-surface-control-selected);border:1px solid var(--color-border-subtle);border-radius:11px;gap:3px;padding:4px;display:inline-flex}.segmented button{border-radius:var(--radius-control);color:var(--color-text-control-muted);background:0 0;border:0;padding:8px 16px;font-weight:800}.segmented button.active{background:var(--color-accent);color:var(--color-text-on-accent);box-shadow:var(--shadow-accent-soft)}.segmented button:disabled,.segmented button.disabled{color:var(--color-text-disabled);cursor:not-allowed;opacity:.55;box-shadow:none;background:0 0}.chart-legend{color:var(--color-text-legend);flex-wrap:wrap;align-items:center;gap:22px;padding:8px 18px 0;font-size:13px;font-weight:700;display:flex}.legend-item{align-items:center;gap:8px;display:inline-flex}.legend-line{border-top:1.5px solid;width:24px;height:0;display:inline-block}.legend-line-break-even{color:var(--color-text-reference);border-top-style:dashed}.legend-line-spot{color:var(--chart-spot);border-top-style:dashed}.chart-svg{flex:auto;width:100%;min-height:0;display:block}.grid-line{stroke:var(--chart-grid);stroke-width:1px;stroke-dasharray:3 3}.axis-zero{stroke:var(--chart-axis);stroke-width:.95px}.axis-edge{stroke:var(--chart-axis-edge);stroke-width:1px}.spot-line{stroke:var(--chart-spot);stroke-width:1.45px;stroke-dasharray:5 5;pointer-events:none}.break-even-line{stroke:var(--chart-reference);stroke-width:1.1px;stroke-dasharray:5 5;opacity:.9}.spot-line.dragging{stroke-width:2px;filter:drop-shadow(0 0 5px var(--chart-shadow-spot))}.chart-drag-layer{fill:#0000;cursor:ew-resize;touch-action:none}.spot-line-hitbox{stroke:#0000;stroke-width:22px;cursor:ew-resize;touch-action:none}.strategy-line{stroke:var(--chart-series-pnl);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 6px var(--chart-shadow-pnl))}.strategy-line-pnl{stroke:var(--chart-series-pnl)}.strategy-line-payoff{stroke:var(--chart-series-payoff);stroke-dasharray:7 5;filter:drop-shadow(0 3px 6px var(--chart-shadow-payoff))}.strategy-line-delta{stroke:var(--chart-series-delta);filter:drop-shadow(0 3px 6px var(--chart-shadow-delta))}.strategy-line-gamma{stroke:var(--chart-series-gamma);filter:drop-shadow(0 3px 6px var(--chart-shadow-gamma))}.strategy-line-theta{stroke:var(--chart-series-theta);filter:drop-shadow(0 3px 6px var(--chart-shadow-theta))}.strategy-line-vega{stroke:var(--chart-series-vega);filter:drop-shadow(0 3px 6px var(--chart-shadow-vega))}.strategy-line-rho{stroke:var(--chart-series-rho);filter:drop-shadow(0 3px 6px var(--chart-shadow-rho))}.positive-area-fill{fill:var(--chart-profit-fill)}.negative-area-fill{fill:var(--chart-loss-fill)}.chart-label,.axis-label{fill:var(--color-text-primary);font-size:14px;font-weight:750}.axis-tick-label{fill:var(--chart-tick);font-size:11px;font-weight:600}.axis-label.vertical{writing-mode:vertical-rl;glyph-orientation-vertical:0}.tooltip-card{background:var(--color-surface-tooltip);border:1px solid var(--color-border-subtle);width:180px;box-shadow:var(--shadow-tooltip);border-radius:10px;flex-direction:column;gap:7px;padding:12px 13px;font-size:13px;display:flex}.tooltip-card span{justify-content:space-between;display:flex}.tooltip-card em{font-style:normal;font-weight:850}@media (width<=1180px){.chart-header{padding:10px 14px}.chart-header p{font-size:12px}.chart-card{flex:1 1 0;min-height:300px}.chart-svg{flex:auto}.segmented button{padding:7px 12px;font-size:13px}.tooltip-card{width:162px;padding:10px 11px;font-size:12px}}@media (width<=900px){.chart-card{flex:none;height:400px;min-height:400px}}@media (width<=680px){.chart-card{height:360px;min-height:360px}.chart-header{flex-direction:column;align-items:stretch;position:relative}.chart-header-controls{justify-content:space-between}.chart-curve-menu{position:static}.chart-curve-menu-panel{width:auto;max-width:none;top:calc(100% + 6px);left:14px;right:14px}.chart-curve-menu-panel .chart-mode-tabs{white-space:normal;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:none;display:grid;overflow:visible}.chart-curve-menu-panel .chart-mode-tabs button{width:100%;min-width:0;padding-inline:8px}.chart-legend{gap:12px;padding:8px 14px 0;font-size:12px}.segmented{align-self:stretch}.segmented button{flex:1}}@media (width>=901px){.chart-card{min-height:0}.chart-header{align-items:center;padding:8px 14px}.chart-header p{margin-top:2px;font-size:12px}.segmented{border-radius:10px;padding:3px}.segmented button{border-radius:8px;padding:7px 13px;font-size:13px}.chart-legend{gap:18px;padding:6px 16px 0;font-size:12px}.legend-line{width:22px}.tooltip-card{gap:5px;width:160px;padding:9px 10px;font-size:12px}}@media (width>=1281px){.chart-card{flex:auto}}@media (width>=901px) and (width<=1180px){.chart-card{min-width:0}}