.help-banner{background:var(--color-help-banner-bg);border:1px solid var(--color-help-banner-border);border-radius:var(--radius-2xl);padding:var(--spacing-lg) var(--spacing-xl);margin-bottom:var(--spacing-2xl);animation:slideDown .3s ease-out}.help-banner__content{display:flex;align-items:center;gap:var(--spacing-md);position:relative}.help-banner__icon{font-size:var(--font-size-xl);flex-shrink:0}.help-banner__text{flex:1;color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:1.6}.help-banner__text strong{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.help-banner__close{background:0;border:0;color:var(--color-text-secondary);font-size:var(--font-size-2xl);line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);transition:all .15s ease;flex-shrink:0}.help-banner__close:hover{background:rgba(0,0,0,0.05);color:var(--color-text-primary)}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.u-hidden{display:none}.u-relative{position:relative}.u-block{display:block}.scenario-container{padding:var(--spacing-sm) 0;width:100%;box-sizing:border-box;display:flex;gap:var(--spacing-2xl);align-items:stretch}.controls-sidebar{flex:0 0 30%;min-width:300px;overflow-y:auto}.scenario-chart-container{flex:1;min-width:0;position:sticky;top:var(--spacing-2xl);z-index:101;display:flex;flex-direction:column;gap:var(--spacing-lg)}.chart-wrapper{padding:var(--spacing-lg) var(--spacing-xl);width:100%;background:white;border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);flex:1;min-height:500px;box-sizing:border-box}.summary{background:var(--gradient-primary);color:var(--color-text-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--spacing-lg) var(--spacing-2xl)}.summary-header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.spread-info-row{display:flex;flex-wrap:wrap;gap:var(--spacing-lg) var(--spacing-2xl);align-items:center}.spread-info-item{display:flex;flex-direction:column;gap:var(--spacing-2xs);text-align:left}.spread-info-value{font-size:var(--font-size-base);color:white;font-weight:var(--font-weight-semibold)}.summary__container{display:flex;align-items:center;gap:var(--spacing-2xl);flex-wrap:wrap;padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,0.1)}.summary__section-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.summary__section-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:1px;opacity:.6;font-weight:var(--font-weight-semibold);color:var(--color-text-white);flex-shrink:0}.summary__scenario-description{font-size:var(--font-size-sm);color:rgba(255,255,255,0.9);line-height:1.5;margin-bottom:var(--spacing-md);width:100%}.summary__scenario-description strong{color:var(--color-text-white);font-weight:var(--font-weight-bold)}.summary__outcome-items{display:flex;gap:var(--spacing-2xl);flex-wrap:wrap}.summary__item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.summary__label{opacity:.8;color:var(--color-text-white)}.summary__value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-white);line-height:1.2}.summary__value--secondary{font-size:var(--font-size-sm);opacity:.9;color:var(--color-text-white);margin-top:0}.summary__value--pl{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-white);line-height:1.2}.summary__value--pl-percent{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);opacity:.9;color:var(--color-text-white);margin-top:0}.summary__value--profit{color:var(--color-text-white)}.scenario-controls{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.scenario-panel{background:var(--color-bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-xl);border:var(--border-width-sm) solid var(--color-border-secondary);width:100%}.scenario-form-fields{display:flex;flex-direction:column;gap:var(--spacing-lg)}.scenario-form-fields>div{padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-secondary)}.scenario-form-fields>div:last-child{padding-bottom:0;border-bottom:0}.section__title{margin-bottom:var(--spacing-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--color-primary);display:inline-block}.scenario-panel h3{margin:0 0 var(--spacing-lg) 0;color:var(--color-text-primary);font-size:var(--font-size-base)}.controls-sidebar .form-group{margin-bottom:var(--spacing-md)}.grid{display:grid}.grid--2col{grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.grid--2col-gap-sm{grid-template-columns:1fr 1fr;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.grid--2col-gap-8{grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.flex{display:flex}.flex--col-gap-8{flex-direction:column;gap:var(--spacing-sm)}.u-mb-0{margin-bottom:0}.stock-price__input{padding:var(--spacing-sm);font-size:.85em;width:100%;border:var(--border-width-sm) solid var(--color-border-secondary);border-radius:var(--radius-lg);box-sizing:border-box;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.stock-price__input:focus{outline:0;border-color:var(--color-primary);box-shadow:var(--shadow-focus-sm)}.stock-price__label{font-size:.7em}.price-change{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px 6px;border-radius:var(--radius-sm);background:var(--color-bg-tertiary)}.price-change.positive{color:var(--color-success-text);background:var(--color-success)}.price-change.negative{color:var(--color-error-text);background:var(--color-error)}.btn-reset{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--spacing-md);background:var(--color-bg-secondary);border:var(--border-width-sm) solid var(--color-border-tertiary);border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.btn-reset::before{content:"↺";font-size:1.1em}.btn-reset:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-white);box-shadow:var(--shadow-sm)}.slider-group{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:var(--spacing-sm);row-gap:var(--spacing-2xs);align-items:center;margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.slider-group label{grid-column:1;grid-row:1;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.slider-group .slider-info{grid-column:2;grid-row:1;display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-sm)}.slider-group .slider-value{font-weight:var(--font-weight-bold);color:var(--color-primary);font-size:var(--font-size-md)}.slider-group input[type="range"]{grid-column:1 / -1;grid-row:2;margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}input[type="range"]{width:100%;height:6px;border-radius:var(--radius-md);background:var(--color-bg-quaternary);outline:0;appearance:none;-webkit-appearance:none;touch-action:pan-y;cursor:pointer}input[type="range"]::-webkit-slider-runnable-track{height:6px;border-radius:var(--radius-md);background:linear-gradient(to right,var(--color-primary) 0,var(--color-bg-quaternary) 0)}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-primary);cursor:pointer;box-shadow:0 2px 6px rgba(46,73,100,0.35);border:2px solid white;transition:transform .15s ease,box-shadow .15s ease;margin-top:-5px}input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 8px rgba(46,73,100,0.45)}input[type="range"]::-moz-range-track{height:6px;border-radius:var(--radius-md);background:var(--color-bg-quaternary)}input[type="range"]::-moz-range-progress{height:6px;border-radius:var(--radius-md);background:var(--color-primary)}input[type="range"]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid white;box-shadow:0 2px 6px rgba(46,73,100,0.35)}.strike-selector{margin-bottom:var(--spacing-sm)}.strike-selector label{display:block;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm)}.strike-selector select{width:100%;min-width:100px;padding:var(--spacing-sm);font-size:var(--font-size-base);border:var(--border-width-sm) solid var(--color-border-primary);border-radius:var(--radius-lg);background:var(--color-bg-primary);color:var(--color-text-primary)}.greek-comparison{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-2xl)}.greek-card{background:var(--color-bg-primary);padding:var(--spacing-xl);border-radius:var(--radius-xl);border:var(--border-width-md) solid var(--color-border-secondary);box-shadow:var(--shadow-md)}.greek-card h4{margin:0 0 var(--spacing-xl) 0;color:var(--color-text-secondary);font-size:var(--font-size-2xl);text-transform:uppercase;letter-spacing:.5px}.greek-values{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.greek-value{font-size:1.5em;font-weight:700}.greek-change{font-size:.9em;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-lg);font-weight:600}.greek-change.positive{background:var(--color-success);color:var(--color-success-text)}.greek-change.negative{background:var(--color-error);color:var(--color-error-text)}.greek-change.neutral{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.option-price-panel{background:var(--gradient-primary);color:var(--color-text-white);padding:var(--spacing-3xl);border-radius:var(--radius-xl);margin-top:var(--spacing-2xl)}.option-price-panel h3{margin:0 0 var(--spacing-xl) 0;color:var(--color-text-white)}.price-comparison{display:flex;justify-content:space-between;align-items:center;font-size:1.3em}.price-value{font-weight:700;font-size:1.5em}.info-icon{transition:all .2s ease}.info-icon:hover{background:var(--color-primary-light) !important;transform:scale(1.1)}.chart__title{font-size:1.2em;margin-bottom:var(--spacing-sm);font-weight:600;position:relative;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.greeks-header{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.greeks-header .chart__title{margin-bottom:0}.greeks-live-values{display:flex;gap:var(--spacing-xl);justify-content:center;flex-wrap:wrap}.greeks-live-item{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--color-bg-tertiary);border:var(--border-width-sm) solid var(--color-border-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg)}.greeks-live-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.greeks-live-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-info);font-family:'SF Mono','Monaco','Inconsolata',monospace}.chart__container{height:calc(100vh - 300px);min-height:400px;width:100%}.chart__placeholder{display:flex;align-items:center;justify-content:center;height:calc(100vh - 450px);min-height:400px;color:var(--color-text-muted);font-size:1em}.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center;max-width:400px;padding:var(--spacing-xl)}.placeholder-icon{font-size:48px;opacity:.6}.placeholder-text{font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-secondary)}.placeholder-text strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.pl-table{width:100%;overflow-x:auto;max-height:calc(100vh - 300px);overflow-y:auto;border-radius:var(--radius-xl);border:var(--border-width-sm) solid var(--color-border-secondary)}.pl-table__table{width:100%;border-collapse:collapse;font-size:.85em}.pl-table__table thead th{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-tertiary)}.pl-table__table tbody td{padding:var(--spacing-sm) var(--spacing-lg)}.pl-table__table thead th:first-child,.pl-table__table tbody td:first-child{position:sticky;left:0;z-index:5;background:var(--color-bg-primary)}.pl-table__table thead th:first-child{background:var(--color-bg-tertiary);z-index:15}.pl-table__table tbody td:first-child{background:var(--color-bg-primary)}.pl-table__table tbody tr td:first-child[style*="background: rgb(255, 243, 205)"],.pl-table__table tbody tr td:first-child[style*="background-color: rgb(255, 243, 205)"]{background:#fff3cd !important}@media(max-width:768px){.help-banner{padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.help-banner__content{position:relative;padding-right:32px}.help-banner__icon{font-size:var(--font-size-lg);flex-shrink:0}.help-banner__text{font-size:var(--font-size-xs);line-height:1.5}.help-banner__close{position:absolute;top:0;right:0;width:24px;height:24px}.placeholder-content{padding:var(--spacing-lg);max-width:100%}.placeholder-icon{font-size:36px}.placeholder-text{font-size:var(--font-size-sm)}.scenario-container{flex-direction:column !important;gap:var(--spacing-sm) !important;padding:0 !important}.controls-sidebar{flex:1 1 auto !important;min-width:100% !important;max-width:100% !important;margin-bottom:var(--spacing-sm) !important;overflow-y:visible !important;max-height:none !important}.scenario-chart-container{flex:1 1 auto !important;min-width:100% !important;position:relative !important;top:0 !important;gap:var(--spacing-sm) !important}#greekComparisonChart,#monteCarloChart{height:400px !important;min-height:400px !important;max-height:500px !important;width:100% !important;max-width:100vw !important;box-sizing:border-box !important;overflow:visible !important}#chartPlaceholder,#monteCarloPlaceholder{height:400px !important;min-height:400px !important;width:100% !important;max-width:100vw !important;box-sizing:border-box !important}.chart-tab-content{width:100% !important;max-width:100vw !important;overflow:visible !important;box-sizing:border-box !important}.scenario-chart-container{width:100% !important;max-width:100vw !important;box-sizing:border-box !important}.scenario-panel{padding:var(--spacing-sm) !important;margin-bottom:var(--spacing-sm) !important}.scenario-panel h3{font-size:.85em}.scenario-form-fields{gap:var(--spacing-xs) !important}.chart-wrapper{padding:var(--spacing-sm) !important}.scenario-chart-container>div:first-child{padding:var(--spacing-sm) !important}.pl-table{max-height:none}#chartProfitLoss{font-size:2.5em !important;font-weight:700 !important;line-height:1.3 !important;min-height:50px !important;display:block !important;margin:0 !important;padding:0 !important}#chartProfitLossPercent{font-size:1.6em !important;font-weight:600 !important;margin-top:var(--spacing-xs) !important;display:block !important;min-height:28px !important;margin-bottom:0 !important;padding:0 !important;opacity:.9 !important}.slider-group label{font-size:.7em}.scenario-form-fields>div{padding-bottom:var(--spacing-sm)}.strike-selector select{min-width:100% !important}.summary{padding:var(--spacing-md) !important}.summary-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.spread-info-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm) var(--spacing-md);width:100%}.spread-info-row+.spread-info-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--spacing-sm);border-top:1px solid rgba(255,255,255,0.1);padding-top:var(--spacing-sm)}.spread-info-row+.spread-info-row .spread-info-item{text-align:center;flex:1;min-width:0}.spread-info-item{text-align:left;gap:var(--spacing-xs)}.spread-info-value{font-size:var(--font-size-base)}.summary__container{flex-direction:column;align-items:stretch;gap:var(--spacing-md);padding-top:var(--spacing-md)}.summary__scenario-description{font-size:var(--font-size-xs);line-height:1.4;margin-bottom:var(--spacing-xs)}.summary__section-group{width:100%}.summary__section-label{margin-right:0;margin-bottom:var(--spacing-xs)}.summary__outcome-items{display:grid !important;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);width:100%}.summary__outcome-items .summary__item:first-child{grid-column:1 / -1;text-align:center;padding-bottom:var(--spacing-sm);border-bottom:1px solid rgba(255,255,255,0.1)}.summary__item{gap:var(--spacing-xs)}.summary__label{font-size:var(--font-size-md,0.65em);font-weight:bold;letter-spacing:.5px}.summary__value,.summary__value--profit{font-size:var(--font-size-lg) !important}.summary__value--secondary{font-size:var(--font-size-sm) !important}.info-panel{padding:var(--spacing-sm) var(--spacing-md) !important;margin:var(--spacing-sm) 0 !important}}@media(max-width:480px){.container{padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-md) var(--spacing-sm) !important}#chartProfitLoss{font-size:2.8em !important;min-height:45px !important}#chartProfitLossPercent{font-size:1.8em !important;min-height:28px !important}.spread-info-row+.spread-info-row .spread-info-value{font-size:var(--font-size-sm)}.btn-login,.btn-get-started{width:100%;font-size:var(--font-size-lg);padding:var(--spacing-sm) var(--spacing-lg)}.nav-dropdown{width:100%}.nav-dropdown-toggle{font-size:var(--font-size-lg);padding:var(--spacing-xs) var(--spacing-lg);width:100%;justify-content:space-between}.nav-dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-radius:0;margin-top:0;padding:0;background:var(--color-bg-secondary);display:none}.nav-dropdown.mobile-open .nav-dropdown-menu{display:block}.nav-dropdown-item{padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-3xl);font-size:var(--font-size-md);color:var(--color-text-primary)}.nav-dropdown-item:hover{background:var(--color-bg-tertiary);color:var(--color-primary)}.nav-link{padding:var(--spacing-xs) var(--spacing-lg);width:100%;font-size:var(--font-size-lg)}#greekComparisonChart,#monteCarloChart{height:300px !important;min-height:300px !important;width:100% !important;max-width:100vw !important;box-sizing:border-box !important;overflow:visible !important}#chartPlaceholder,#monteCarloPlaceholder{height:300px !important;min-height:300px !important;width:100% !important;max-width:100vw !important;box-sizing:border-box !important}.chart-tab-content{width:100% !important;max-width:100vw !important;overflow:visible !important;box-sizing:border-box !important}}