:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0a0a0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;width:100vw;height:100vh;overflow:hidden}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{margin:0;padding:0;height:100vh;width:100vw;overflow:hidden}.app{height:100vh;width:100vw;background:#0a0a0f;display:flex;flex-direction:column}.scrolling-header{height:40px;background:transparent;border-bottom:1px solid rgba(51,51,51,.3);overflow:hidden;position:relative}.scrolling-text-js{display:inline-block}.main-content{flex:1;display:flex;height:calc(100vh - 40px)}.chart-area{flex:1;background:transparent;border-right:1px solid rgba(51,51,51,.3);display:flex;align-items:center;justify-content:center;position:relative}.chart-placeholder{text-align:center;color:#888}.chart-container{width:100%;height:100%}.chart-placeholder h2{color:#fff;margin-bottom:1rem}.mock-chart{font-size:3rem;margin-top:2rem}.control-panel{color:#fff;flex:0 0 320px;width:320px;min-width:320px;max-width:320px;box-sizing:border-box}.chart-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000040;z-index:2}.spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#581c87;border-radius:50%;animation:spin 1s linear infinite}.loading-text{margin-top:12px;color:#cdd6f4;font-size:14px}.error-text{color:#ff6b6b;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.app-branding h1{color:#581c87;margin:0 0 5px;font-size:2rem}.app-branding p{margin:0 0 2rem;color:#888;font-size:.9rem}.new-trade-btn{width:100%;height:60px;background:#581c87;color:#fff;border:none;border-radius:8px;font-size:1.2rem;font-weight:700;cursor:pointer;margin-bottom:2rem}.new-trade-btn:hover{background:#4c1d95}.new-trade-btn:disabled{background:#666;cursor:not-allowed}.stats-section,.rrr-section{margin-bottom:2rem}.stats-section h3,.rrr-section h3{margin:0 0 1rem;color:#fff;font-size:1.1rem}.stat{display:flex;justify-content:space-between;margin-bottom:.5rem;color:#ccc}.free-rrr-btn{width:100%;height:40px;background:#2a2a2a;color:#581c87;border:1px solid #581c87;border-radius:6px;cursor:pointer}.free-rrr-btn:hover{background:#3a3a3a}.rrr-value{margin-top:.5rem;color:#888;font-size:.9rem;text-align:center}.chart-action-panel{position:absolute;bottom:45px;right:85px;display:flex;flex-direction:column;gap:10px;padding:12px 16px;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:10px;z-index:100;min-width:280px}.risk-slider-row{display:flex;align-items:center;gap:12px}.risk-slider-label{font-size:.75rem;color:#888;white-space:nowrap;flex-shrink:0}.risk-slider-track{flex:1;height:8px;background:#ffffff1a;border-radius:4px;position:relative;cursor:pointer;min-width:120px}.risk-slider-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#4c1d95,#581c87);border-radius:4px;pointer-events:none}.risk-slider-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;background:linear-gradient(135deg,#6b21a8,#581c87);border:2px solid rgba(255,255,255,.9);border-radius:50%;box-shadow:0 2px 8px #581c8780;pointer-events:none;transition:transform .1s ease}.risk-slider-track:hover .risk-slider-thumb{transform:translate(-50%,-50%) scale(1.1)}.risk-slider-value{font-size:.9rem;font-weight:600;color:#581c87;font-family:SF Mono,Fira Code,monospace;min-width:55px;text-align:right;flex-shrink:0}.chart-action-buttons{display:flex;gap:8px}.chart-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:24px 16px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s ease;position:relative}.chart-btn-wait{flex:0 0 30%;background:linear-gradient(135deg,#2a3040,#1e2530);color:#b0b8c8;border:1px solid rgba(255,255,255,.1)}.chart-btn-wait:hover:not(.disabled){background:linear-gradient(135deg,#3a4050,#2a3540);color:#fff;border-color:#581c874d}.chart-btn-wait:active:not(.disabled){transform:scale(.98)}.btn-sub{font-size:.55rem;font-weight:400;color:#666;letter-spacing:.3px}.chart-btn-primary{flex:1;background:linear-gradient(135deg,#581c87,#4c1d95);color:#fff;border:1px solid rgba(88,28,135,.3)}.chart-btn-primary:hover:not(.disabled){background:linear-gradient(135deg,#6b21a8,#6b21a8);box-shadow:0 4px 20px #581c874d}.chart-btn-primary:active:not(.disabled){transform:scale(.98)}.chart-btn-primary.can-reset:not(.disabled){border-color:#ef535066}.chart-btn.disabled{opacity:.4;cursor:not-allowed}.reset-hint{font-size:.55rem;font-weight:500;color:#ef5350e6;letter-spacing:.3px}@keyframes pulse-glow{0%,to{box-shadow:0 0 #581c8766}50%{box-shadow:0 0 20px 8px #581c8799}}@keyframes pulse-glow-subtle{0%,to{box-shadow:0 0 #9696aa4d}50%{box-shadow:0 0 15px 5px #9696aa66}}.chart-btn-primary.pulse:not(.disabled){animation:pulse-glow 2s ease-in-out infinite}.chart-btn-wait.pulse:not(.disabled){animation:pulse-glow-subtle 2s ease-in-out infinite}.chart-btn-bankrupt{flex:1;background:linear-gradient(135deg,#7f1d1d,#991b1b);color:#fff;border:1px solid rgba(239,83,80,.5)}.chart-btn-bankrupt:hover:not(.disabled){background:linear-gradient(135deg,#991b1b,#b91c1c);box-shadow:0 4px 20px #ef535066}.chart-btn-bankrupt:active:not(.disabled){transform:scale(.98)}@keyframes pulse-red{0%,to{box-shadow:0 0 #ef535080}50%{box-shadow:0 0 25px 10px #ef5350b3}}.chart-btn.pulse-red:not(.disabled){animation:pulse-red 1.5s ease-in-out infinite}.control-panel{width:320px;min-width:320px;height:100%;background:transparent;border-left:1px solid rgba(42,47,58,.3);padding:12px 14px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.header-left{display:flex;align-items:baseline;gap:8px}.header-logo{height:84px;width:auto;opacity:.8}.panel-header .version{font-size:.65rem;color:#581c87;background:#581c8726;padding:1px 6px;border-radius:3px;font-weight:500}.toggle-switch{display:flex;align-items:center;gap:6px;padding:4px 8px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:20px;cursor:pointer;transition:all .2s ease}.toggle-switch:hover{background:#ffffff0d;border-color:#ffffff26}.toggle-switch.enabled{background:transparent;border-color:#581c874d}.toggle-dollar{font-size:.9rem;font-weight:700;color:#666;font-family:SF Mono,Fira Code,monospace;transition:color .2s ease}.toggle-dollar.active{color:#581c87}.toggle-track{width:28px;height:14px;background:#fff3;border-radius:7px;position:relative;transition:background .2s ease}.toggle-switch.enabled .toggle-track{background:#581c87}.toggle-thumb{position:absolute;top:2px;left:2px;width:10px;height:10px;background:#fff;border-radius:50%;transition:transform .2s ease}.toggle-switch.enabled .toggle-thumb{transform:translate(14px)}.panel-section{background:transparent;border-radius:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.05)}.panel-section.highlight{background:transparent;border-color:#581c8733}.equity-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.equity-sparkline{flex-shrink:0}.equity-display{position:relative;min-height:50px;flex:1}.equity-current,.equity-starting{display:flex;flex-direction:column;gap:2px;transition:opacity .3s ease}.equity-current{opacity:1}.equity-starting{position:absolute;top:0;left:0;opacity:0;pointer-events:none}.equity-display:hover .equity-current{opacity:0}.equity-display:hover .equity-starting{opacity:1;pointer-events:auto}.equity-label{font-size:.65rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.equity-value{font-size:.95rem;font-weight:600;color:#e0e0e0;font-family:SF Mono,Fira Code,monospace}.equity-value.current{font-size:2rem}.equity-starting .equity-value.editable{font-size:2rem;color:#888;cursor:pointer;padding:2px 6px;margin:-2px -6px;border-radius:4px;transition:color .15s ease,background .15s ease}.equity-starting .equity-value.editable:hover{color:#e0e0e0;background:#ffffff14}.equity-input{font-size:1.1rem;font-weight:600;font-family:SF Mono,Fira Code,monospace;background:#0000004d;border:1px solid rgba(88,28,135,.5);border-radius:4px;color:#fff;padding:2px 6px;width:80px;outline:none}.equity-input:focus{border-color:#581c87}.section-header{display:flex;align-items:center;gap:6px;font-size:.65rem;font-weight:600;color:#888;letter-spacing:.8px;margin-bottom:6px}.section-header .icon{font-size:.8rem}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1px}.stat-item.wide{grid-column:1 / -1}.stat-label{font-size:.65rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:.95rem;font-weight:600;color:#e0e0e0;font-family:SF Mono,Fira Code,monospace}.stat-value.large{font-size:1.1rem}.stat-value.positive{color:#26a69a}.stat-value.negative{color:#ef5350}.stat-value.muted{color:#888}.stat-unit{font-size:.75em;color:#888;font-weight:500;margin-left:2px}.stat-sub{font-size:.8em;color:#888;font-weight:400}.time-value-content{display:flex;flex-direction:column;gap:10px}.time-simulated{display:flex;justify-content:space-between;align-items:center}.time-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}.time-metric{display:flex;flex-direction:column;align-items:center;gap:2px}.metric-value{font-size:.95rem;font-weight:600;font-family:SF Mono,Fira Code,monospace;color:#e0e0e0}.metric-value.positive{color:#1e8a7e}.metric-value.negative{color:#d64545}.metric-unit{font-size:.65rem;color:#666}.drawdown-content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;text-align:center}.drawdown-item{display:flex;flex-direction:column;align-items:center;gap:2px}.entry-quality-content{display:flex;flex-direction:column;gap:4px}.h-bar-row{display:flex;align-items:center;gap:8px}.h-bar-label{font-size:.65rem;color:#888;width:80px;flex-shrink:0}.h-bar-track{flex:1;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.h-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.h-bar-value{font-size:.7rem;font-weight:600;color:#e0e0e0;font-family:SF Mono,Fira Code,monospace;width:52px;text-align:right}.rrr-scatter{position:relative}.rrr-empty{text-align:center;color:#666;font-size:.8rem;padding:20px 0}.instructions{margin-top:auto;padding:8px 10px;background:transparent;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.instructions p{font-size:.65rem;color:#666;margin:0 0 2px;line-height:1.3}.instructions p:last-child{margin-bottom:0}.instructions strong{color:#888}.control-panel::-webkit-scrollbar{width:6px}.control-panel::-webkit-scrollbar-track{background:transparent}.control-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.control-panel::-webkit-scrollbar-thumb:hover{background:#fff3}
