:root{--bg: #0f0f17;--surface: #1a1a28;--surface-hover: #222236;--border: #2a2a3a;--text: #f0f0f5;--text-dim: #8888a0;--text-dimmer: #555568;--green: #22c55e;--red: #ef4444;--yellow: #eab308;--blue: #3b82f6;--orange: #f97316;--purple: #a855f7;--cyan: #06b6d4;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", "JetBrains Mono", monospace;--radius: 12px;--radius-sm: 8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}.app{max-width:640px;margin:0 auto;padding:16px}.header{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border);margin-bottom:20px}.header-left{display:flex;flex-direction:column;gap:2px}.brand{font-size:1.125rem;font-weight:800;letter-spacing:.08em;color:var(--text)}.session-active{font-size:.75rem;color:var(--green);font-weight:600}.session-next{font-size:.75rem;color:var(--text-dim)}.session-tabs{display:flex;gap:4px}.tab{padding:6px 14px;border:1px solid var(--border);border-radius:20px;background:transparent;color:var(--text-dim);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:var(--font-sans)}.tab:hover{border-color:var(--text-dim);color:var(--text)}.signal-date{font-size:.7rem;color:var(--text-dim);align-self:center;margin-left:8px;font-family:var(--font-mono)}.tab.active{background:var(--text);color:var(--bg);border-color:var(--text)}.instruments-section{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.instrument-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid;border-radius:var(--radius);padding:14px 16px;cursor:pointer;transition:background .15s}.instrument-card:hover{background:var(--surface-hover)}.instrument-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.instrument-identity{display:flex;align-items:baseline;gap:8px}.instrument-symbol{font-size:1.125rem;font-weight:800;font-family:var(--font-mono)}.instrument-name{font-size:.8125rem;color:var(--text-dim)}.instrument-action{display:flex;align-items:center;gap:6px}.action-icon{font-size:1rem;font-weight:700}.action-label{font-size:1rem;font-weight:800;letter-spacing:.04em}.instrument-confidence{display:flex;align-items:center;gap:10px;margin-bottom:8px}.conf-bar-track{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.conf-bar-fill{height:100%;border-radius:3px;transition:width .5s ease-out}.confidence-text{font-size:.6875rem;font-weight:600;white-space:nowrap}.instrument-reason{font-size:.8125rem;color:var(--text-dim);margin-bottom:6px;line-height:1.4}.instrument-expand-hint{font-size:.6875rem;color:var(--text-dimmer);text-align:right}.instrument-expanded{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.why-section{margin-bottom:14px}.why-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-bottom:8px}.check-row{display:flex;gap:8px;padding:3px 0;font-size:.8125rem;line-height:1.4}.check-icon{font-weight:700;flex-shrink:0;width:14px;text-align:center}.check-text{color:var(--text)}.price-section{padding:10px 0;border-top:1px solid var(--border);margin:10px 0}.price-row{display:flex;justify-content:space-between;padding:3px 0}.price-label{font-size:.75rem;color:var(--text-dim)}.price-value{font-size:.8125rem;font-weight:600;font-family:var(--font-mono)}.pnl-section{padding:8px 0;border-top:1px solid var(--border);margin-top:8px}.pnl-row{display:flex;justify-content:space-between;padding:2px 0}.pnl-label{font-size:.75rem;color:var(--text-dim)}.pnl-value{font-size:.8125rem;font-weight:700;font-family:var(--font-mono)}.risk-badge{font-size:.6875rem;font-weight:700;margin-top:6px;text-transform:uppercase;letter-spacing:.04em}.tech-section{margin-top:8px;padding:10px;background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border)}.tech-row{display:flex;justify-content:space-between;padding:2px 0;font-size:.6875rem}.tech-label{color:var(--text-dimmer)}.tech-value{color:var(--text-dim);font-family:var(--font-mono)}.instrument-outcome{display:flex;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid var(--border);font-size:.8125rem;font-weight:700;font-family:var(--font-mono)}.outcome-time{font-size:.6875rem;color:var(--text-dim);font-weight:400;font-family:var(--font-sans)}.perf-strip{display:flex;align-items:center;gap:16px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px}.perf-item{text-align:center}.perf-value{display:block;font-size:1rem;font-weight:800;font-family:var(--font-mono)}.perf-label{display:block;font-size:.625rem;text-transform:uppercase;color:var(--text-dim);letter-spacing:.05em;margin-top:2px}.perf-divider{width:1px;height:28px;background:var(--border);flex-shrink:0}.results-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:20px}.results-panel h3{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-bottom:12px}.results-list{display:flex;flex-direction:column;gap:6px}.result-row{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:.8125rem}.result-icon{font-weight:700;width:16px;text-align:center;flex-shrink:0}.result-info{flex:1;color:var(--text-dim);font-size:.75rem}.result-pnl{font-weight:700;font-family:var(--font-mono);font-size:.8125rem}.result-time{font-size:.6875rem;color:var(--text-dim)}.result-open .result-info{color:var(--blue)}.footer{display:flex;justify-content:space-between;padding:12px 0;font-size:.625rem;color:var(--text-dimmer);border-top:1px solid var(--border);margin-top:8px}.loading-state,.error-state,.empty-state{padding:24px;text-align:center;color:var(--text-dim);font-size:.875rem}.error-state{color:var(--red)}.retry-btn{margin-top:8px;padding:4px 12px;border:1px solid var(--red);border-radius:4px;background:transparent;color:var(--red);cursor:pointer;font-size:.8125rem}@media(min-width:768px){.app{max-width:800px}.instruments-section{display:grid;grid-template-columns:1fr 1fr;gap:10px}}@media(min-width:1200px){.app{max-width:1100px}.instruments-section{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}}