:root{--bg:#0e1117;--panel:#161b22;--border:#2a323d;--text:#c9d1d9;--muted:#8b949e;--accent:#58a6ff;--warn:#d29922;--long:#22d3ee;--short:#facc15}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{flex-direction:column;gap:10px;height:100vh;padding:12px;display:flex}.state{height:100%;color:var(--muted);place-items:center;font-size:14px;display:grid}.topbar{background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:18px;padding:8px 12px;display:flex}.brand{align-items:baseline;gap:8px;display:flex}.brand strong{font-size:15px}.strategy{color:var(--muted);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}.picker{align-items:center;gap:8px;font-size:13px;display:flex}.picker label{color:var(--muted)}.picker select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;max-width:460px;padding:5px 8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}.picker-meta{color:var(--muted);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}.warn{color:var(--warn)}.daynav{align-items:center;gap:10px;margin-left:auto;display:flex}.daynav button{width:34px;height:34px;color:var(--text);background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:6px;font-size:20px;line-height:1}.daynav button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.daynav button:disabled{opacity:.35;cursor:default}.daynav-label{flex-direction:column;align-items:center;min-width:170px;display:flex}.daynav-date{font-size:14px;font-weight:600}.daynav-count{color:var(--muted);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px}.daynav-trades{color:var(--accent)}.daynav-notrades{color:var(--warn);font-weight:600}.daynav-loading{color:var(--muted)}.daynav-error{color:#f85149;font-weight:600}.daynav-picker{background:var(--bg);color:var(--text);border:1px solid var(--border);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:6px;padding:6px 8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}.daynav-picker:hover{border-color:var(--accent)}.chart-wrap{border:1px solid var(--border);background:#0e1117;border-radius:8px;flex:1;min-height:0;overflow:hidden}.review-chart{width:100%;height:100%;position:relative}.readout{z-index:3;border:1px solid var(--border);color:var(--muted);pointer-events:none;white-space:nowrap;background:#161b22e6;border-radius:6px;align-items:center;gap:12px;padding:5px 10px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;display:flex;position:absolute;top:8px;left:10px}.readout b{color:var(--text);font-weight:600}.readout-time{color:var(--accent);font-weight:600}.legend{color:var(--muted);align-items:center;gap:16px;padding:6px 12px;font-size:12px;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.legend-item i{border-radius:2px;width:14px;height:3px;display:inline-block}.legend-item i.marker-swatch{border-radius:0;width:auto;height:auto;font-size:12px;line-height:1}.legend-toggle{cursor:pointer;font:inherit;color:var(--muted);background:0 0;border:none;margin:0;padding:0}.legend-toggle:hover{color:var(--text)}.legend-toggle.off{opacity:.4}.legend-toggle.off i{filter:grayscale()}.legend-spacer{flex:1}.legend-note{opacity:.8;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px}