/* The calculator is a paired worksheet, not a chart dashboard. */
:root{color-scheme:light;--oc-ground:#f7f7f7;--oc-nav:#f3f3f3;--oc-paper:#f0f0f0;--oc-panel:#eaeaea;--oc-panel-muted:#ececec;--oc-input:#e6e6e6;--oc-selected:#dedede;--oc-hover:#e4e4e4;--oc-float:#f7f7f7;--oc-ink:#242424;--oc-text:#363636;--oc-text-secondary:#515151;--oc-muted:#606060;--oc-quiet:#656565;--oc-line:#d3d3d3;--oc-line-strong:#b6b6b6;--oc-accent:#47677c;--oc-accent-fill:#dce3e6;--oc-red:#b63e36;--oc-green:#19715b;--oc-warm:#7c621e;--oc-warning:#785b20;--oc-warning-fill:#eae7de;--oc-green-fill:#e4e7e5;--oc-on-solid:#fff;--site-max:1760px;--body-max:1120px;--gutter:32px;--inset:24px;--ease:cubic-bezier(.2,.75,.2,1)}
html[data-theme=dark]{color-scheme:dark;--oc-ground:#171d23;--oc-nav:#10161c;--oc-paper:#1d252d;--oc-panel:#252e37;--oc-panel-muted:#222b34;--oc-input:#29343e;--oc-selected:#35434f;--oc-hover:#2d3944;--oc-float:#28323c;--oc-ink:#e7edf1;--oc-text:#d0d8df;--oc-text-secondary:#b9c4ce;--oc-muted:#a1aeb9;--oc-quiet:#a1aeb9;--oc-line:#34404b;--oc-line-strong:#52606c;--oc-accent:#a8c1d1;--oc-accent-fill:#344754;--oc-red:#ee8b80;--oc-green:#6bc2a3;--oc-warm:#d6ba78;--oc-warning:#d8bf85;--oc-warning-fill:#343229;--oc-green-fill:#27332f;--oc-on-solid:#171d23}
html,body{min-width:0;background:var(--oc-ground);color:var(--oc-text)}body{min-height:100vh;font-size:14px}::selection{background:var(--oc-selected);color:var(--oc-ink)}*{scrollbar-color:var(--oc-line-strong) transparent;scrollbar-width:thin}button,input,select{touch-action:manipulation}button,a,input,select{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--oc-accent)}button:disabled{opacity:.5;cursor:not-allowed}a{text-underline-offset:3px}a[target=_blank]{text-decoration-thickness:1px}
/* Public site frame: One-SDR released header/footer, independent of the 1120px worksheet. */
:root{--frame-gutter:32px;--frame-text:#363636;--frame-heading:#242424;--frame-muted:#5b5b5b;--frame-line:rgba(0,0,0,.09);--frame-hover:rgba(0,0,0,.03);--frame-selected:#e4e4e4}
html[data-theme=dark]{--frame-text:#e0e5ea;--frame-heading:#edf1f4;--frame-muted:#a5afb9;--frame-line:#ffffff14;--frame-hover:#ffffff09;--frame-selected:#ffffff0b}
.site-header{width:100%;padding:0;border-bottom:1px solid var(--frame-line);background:var(--oc-nav)}
.site-header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;min-height:64px;max-width:var(--site-max);margin:auto;padding:0 var(--frame-gutter)}
.site-brand{display:flex;align-items:center;justify-self:start;margin-left:-12px;text-decoration:none}
.site-brand img{display:block;width:auto;height:34px}
.site-brand .brand-night{display:none}
html[data-theme=dark] .site-brand .brand-day{display:none}
html[data-theme=dark] .site-brand .brand-night{display:block}
.site-nav-links{display:flex;align-items:center;justify-self:center;gap:4px;width:max-content;min-width:0;max-width:100%;height:auto;margin:0;overflow-x:auto;scrollbar-width:none}
.site-nav-links::-webkit-scrollbar{display:none}
.site-nav-links a{display:block;flex:none;padding:7px 12px;border-radius:10px;corner-shape:squircle;color:var(--frame-muted);font-size:13px;line-height:1.5;font-weight:500;white-space:nowrap;text-decoration:none;transition:background-color 150ms ease-out,color 150ms ease-out}
.site-nav-links a:hover{background:var(--frame-hover);color:var(--frame-text)}
.site-nav-links a.active{background:var(--frame-selected);color:var(--frame-heading)}
.site-global-tools{justify-self:end;width:60px}
.theme-button{position:relative;display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin-left:auto;padding:0;border:0;border-radius:10px;background:transparent;color:var(--frame-muted)}
.theme-button:hover{background:var(--frame-hover);color:var(--frame-text)}
.theme-button svg{position:absolute;transition:opacity 180ms ease-out,transform 240ms ease-out}
.theme-moon{opacity:1;transform:rotate(0) scale(1)}
.theme-sun{opacity:0;transform:rotate(35deg) scale(.75)}
html[data-theme=dark] .theme-moon{opacity:0;transform:rotate(-35deg) scale(.75)}
html[data-theme=dark] .theme-sun{opacity:1;transform:rotate(0) scale(1)}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.oc-shell{width:min(var(--body-max),calc(100% - var(--gutter)*2));margin:0 auto;padding:28px 0 0}.page-head{display:flex;align-items:center;gap:20px;margin-bottom:22px;text-align:left}.page-head h1{font-size:23px;line-height:1.4;font-weight:650;letter-spacing:0;color:var(--oc-ink)}.page-head p{font-size:13px;color:var(--oc-muted)}.workflow-tabs{display:flex;justify-content:flex-start;margin-bottom:16px}.workflow-tabs-bar{display:flex;padding:4px;gap:4px;border-radius:14px;background:var(--oc-panel-muted)}.tab-btn{padding:8px 18px;min-height:36px;border-radius:10px;color:var(--oc-muted)}.tab-btn span{font-size:14px}.tab-btn svg{width:16px;height:16px}.tab-btn.active{background:var(--oc-selected);color:var(--oc-ink)}.tab-btn:hover:not(.active){background:var(--oc-hover);color:var(--oc-ink)}.page-container{display:none}.page-container.active{display:block}.page-container>.grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:28px;background:var(--oc-paper);padding:var(--inset);border-radius:16px;align-items:start}.page-container>.grid>*{min-width:0}.page-container>.grid>.glass-panel{display:block}.page-container>.grid>.space-y-4{border-left:1px solid var(--oc-line);padding-left:28px;min-height:100%}.glass-panel{padding:0;border:0;border-radius:0;background:none;box-shadow:none}.glass-panel h2{display:flex;align-items:center;min-height:40px;font-size:16px;line-height:1.5;font-weight:650;color:var(--oc-ink)}.glass-panel h2>svg,.glass-panel h3>svg{display:none}.glass-panel h3{font-size:13px;color:var(--oc-text);font-weight:650}.space-y-4>.glass-panel+.glass-panel{border-top:1px solid var(--oc-line);padding-top:18px;margin-top:22px}.space-y-4>.glass-panel+ .glass-panel ul{color:var(--oc-muted);font-size:12px;line-height:1.8}.compact-section{margin-bottom:16px}.compact-label{font-size:13px;line-height:1.5}.input-group{min-width:0}.input-group:focus-within{transform:none}
.personality-btn,.type-btn,.mode-btn,.rr-btn{color:var(--oc-muted);background:var(--oc-panel-muted);border-radius:10px;border:0;font-size:13px;min-height:34px;box-shadow:none}.personality-btn.active,.type-btn.active,.mode-btn.active,.rr-btn.active{color:var(--oc-ink);background:var(--oc-selected)}.personality-btn:hover,.type-btn:hover,.mode-btn:hover,.rr-btn:hover{background:var(--oc-hover);color:var(--oc-ink)}.personality-btn.active:hover,.type-btn.active:hover,.mode-btn.active:hover,.rr-btn.active:hover{background:var(--oc-selected)}.personality-btn{padding:6px 11px;min-height:30px}.personality-btn~.personality-btn{margin-left:2px}.glass-panel>.flex>.bg-slate-100{background:var(--oc-panel-muted);padding:3px;border-radius:12px}.type-btn{flex-wrap:wrap;gap:0 4px;padding:4px}.type-btn .text-sm{font-size:13px}.type-btn .text-\[10px\]{font-size:12px;opacity:1}.rr-btn{padding:8px 10px}.rr-badge,.risk-level-tag{background:var(--oc-selected);color:var(--oc-text);border-radius:6px;padding:2px 7px;font-size:12px;white-space:nowrap;display:inline-flex;align-items:center}.risk-level-tag{margin-left:auto;font-weight:500}
input:not([type=range]):not([type=hidden]),select{border:1px solid transparent;border-radius:10px;background:var(--oc-input);color:var(--oc-ink);box-shadow:none;caret-color:var(--oc-ink);min-height:40px;font-size:15px;line-height:1.4}input:not([type=range]):not([type=hidden]):hover,select:hover{background:var(--oc-hover)}input:not([type=range]):not([type=hidden]):focus,select:focus{background:var(--oc-selected);border-color:var(--oc-line-strong)}input::placeholder{color:var(--oc-quiet)}input[aria-invalid=true]{border-color:var(--oc-warning)}select{font-size:12px;max-width:180px;min-width:140px;padding:7px 25px 7px 9px;cursor:pointer}select option{background:var(--oc-float);color:var(--oc-text)}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:5px;border:0;border-radius:3px;background:var(--oc-line-strong);cursor:pointer;vertical-align:middle}input[type=range]::-webkit-slider-thumb{appearance:none;width:17px;height:17px;border:2px solid var(--oc-paper);border-radius:50%;background:var(--oc-text-secondary)}input[type=range]::-moz-range-thumb{width:13px;height:13px;border:2px solid var(--oc-paper);border-radius:50%;background:var(--oc-text-secondary)}input[type=range]:focus-visible{outline-offset:7px}#sliderTicks{color:var(--oc-muted);font-size:11px}.compact-section.bg-slate-50{background:var(--oc-panel-muted);padding:12px;border:0}.compact-section.bg-slate-50>.flex{gap:8px;flex-wrap:wrap}.compact-section.bg-slate-50>.flex>.flex{flex-wrap:wrap;gap:6px 12px;flex:1 1 190px}.compact-section.bg-slate-50>.flex>.risk-level-tag{flex:0 0 auto}#kellyGoToSim{border:0;background:none;color:var(--oc-muted);padding:0;font-size:12px;white-space:normal}#kellyGoToSim:hover{text-decoration:underline;color:var(--oc-ink)}#kellySuggestionBox{border:0;background:none;color:var(--oc-text);padding:0;font-size:12px;white-space:normal}#typeRRHint{font-size:12px;color:var(--oc-muted)}#page-position .compact-section.mt-3>.flex{gap:6px;flex-wrap:wrap}#page-position .compact-section.mt-3>.flex>.flex{flex-wrap:wrap;gap:4px 8px}#page-position .mt-4.border-t{padding-top:18px;margin-top:20px}#page-position .mt-4.border-t>a{width:auto;padding:0;min-height:32px;justify-content:flex-start;border:0;background:none;color:var(--oc-muted);font-size:12px;font-weight:500}#page-position .mt-4.border-t>a:hover{color:var(--oc-ink);text-decoration:underline}
.result-card,.target-card-red,.breakeven-card,.pit-target-card,.pit-profit-card,.protect-card{background:none;border:0;border-radius:0;padding:0;box-shadow:none}.compact-card{padding:0}.result-card .text-lg,.pit-target-card .text-xl,.pit-profit-card .text-xl,.protect-card .text-xl{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.4}.result-card .text-lg{font-size:21px;letter-spacing:-.02em}.result-card .text-xs{font-size:12px}.result-card{padding-block:2px}#resultsContainer>.grid{gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:4px}#resultsContainer>.target-card-red,#resultsContainer>.breakeven-card{border-top:1px solid var(--oc-line);padding-top:18px;margin-top:20px}#resultsContainer .target-card-red .mt-2,#resultsContainer .breakeven-card .mt-2{border:0;padding-top:4px;margin-top:8px;font-size:12px;line-height:1.8;color:var(--oc-muted)}.target-card-red .text-xs,.breakeven-card .text-xs{color:var(--oc-muted)}.target-card-red .text-lg,.target-card-red .text-base{color:var(--oc-red);font-size:22px}.breakeven-card .text-lg{color:var(--oc-ink);font-size:22px}.highlight-number,.target-number-red,.pit-number-target,.pit-number-profit,.protect-number{background:none;-webkit-text-fill-color:currentColor;font-weight:650}.highlight-number,.pit-number-target,.protect-number{color:var(--oc-ink)}#resultsContainer .font-bold.text-red-700{color:var(--oc-red)}#actualRiskAmount{color:var(--oc-ink)}.page-container .opacity-50{opacity:1}.calc-empty #resultsContainer,.calc-empty #pitResultsContainer,.calc-empty #protectResultsContainer,.calc-invalid #resultsContainer,.calc-invalid #pitResultsContainer,.calc-invalid #protectResultsContainer{display:none}.calc-invalid #emptyState,.calc-invalid #pitEmptyState,.calc-invalid #protectEmptyState{display:none}#emptyState,#pitEmptyState,#protectEmptyState{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--oc-muted);padding:28px 12px}#emptyState>svg,#pitEmptyState>svg,#protectEmptyState>svg{width:30px;height:30px;opacity:.55;margin:0}.calc-error,.warning-box,#warningBox,.status-warning{border:0;border-radius:10px;background:var(--oc-warning-fill);color:var(--oc-warning);padding:12px;font-size:13px;line-height:1.7}.calc-error{margin-bottom:14px}.status-success{border:0;border-radius:10px;background:var(--oc-panel);color:var(--oc-text);padding:12px}.status-success svg{color:var(--oc-text-secondary)}#notReachedBox{background:var(--oc-panel-muted);padding:16px;border-radius:10px}#notReachedBox>svg{width:24px;height:24px}#notReachedBox .text-base{font-size:14px}.disclaimer{padding:0;background:none;color:var(--oc-muted);font-size:12px}.oc-shell>.mt-6{margin-top:18px}.disclaimer>span{justify-content:center;align-items:flex-start}.disclaimer svg{margin-top:2px}
#page-pit .glass-panel>.bg-amber-50,#page-protect .glass-panel>.bg-indigo-50{margin-top:20px;border:0;background:var(--oc-panel-muted);padding:14px;border-radius:10px}#page-pit .glass-panel>.bg-amber-50>*{color:var(--oc-muted)}#page-pit .glass-panel>.bg-amber-50 h4{color:var(--oc-text)}#pitResultsContainer>.bg-slate-50{background:none;border-radius:0;padding:16px 0 0;border-top:1px solid var(--oc-line);margin-top:18px}#pitResultsContainer>.bg-slate-50>div{padding-block:6px;border:0;font-size:13px}#pitResultsContainer>.bg-slate-50>div>span:last-child{color:var(--oc-ink)}#pitResultsContainer>.bg-slate-50>div:last-child>span:last-child{color:var(--oc-green)}#protectResultsContainer>.protect-card{padding-block:8px}#retraceResultBox>.bg-indigo-50{padding:16px 0 0;border:0;border-top:1px solid var(--oc-line);background:none;border-radius:0}#retraceResultBox>.bg-indigo-50>.space-y-1>div{padding-block:4px;font-size:13px}#retraceResultBox .text-lg{color:var(--oc-ink);font-size:23px}#retraceResultBox .text-amber-600{color:var(--oc-green)}#retraceResultBox .space-y-1 .text-red-600,#retraceResultBox .space-y-1 .text-yellow-600{color:var(--oc-ink)}.compact-section>.bg-slate-50{border:0;background:var(--oc-panel-muted);padding:12px}.text-slate-800{color:var(--oc-ink)}.text-slate-600{color:var(--oc-text-secondary)}.text-slate-500,.text-slate-400,.text-slate-300,.text-gray-600{color:var(--oc-muted)}.text-red-800,.text-red-700,.text-red-600,.text-red-500{color:var(--oc-red)}.text-green-400,.text-green-500,.text-green-600{color:var(--oc-green)}.text-indigo-900,.text-indigo-800,.text-indigo-700,.text-indigo-600,.text-indigo-500,.text-blue-600,.text-blue-500,.text-purple-600{color:var(--oc-text-secondary)}.text-amber-900,.text-amber-800,.text-amber-700,.text-amber-600,.text-amber-500,.text-yellow-800,.text-yellow-700,.text-yellow-600,.text-yellow-500,.text-orange-800,.text-orange-700,.text-orange-600{color:var(--oc-warm)}.space-y-1 li>span:first-child{color:var(--oc-muted)}.bg-gray-100{background:var(--oc-panel-muted)}.bg-gray-100.h-\[42px\]{border:0;border-radius:10px}.bg-slate-100,.bg-slate-200{background:var(--oc-panel-muted)}[data-direction=positive]{color:var(--oc-red)!important}[data-direction=negative]{color:var(--oc-green)!important}[data-direction=neutral]{color:var(--oc-ink)!important}[data-direction=positive][data-signed]::before{content:"+"}#page-pit>.grid,#page-protect>.grid{min-height:390px}input,select,.font-bold{font-variant-numeric:tabular-nums}
button,a,input,select{transition:background-color 130ms var(--ease),color 130ms var(--ease),border-color 130ms var(--ease)}button:active{background:var(--oc-selected)}.theme-changing *{transition:none!important}::view-transition-old(root){animation:none}::view-transition-new(root){animation:theme-reveal 320ms var(--ease);mix-blend-mode:normal}@keyframes theme-reveal{from{opacity:0}to{opacity:1}}
@media(max-width:1199px){:root{--gutter:24px;--inset:22px}.page-container>.grid{gap:24px}.page-container>.grid>.space-y-4{padding-left:24px}#resultsContainer>.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#resultsContainer>.grid>.result-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 12px}#resultsContainer>.grid>.result-card:last-child>.text-xs:last-child{grid-column:1/-1}}
@media(max-width:879px){:root{--gutter:20px;--inset:24px}.page-container>.grid{grid-template-columns:minmax(0,1fr);gap:24px}.page-container>.grid>.space-y-4{padding-left:0;padding-top:24px;border-left:0;border-top:1px solid var(--oc-line)}.oc-shell{max-width:680px}#resultsContainer>.grid{grid-template-columns:repeat(3,minmax(0,1fr))}#resultsContainer>.grid>.result-card:last-child{grid-column:auto;display:block}.page-head{margin-bottom:18px}}
@media(max-width:679px){:root{--gutter:16px;--inset:20px}.oc-shell{padding-top:22px}.page-head{display:block}.page-head h1{font-size:22px}.page-head p{margin-top:5px;font-size:12px}.workflow-tabs-bar{width:100%;justify-content:space-between}.tab-btn{flex:1;justify-content:center;padding:8px;gap:6px}.tab-btn span{font-size:13px}.tab-btn svg{width:15px;height:15px}.page-container>.grid{border-radius:14px;gap:22px}.page-container>.grid>.space-y-4{padding-top:22px}input:not([type=range]):not([type=hidden]){font-size:16px}#resultsContainer>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}#resultsContainer>.grid>.result-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:0 10px}#resultsContainer>.grid>.result-card:last-child>.text-xs:last-child{grid-column:1/-1}.result-card .text-lg{font-size:22px}#page-pit .glass-panel>.grid-cols-3,#page-protect .glass-panel>.grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#page-pit .glass-panel>.grid-cols-3>:last-child,#page-protect .glass-panel>.grid-cols-3>:last-child{grid-column:1/-1}select{max-width:100%;min-width:0}#page-position .compact-section.mt-3>.flex>select{flex:1 1 130px}#riskSliderVal{width:auto}}
@media(pointer:coarse){button.personality-btn,button.type-btn,button.mode-btn,button.rr-btn{min-height:40px}input[type=range]{height:6px;margin-block:10px}input[type=range]::-webkit-slider-thumb{width:22px;height:22px}.tab-btn{min-height:40px}}
/* Stable page-bottom footer; no fixed overlay and no duplicated disclaimer strip. */
body{display:flex;flex-direction:column;min-height:100dvh}
.site-header{flex:none}
.oc-shell{flex:1 0 auto;padding-bottom:20px}
.page-footer{flex:none;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;width:100%;max-width:var(--site-max);margin-inline:auto;padding:22px var(--frame-gutter) 28px;border:0;color:var(--frame-muted);font-size:11px;line-height:1.5}
.site-footer-brand{white-space:nowrap}
@media(max-width:900px){.site-header-inner{grid-template-columns:minmax(0,1fr) auto;gap:0 12px;padding-top:8px;padding-bottom:8px}.site-nav-links{grid-column:1/-1;grid-row:2;justify-self:start;width:100%;padding-top:4px}.site-global-tools{grid-column:2;grid-row:1}.site-brand img{height:32px}.site-nav-links a{padding:7px 10px}.site-nav-links a:first-child{margin-left:-10px}}
@media(max-width:600px){:root{--frame-gutter:14px}}
/* Number fields keep native validation and keyboard stepping, without browser spin arrows. */
input[type=number]{appearance:textfield;-moz-appearance:textfield}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}
/* Native select semantics, with a themed picker where the browser supports it. */
#tradeHistorySelect{height:30px;min-height:30px;min-width:0;width:152px;max-width:190px;padding:4px 9px;font-size:12px;border-radius:10px;background:var(--oc-panel-muted);color:var(--oc-text);border:1px solid transparent;white-space:nowrap}
#tradeHistorySelect:hover:not(:disabled){background:var(--oc-hover)}
#tradeHistorySelect:disabled{opacity:1;color:var(--oc-muted);cursor:default}
#tradeHistorySelect option{font-size:13px;color:var(--oc-text);background:var(--oc-float)}
@supports(appearance:base-select){
  #tradeHistorySelect,#tradeHistorySelect::picker(select){appearance:base-select}
  #tradeHistorySelect{display:flex;align-items:center;gap:8px;justify-content:space-between}
  #tradeHistorySelect::picker-icon{content:'';width:6px;height:6px;margin:0 3px 3px 0;border-right:1.5px solid var(--oc-muted);border-bottom:1.5px solid var(--oc-muted);rotate:0deg;transform:rotate(45deg);transition:transform 130ms var(--ease)}
  #tradeHistorySelect:open::picker-icon{transform:rotate(225deg)}
  #tradeHistorySelect::picker(select){padding:5px;margin-block:5px;border:1px solid var(--oc-line);border-radius:13px;background:color-mix(in srgb,var(--oc-float) 95%,transparent);backdrop-filter:blur(12px);color:var(--oc-text);box-shadow:0 0 22px #0002;max-height:min(300px,55dvh);min-width:220px;overflow-y:auto;overscroll-behavior:contain}
  #tradeHistorySelect option{padding:8px 10px;border-radius:8px;min-height:36px;background:transparent;white-space:nowrap}
  #tradeHistorySelect option:hover,#tradeHistorySelect option:focus{background:var(--oc-hover);outline:none}
  #tradeHistorySelect option:checked{background:var(--oc-selected);color:var(--oc-ink)}
  #tradeHistorySelect option::checkmark{color:var(--oc-text-secondary)}
}
@media(max-width:679px){.oc-shell{padding-bottom:20px}#page-position .compact-section.mt-3>.flex>#tradeHistorySelect{flex:0 1 152px}}
@media(prefers-reduced-motion:reduce){*,::before,::after{transition:none!important;animation:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}