:root{--bg: #0a0a0a;--bg-panel: #0d0d0d;--bg-inset: #0f0f0f;--text: #e5e5e5;--muted: #555;--muted2: #888;--cyan: #00d4ff;--green: #00ff95;--orange: #ff6b35;--purple: #a78bfa;--border: #2a2a2a;--border-dark: #1a1a1a;--mono: "JetBrains Mono", "Fira Code", monospace;--sans: "Inter", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:13px;line-height:1.55;-webkit-font-smoothing:antialiased}.hm-header{display:flex;align-items:center;gap:10px;padding:11px 24px;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:11px;letter-spacing:.12em;user-select:none}.hm-header .title{color:var(--cyan);font-weight:700}.hm-header .dot,.hm-header .ver{color:var(--muted)}.hm-header .mode{color:var(--muted2)}.hm-header .spacer{flex:1}.hm-header .status{color:var(--muted);font-size:10px}.hm-layout{display:grid;grid-template-columns:264px 1fr;min-height:calc(100vh - 42px)}.panel{padding:20px}.panel+.panel{border-top:1px solid var(--border)}.panel-label{font-family:var(--mono);font-size:10px;letter-spacing:.15em;color:var(--cyan);margin-bottom:18px;text-transform:uppercase}.hm-setup{border-right:1px solid var(--border);display:flex;flex-direction:column;gap:0;overflow-y:auto}.setup-block{padding:20px 20px 16px;border-bottom:1px solid var(--border-dark)}.setup-block:first-child{border-top:none}.setup-label{font-family:var(--mono);font-size:9px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;margin-bottom:10px}.radio-group{display:flex;flex-direction:column;gap:7px}.radio-row{flex-direction:row;gap:20px}.radio-item{display:flex;align-items:center;gap:9px;cursor:pointer;user-select:none}.radio-item input[type=radio]{display:none}.radio-dot{width:12px;height:12px;border:1px solid var(--border);border-radius:50%;flex-shrink:0;position:relative;transition:border-color .15s}.radio-item:hover .radio-dot{border-color:var(--muted2)}.radio-item input:checked+.radio-dot{border-color:var(--cyan)}.radio-item input:checked+.radio-dot:after{content:"";position:absolute;inset:2px;background:var(--cyan);border-radius:50%}.radio-text{font-family:var(--mono);font-size:12px;color:var(--muted2);transition:color .15s}.radio-item:hover .radio-text{color:var(--text)}.radio-item input:checked~.radio-text{color:var(--text)}.radio-item.dir-long input:checked~.radio-text{color:var(--green)}.radio-item.dir-short input:checked~.radio-text{color:var(--orange)}.radio-sub{color:var(--muted);font-size:10px;margin-left:2px}.slider-wrap{display:flex;flex-direction:column;gap:6px}.slider-display{display:flex;justify-content:space-between;align-items:baseline}.slider-val{font-family:var(--mono);font-size:15px;color:var(--text)}.slider-tag{font-family:var(--mono);font-size:10px;color:var(--purple)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:3px;background:var(--border);border-radius:2px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;background:var(--cyan);border-radius:1px;cursor:pointer}input[type=range]::-moz-range-thumb{width:13px;height:13px;background:var(--cyan);border-radius:1px;border:none;cursor:pointer}.presets{display:flex;gap:4px;margin-top:6px}.preset-btn{flex:1;background:none;border:1px solid var(--border);color:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:.08em;padding:4px 2px;cursor:pointer;transition:all .12s}.preset-btn:hover{border-color:var(--muted2);color:var(--muted2)}.preset-btn.active{border-color:var(--cyan);color:var(--cyan);background:#00d4ff0a}.mat-group{display:flex;gap:4px}.mat-btn{flex:1;background:none;border:1px solid var(--border);color:var(--muted);font-family:var(--mono);font-size:11px;padding:6px 4px;cursor:pointer;transition:all .12s}.mat-btn:hover{border-color:var(--muted2);color:var(--muted2)}.mat-btn.active{border-color:var(--cyan);color:var(--cyan);background:#00d4ff0a}.contracts-ticks{display:flex;justify-content:space-between;margin-top:4px}.contracts-ticks span{font-family:var(--mono);font-size:9px;color:var(--muted)}.hm-right{display:flex;flex-direction:column;overflow-y:auto}.formula-panel{padding:20px 24px 18px;border-bottom:1px solid var(--border)}.formula-equation{font-family:var(--mono);font-size:13px;padding:12px 16px;background:var(--bg-inset);border:1px solid var(--border-dark);margin-bottom:16px;display:flex;flex-direction:column;gap:4px}.formula-line{color:var(--muted);transition:color .2s}.formula-line.active{color:var(--cyan)}.formula-vars{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 16px}.fv{display:flex;align-items:baseline;gap:5px;font-family:var(--mono);font-size:11px}.fv-name{color:var(--purple);min-width:36px}.fv-eq{color:var(--muted)}.fv-num{color:var(--text);font-size:12px;transition:color .15s}.position-panel{padding:20px 24px 18px;border-bottom:1px solid var(--border)}.position-recap{font-family:var(--mono);font-size:12px;color:var(--muted2);padding:10px 14px;background:var(--bg-inset);border:1px solid var(--border-dark);margin-bottom:14px;line-height:1.6}.recap-highlight{color:var(--text)}.prime-rows{margin-bottom:14px}.prime-row{display:flex;align-items:center;gap:16px;margin-bottom:6px}.prime-label{font-family:var(--mono);font-size:9px;letter-spacing:.15em;color:var(--muted);text-transform:uppercase;width:130px;flex-shrink:0}.prime-val{font-family:var(--mono);font-size:18px;font-weight:600}.prime-legend{font-family:var(--mono);font-size:9px;color:var(--muted);margin-top:8px;letter-spacing:.03em;line-height:1.5}.greeks{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.greek-card{padding:10px 12px;background:var(--bg-inset);border:1px solid var(--border-dark);display:flex;flex-direction:column;gap:3px}.greek-sym{font-family:var(--mono);font-size:9px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.greek-num{font-family:var(--mono);font-size:15px;font-weight:600;color:var(--text);transition:color .2s}.greek-hint{font-family:var(--mono);font-size:8px;color:var(--muted);letter-spacing:.04em}.payoff-panel{padding:20px 24px 12px;flex:1}#payoff-chart{width:100%;min-height:240px}.td-nav-bar{display:flex;align-items:center;gap:20px;padding:16px 24px;border-top:1px solid var(--border)}.td-nav-btn{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--cyan);border:1px solid var(--cyan);background:#00d4ff0a;padding:10px 20px;text-decoration:none;transition:background .12s;white-space:nowrap}.td-nav-btn:hover{background:#00d4ff1a}.td-nav-sub{font-family:var(--mono);font-size:10px;color:var(--muted)}.pos{color:var(--green)!important}.neg{color:var(--orange)!important}@keyframes val-flash{0%{opacity:1}40%{opacity:.4}to{opacity:1}}.flash{animation:val-flash .25s ease-out}@media(max-width:860px){.hm-layout{grid-template-columns:1fr}.hm-setup{border-right:none;border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(2,1fr);gap:0;padding:0}.setup-block{border-right:1px solid var(--border-dark)}.greeks{grid-template-columns:repeat(3,1fr)}.formula-vars{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.hm-setup{grid-template-columns:1fr}.greeks{grid-template-columns:repeat(2,1fr)}}.hm-tooltip{position:fixed;z-index:9999;max-width:320px;padding:12px 16px;background:#0d0d0d;border:1px solid var(--border);border-left:2px solid var(--cyan);box-shadow:0 4px 20px #0009;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .14s}.hm-tooltip.tt-visible{visibility:visible;opacity:1}.tt-label{font-family:var(--mono);font-size:9px;letter-spacing:.15em;color:var(--cyan);text-transform:uppercase;margin-bottom:7px}.tt-def{font-size:12px;color:var(--text);line-height:1.55;margin-bottom:7px}.tt-formula{font-family:var(--mono);font-size:11px;color:var(--purple);padding:4px 8px;background:#080808;border:1px solid var(--border-dark);margin-bottom:7px}.tt-value{font-family:var(--mono);font-size:12px;color:var(--cyan)}.tt-link{display:block;font-family:var(--mono);font-size:10px;color:var(--muted);text-decoration:none;margin-top:8px}.tt-link:hover{color:var(--cyan)}[data-tip]{cursor:help}.tt-inline{border-bottom:1px dotted var(--muted);transition:border-color .15s}.tt-inline:hover,.tt-inline:focus-visible{border-color:var(--cyan);outline:none}.greek-card[data-tip]:hover{border-color:#3a3a3a}.fv[data-tip]:hover .fv-name{color:var(--cyan)}.chart-legend{display:flex;gap:20px;margin-bottom:12px}.cl-item{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:9px;color:var(--muted);letter-spacing:.05em;transition:color .15s}.cl-item:hover{color:var(--muted2)}.cl-k{display:inline-block;width:14px;height:1px;background:repeating-linear-gradient(to right,#a78bfa 0,#a78bfa 4px,transparent 4px,transparent 7px)}.cl-s{display:inline-block;width:14px;height:1px;background:repeating-linear-gradient(to right,#555 0,#555 2px,transparent 2px,transparent 6px)}.cl-be{display:inline-block;width:7px;height:7px;background:var(--cyan);border-radius:50%}