: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}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:13px;line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh}.td-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;position:sticky;top:0;background:var(--bg);z-index:10}.td-header .title{color:var(--cyan);font-weight:700}.td-header .dot,.td-header .ver{color:var(--muted)}.td-header .mode{color:var(--muted2)}.td-header .spacer{flex:1}.td-header .tick-display{color:var(--text)}.panel-label{font-family:var(--mono);font-size:10px;letter-spacing:.15em;color:var(--cyan);margin-bottom:14px;text-transform:uppercase}.td-recap{padding:14px 24px;border-bottom:1px solid var(--border)}.recap-text{font-family:var(--mono);font-size:12px;color:var(--muted2);line-height:1.8}.recap-hi{color:var(--text)}.td-main{display:grid;grid-template-columns:60fr 40fr;grid-template-rows:auto auto}.td-price{grid-column:1;grid-row:1;border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:16px 20px}.td-greeks{grid-column:2;grid-row:1;border-bottom:1px solid var(--border);padding:16px 20px}.td-pnl{grid-column:1;grid-row:2;border-right:1px solid var(--border);padding:16px 20px}.td-hedge{grid-column:2;grid-row:2;padding:16px 20px}#price-chart{width:100%;min-height:200px}.price-info{display:flex;gap:24px;margin-top:10px;font-family:var(--mono);font-size:11px;color:var(--muted)}.pi-val{color:var(--text)}.pi-chg.pos{color:var(--green)}.pi-chg.neg{color:var(--orange)}.greek-rows{display:flex;flex-direction:column;gap:5px}.greek-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-inset);border:1px solid var(--border-dark)}.gr-sym{font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:var(--muted);width:56px;flex-shrink:0}.gr-val{font-family:var(--mono);font-size:15px;font-weight:600;color:var(--text);min-width:80px;transition:color .2s}.gr-arrow{font-size:11px;width:14px;text-align:center;flex-shrink:0}.gr-unit{font-family:var(--mono);font-size:9px;color:var(--muted);margin-left:auto}.pnl-rows{display:flex;flex-direction:column}.pnl-row{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;border-bottom:1px solid var(--border-dark)}.pnl-row-label{color:var(--muted2);font-size:11px;font-family:var(--mono)}.pnl-row-val{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--text)}.pnl-total-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;margin-top:10px;background:var(--bg-inset);border:1px solid var(--border-dark)}.pnl-total-label{font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.pnl-total-val{font-family:var(--mono);font-size:22px;font-weight:700}.hedge-info{display:flex;flex-direction:column;gap:5px;margin-bottom:16px}.hi-row{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--mono);font-size:11px;color:var(--muted2);padding:4px 0;border-bottom:1px solid var(--border-dark)}.hi-val{color:var(--text);font-weight:600;font-size:13px}.hi-target{color:var(--purple);font-weight:600;font-size:13px}.slider-val-display{font-family:var(--mono);font-size:22px;font-weight:700;color:var(--cyan);text-align:center;margin-bottom:8px}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:14px;height:14px;background:var(--cyan);border-radius:1px;cursor:pointer}input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--cyan);border-radius:1px;border:none;cursor:pointer}.slider-labels{display:flex;justify-content:space-between;font-family:var(--mono);font-size:9px;color:var(--muted);margin-top:4px}.hedge-btns{display:flex;flex-direction:column;gap:8px;margin-top:16px}.td-btn{background:none;border:1px solid var(--border);color:var(--muted2);font-family:var(--mono);font-size:11px;letter-spacing:.08em;padding:10px 16px;cursor:pointer;text-align:left;transition:all .12s;width:100%}.td-btn:hover:not(:disabled){border-color:var(--muted2);color:var(--text)}.td-btn.primary{border-color:var(--cyan);color:var(--cyan);background:#00d4ff0a}.td-btn.primary:hover:not(:disabled){background:#00d4ff14}.td-btn:disabled{opacity:.3;cursor:not-allowed}.nav-back{display:block;margin-top:16px;font-family:var(--mono);font-size:10px;color:var(--muted);text-decoration:none;transition:color .12s}.nav-back:hover{color:var(--cyan)}.pnl-mtm-block{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;margin-bottom:10px;background:var(--bg-inset);border:1px solid var(--border-dark);border-left:2px solid var(--cyan)}.pnl-mtm-label{font-family:var(--mono);font-size:9px;letter-spacing:.14em;color:var(--cyan);text-transform:uppercase}.pnl-mtm-val{font-family:var(--mono);font-size:22px;font-weight:700}.pnl-section-sep{font-family:var(--mono);font-size:9px;color:var(--muted);letter-spacing:.08em;margin-bottom:6px}.pos{color:var(--green)!important}.neg{color:var(--orange)!important}.game-over-overlay{position:fixed;inset:0;background:#0a0a0ae0;display:flex;align-items:center;justify-content:center;z-index:100}.game-over-panel{background:var(--bg-panel);border:1px solid var(--border);border-top:2px solid var(--cyan);padding:32px 40px;max-width:480px;width:90%}.go-label{font-family:var(--mono);font-size:10px;letter-spacing:.15em;color:var(--cyan);text-transform:uppercase;margin-bottom:24px}.go-score-row{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--border-dark)}.go-score-label{font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.go-score-val{font-family:var(--mono);font-size:26px;font-weight:700}.go-verdict{font-size:13px;color:var(--muted2);line-height:1.6;margin:20px 0 24px;padding:12px 14px;background:var(--bg-inset);border:1px solid var(--border-dark);border-left:2px solid var(--cyan)}.go-btns{display:flex;gap:10px}.go-btns .td-btn{flex:1;font-size:10px}.td-portfolio{border-top:1px solid var(--border);padding:14px 20px 18px}.portf-grid{display:grid;grid-template-columns:2.2fr 1.8fr 1fr 1.2fr;gap:0 20px}.portf-section{padding-right:20px;border-right:1px solid var(--border-dark)}.portf-section:last-child{border-right:none;padding-right:0}.portf-sec-title{font-family:var(--mono);font-size:9px;letter-spacing:.15em;color:var(--muted);text-transform:uppercase;margin-bottom:8px}.portf-row{display:flex;justify-content:space-between;align-items:baseline;padding:3px 0;border-bottom:1px solid var(--border-dark);font-family:var(--mono);font-size:11px;gap:8px}.portf-lbl{color:var(--muted2);white-space:nowrap}.portf-val{color:var(--text);font-weight:600;text-align:right}.portf-row-pnl{border-bottom:none}.portf-section-total{display:flex;flex-direction:column;justify-content:center}.portf-total-val{font-family:var(--mono);font-size:22px;font-weight:700;margin-top:6px}.portf-eq-label{font-family:var(--mono);font-size:9px;color:var(--muted);margin-top:4px;letter-spacing:.05em}.help-toggle{background:none;border:1px solid var(--border);color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:.1em;padding:4px 10px;cursor:pointer;transition:all .12s;white-space:nowrap}.help-toggle:hover{border-color:var(--muted2);color:var(--muted2)}.help-toggle.active{border-color:var(--cyan);color:var(--cyan)}.help-active .help-term{border-bottom:1px dashed var(--cyan);cursor:help}.help-active [data-help-term]:not(.help-term){cursor:help}.td-chart-note{font-family:var(--mono);font-size:9px;color:var(--muted);letter-spacing:.1em;vertical-align:middle}#td-help-tip{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 #00000080;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .14s}#td-help-tip.td-tip-visible{visibility:visible;opacity:1}#td-help-tip .tt-label{font-family:var(--mono);font-size:9px;letter-spacing:.15em;color:var(--cyan);text-transform:uppercase;margin-bottom:7px}#td-help-tip .tt-def{font-size:12px;color:var(--text);line-height:1.55;margin-bottom:7px}#td-help-tip .tt-formula{font-family:var(--mono);font-size:11px;color:var(--purple);padding:4px 8px;background:#080808;border:1px solid var(--border-dark)}@media(max-width:760px){.td-main{grid-template-columns:1fr}.td-price,.td-pnl{border-right:none}.td-greeks,.td-pnl{border-bottom:1px solid var(--border)}.portf-grid{grid-template-columns:1fr 1fr;gap:12px 20px}.portf-section{border-right:none;padding-right:0}}