@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;700&display=swap";:root{font-family:var(--font-sans);color:var(--surface-strong);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-sans:"Space Grotesk", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", monospace;--surface-strong:#122236;--muted-strong:#122236b8;--muted:#1222368a;--accent-strong:#0e7b67;background:#050914;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#050914;min-width:320px;min-height:100vh;margin:0}#root{width:100%;position:relative}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--surface-strong);font-weight:500;line-height:1.02}h1{letter-spacing:-.07em;font-size:clamp(2rem,4vw,3.3rem)}h2{letter-spacing:-.05em;font-size:clamp(1.15rem,1.8vw,1.5rem)}h3{letter-spacing:-.04em;font-size:1.08rem}p{color:var(--muted-strong)}button,input,select{font:inherit}button{font-family:var(--font-sans)}strong,.summary-value,.strategy-strike,.range-band strong{font-family:var(--font-mono)}@media (width<=760px){#root{width:100%}}.app-shell{z-index:1;align-items:center;min-height:100vh;padding:3rem 0 3.2rem;display:grid;position:relative}.market-backdrop{background:radial-gradient(circle at 16% 46%,#f35a7357,#0000 18%),radial-gradient(circle at 64% 24%,#25d98b29,#0000 24%),linear-gradient(135deg,#07101f 0%,#040814 54%,#02040d 100%);position:fixed;inset:0;overflow:hidden}.market-backdrop:before,.market-backdrop:after{content:"";position:absolute;inset:0}.market-backdrop:before{opacity:.42;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:9.25rem 9.25rem}.market-backdrop:after{background:linear-gradient(#02040d14,#02040d8f),radial-gradient(circle,#0000 40%,#01020785 100%)}.market-glow{filter:blur(56px);opacity:.44;border-radius:999px;position:absolute}.market-glow-hot{background:#ff6185e0;width:24rem;height:24rem;top:21%;left:-3rem}.market-glow-positive{background:#25d98b57;width:18rem;height:18rem;top:12%;right:9%}.market-backdrop-svg{opacity:.88;width:108%;height:108%;position:absolute;inset:-4%}.market-grid-line{stroke:#ffffff16;stroke-width:1px}.market-trace{fill:none;stroke:#ffffff2e;stroke-width:1.65px;stroke-linecap:round;stroke-dasharray:1800;stroke-dashoffset:1800px;animation:4s forwards market-trace-draw}.market-candle-group{transform-box:fill-box;transform-origin:50%;animation:7.8s ease-in-out infinite backdrop-candle-drift}.market-candle-wick,.market-candle-body{stroke-width:2px}.market-candle-up .market-candle-wick,.market-candle-up .market-candle-body{stroke:#27dd90}.market-candle-up .market-candle-body{fill:#27dd9047}.market-candle-down .market-candle-wick,.market-candle-down .market-candle-body{stroke:#f35a73}.market-candle-down .market-candle-body{fill:#f35a7342}.workspace-frame{grid-template-columns:minmax(0,24rem) minmax(0,1fr);align-items:start;gap:1rem;width:min(1140px,100vw - 4.5rem);margin:0 auto;display:grid}.controls-panel,.result-panel{border:1px solid #ffffff1f;border-radius:1.9rem;box-shadow:0 30px 100px #0000004d}.controls-panel{color:#f6eee4;background:linear-gradient(#080e1bdb,#040813e6),#040814e0;gap:1.1rem;padding:1.25rem;display:grid}.controls-panel h1,.controls-panel h2,.result-panel h2,.strategy-panel h2{color:#f6eee4}.controls-head,.section-head,.result-head,.strategy-topline,.strategy-strike-row,.chart-footer{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.controls-head h1,.controls-head h2,.result-head h2,.strategy-topline h2{margin:0}.brand,.brand-light,.section-kicker,.kicker,.field span,.summary-metric span,.strategy-strike-row span,.strategy-metrics span,.strategy-contract-label,.chart-label,.chart-footer span,.section-tag{text-transform:uppercase;letter-spacing:.14em;font-size:.71rem}.brand{color:#f2eadf}.brand-light{color:#e5f7f1}.controls-note,.section-note{color:#f6eee4b8}.mobile-step-overview,.mobile-flow-nav,.mobile-flow-note{display:none}.controls-note strong{color:#fff}.mode-switch{background:#ffffff0d;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));padding:.36rem;display:grid}.mode-switch button,.segmented-control button,.chip-row button,.ghost-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;transition:transform .18s,background-color .18s,color .18s,border-color .18s}.mode-switch button{color:#f6eee4ad;border-radius:999px;padding:.8rem .9rem}.mode-switch .is-active{color:#f8f3eb;background:linear-gradient(135deg,#f35a73eb,#a72b4cf5);box-shadow:0 12px 28px #6612283d}.control-section{border-top:1px solid #ffffff14;gap:.95rem;padding-top:1rem;display:grid}.control-section-compact{gap:.8rem}.section-kicker{color:#f6eee480}.section-meta{gap:.6rem;display:grid}.section-tag{color:#ff9caf;background:#f35a7324;border-radius:999px;padding:.5rem .72rem}.section-tag-live{color:#94f4c8;background:#25d98b24}.ghost-button{background:#ffffff0d;border-color:#ffffff1a;border-radius:999px;padding:.74rem .92rem}.ghost-button:hover,.ghost-button:focus-visible,.mode-switch button:hover,.mode-switch button:focus-visible,.segmented-control button:hover,.segmented-control button:focus-visible,.chip-row button:hover,.chip-row button:focus-visible{transform:translateY(-1px)}.chip-row,.segmented-control{flex-wrap:wrap;gap:.55rem;display:flex}.chip-row button,.segmented-control button{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;padding:.7rem .92rem}.chip-row .chip-active,.segmented-control .is-active{color:#f8f3eb;background:linear-gradient(135deg,#081d35f5,#0f3c68f5);border-color:#0000}.field{gap:.55rem;display:grid}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.field-full{grid-column:1/-1}.field-row{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.field-row strong{color:#f6eee4;font-size:.94rem}.field-note{color:#f6eee494;font-size:.8rem}.field input,.field select,.range-value{box-sizing:border-box;color:#f6eee4;width:100%;font:inherit;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:1rem;padding:.9rem .96rem;transition:border-color .18s,box-shadow .18s,background-color .18s}.field input::placeholder{color:#f6eee457}.field input:focus,.field select:focus,.range-value:focus{background:#ffffff17;border-color:#25d98b57;outline:none;box-shadow:0 0 0 4px #25d98b1a}.range-input{accent-color:#f35a73;width:100%}.range-value{max-width:6.8rem}.quote-button{color:#f6eee4;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;justify-self:start;padding:.68rem .9rem;transition:transform .18s,background-color .18s,border-color .18s,opacity .18s}.quote-button:hover,.quote-button:focus-visible{background:#ffffff17;border-color:#ffffff2e;transform:translateY(-1px)}.quote-button:disabled{opacity:.6;cursor:wait;transform:none}.quote-status{color:#f6eee49e;font-size:.8rem}.quote-status-loading{color:#f2eadf}.quote-status-success{color:#94f4c8}.quote-status-error{color:#ff9caf}.discovery-readout{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.discovery-readout div{background:#ffffff0a;border:1px solid #ffffff14;border-radius:1rem;gap:.3rem;padding:.9rem .95rem;display:grid}.discovery-readout span{text-transform:uppercase;letter-spacing:.14em;color:#f6eee48a;font-size:.71rem}.discovery-readout strong{color:#fff;font-size:.96rem}.result-panel{color:#f6eee4;background:linear-gradient(#080e1be0,#030710e6),#040814e0;gap:1rem;padding:1.2rem;display:grid}.result-panel-put{border-color:#f35a7342}.result-panel-call{border-color:#25d98b42}.result-head p,.strategy-panel p,.strategy-panel span{color:#f6eee4}.result-note{color:#f6eee49e}.summary-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.summary-metric{background:#ffffff0a;border:1px solid #ffffff14;border-radius:1rem;gap:.3rem;padding:.92rem .95rem;display:grid}.summary-metric span{color:#f6eee48a}.summary-metric strong{color:#fff;font-size:.96rem}.strategy-panel{background:radial-gradient(circle at 100% 0,#ffffff0f,#0000 28%),#ffffff06;border:1px solid #ffffff14;border-radius:1.55rem;gap:1rem;padding:1rem;display:grid}.strategy-panel-put{border-color:#f35a7338}.strategy-panel-call{border-color:#25d98b38}.strategy-contract-label{color:#f6eee49e}.strategy-strike-row div,.strategy-metrics div{background:#ffffff0d;border-radius:1rem;gap:.28rem;display:grid}.strategy-strike-row div{flex:1 1 0;padding:.88rem .92rem}.strategy-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.72rem;display:grid}.strategy-metrics div{padding:.84rem .9rem}.strategy-strike-row span,.strategy-metrics span{color:#f6eee494}.strategy-strike-row strong{color:#fff;font-size:clamp(1.08rem,2vw,1.45rem)}.strategy-metrics strong{color:#fff;font-size:.95rem}.chart-wrap{padding-top:.2rem}.chart-zero-line{stroke:#f6eee42e;stroke-width:1.2px}.chart-label{fill:#f6eee48a}.chart-footer span{color:#f6eee49e}.chart-footer span:nth-child(2){text-align:center;flex:auto}.strategy-footnote{color:#f6eee4ad}.ghost-button:focus-visible,.mode-switch button:focus-visible,.segmented-control button:focus-visible,.chip-row button:focus-visible,.field input:focus-visible,.field select:focus-visible{outline-offset:2px;outline:2px solid #25d98b57}@media (prefers-reduced-motion:reduce){.market-candle-group,.market-trace{animation:none}}@keyframes backdrop-candle-drift{0%,to{opacity:.72;transform:translateY(0)}35%{opacity:1;transform:translateY(-12px)}65%{opacity:.86;transform:translateY(8px)}}@keyframes market-trace-draw{to{stroke-dashoffset:0}}@media (width<=1080px){.workspace-frame{grid-template-columns:minmax(0,1fr);width:min(100vw - 2rem,48rem)}}@media (width<=760px){.app-shell{padding:1rem 0 1.8rem}.workspace-frame{gap:.85rem;width:min(100vw - 1.5rem,30rem)}.controls-panel,.result-panel{border-radius:1.45rem;padding:1rem;box-shadow:0 18px 44px #0000003d}.controls-panel{order:1}.result-panel{order:2}.result-panel-mobile-results{order:1}.controls-panel-mobile-results{order:2}.mobile-step-overview{gap:.9rem;padding:.15rem 0 .1rem;display:grid}.mobile-step-copy{gap:.35rem;display:grid}.mobile-step-copy h2{margin:0}.mobile-step-dots{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;display:grid}.mobile-step-dot{background:#ffffff1a;border-radius:999px;height:.28rem}.mobile-step-dot.is-complete{background:#25d98b70}.mobile-step-dot.is-active{background:linear-gradient(90deg,#f35a73e6,#ff9caff0);box-shadow:0 0 18px #f35a7342}.mobile-review-card{padding-bottom:.25rem}.mobile-flow-nav{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.7rem;padding-top:.1rem;display:grid}.mobile-flow-button{min-height:3.1rem;font:inherit;color:#f6eee4;cursor:pointer;border:1px solid #0000;border-radius:1rem;transition:transform .18s,background-color .18s,border-color .18s}.mobile-flow-button:hover,.mobile-flow-button:focus-visible{transform:translateY(-1px)}.mobile-flow-button:disabled{cursor:not-allowed;opacity:.46;box-shadow:none;transform:none}.mobile-flow-button-secondary{background:#ffffff0d;border-color:#ffffff1a}.mobile-flow-button-primary{background:linear-gradient(135deg,#f35a73f0,#a6274bf5);border-color:#f35a7329;box-shadow:0 18px 32px #4d0c1f47}.mobile-flow-spacer{min-height:3.1rem}.mobile-flow-note{color:#ff9cafeb;margin:0;font-size:.8rem;line-height:1.45;display:block}.controls-head,.section-head,.result-head,.strategy-topline,.strategy-strike-row,.chart-footer{flex-direction:column}.field-grid,.discovery-readout,.summary-strip,.strategy-metrics{grid-template-columns:minmax(0,1fr)}.market-backdrop{overflow:hidden}.market-backdrop-svg{opacity:.92;width:144%;height:128%;inset:-10% -22%;transform:translate(-11%)}.market-trace{display:none}.market-glow-hot{width:18rem;height:18rem;top:34%;left:-4rem}.market-glow-positive{width:12rem;height:12rem;top:8%;right:-2rem}}