:root{--bg: #f0f2f5;--surface: #ffffff;--surface-alt: #f8f9fc;--border: #e2e8f0;--border-hover: #cbd5e0;--text: #1a202c;--text-sec: #4a5568;--text-muted: #718096;--accent: #4f46e5;--accent-hover: #4338ca;--success: #059669;--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--bias-strong-bull-text: #14532d;--bias-strong-bull-bg: #dcfce7;--bias-strong-bull-border: #86efac;--bias-strong-bull-accent: #16a34a;--bias-bull-text: #166534;--bias-bull-bg: #f0fdf4;--bias-bull-border: #bbf7d0;--bias-bull-accent: #22c55e;--bias-neutral-text: #78350f;--bias-neutral-bg: #fffbeb;--bias-neutral-border: #fde68a;--bias-neutral-accent: #f59e0b;--bias-bear-text: #991b1b;--bias-bear-bg: #fef2f2;--bias-bear-border: #fecaca;--bias-bear-accent: #ef4444;--bias-strong-bear-text: #7f1d1d;--bias-strong-bear-bg: #fff1f2;--bias-strong-bear-border: #fca5a5;--bias-strong-bear-accent: #dc2626;--bar-bull: #22c55e;--bar-bear: #ef4444}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}.app{min-height:100vh}.main{max-width:1200px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:16px}.header{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}.header-top{max-width:1200px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.header-brand{display:flex;align-items:center;gap:10px}.header-logo{width:32px;height:32px;background:var(--accent);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;flex-shrink:0}.header-title{font-size:17px;font-weight:700;color:var(--text);white-space:nowrap}.header-subtitle{font-size:12px;color:var(--text-muted)}.header-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.last-updated{font-size:12px;color:var(--text-muted);white-space:nowrap}.settings-bar{max-width:1200px;margin:0 auto;padding:10px 16px;border-top:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--surface-alt)}.setting-group{display:flex;align-items:center;gap:6px}.setting-label{font-size:12px;color:var(--text-muted);white-space:nowrap}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;border:1px solid transparent;transition:all .15s;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-outline{background:transparent;color:var(--text-sec);border-color:var(--border-hover)}.btn-outline:hover{background:var(--surface-alt);border-color:var(--border-hover)}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-success:hover{background:#047857}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-sm{padding:4px 10px;font-size:12px}.input,.select{padding:5px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;color:var(--text);background:var(--surface);outline:none;transition:border-color .15s}.input:focus,.select:focus{border-color:var(--accent)}.input-sm{padding:3px 8px;font-size:12px}.toggle-wrap{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle{width:40px;height:22px;border-radius:11px;background:var(--border-hover);position:relative;transition:background .2s;flex-shrink:0}.toggle.on{background:var(--accent)}.toggle-knob{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle.on .toggle-knob{transform:translate(18px)}.toggle-text{font-size:12px;font-weight:600;color:var(--text-sec)}.toggle-text.on{color:var(--accent)}.mode-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;letter-spacing:.05em;text-transform:uppercase}.mode-badge.mock{background:#fef3c7;color:#92400e}.mode-badge.live{background:#d1fae5;color:#065f46}.row-2col,.row-3col{display:grid;gap:16px}@media (min-width: 768px){.row-2col{grid-template-columns:3fr 2fr}.row-3col{grid-template-columns:1fr 1fr 1fr}}.signal-card{position:relative;overflow:hidden}.signal-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;border-radius:var(--radius) 0 0 var(--radius)}.signal-card.bias-strong-bullish{background:var(--bias-strong-bull-bg);border-color:var(--bias-strong-bull-border)}.signal-card.bias-strong-bullish:before{background:var(--bias-strong-bull-accent)}.signal-card.bias-bullish{background:var(--bias-bull-bg);border-color:var(--bias-bull-border)}.signal-card.bias-bullish:before{background:var(--bias-bull-accent)}.signal-card.bias-neutral{background:var(--bias-neutral-bg);border-color:var(--bias-neutral-border)}.signal-card.bias-neutral:before{background:var(--bias-neutral-accent)}.signal-card.bias-bearish{background:var(--bias-bear-bg);border-color:var(--bias-bear-border)}.signal-card.bias-bearish:before{background:var(--bias-bear-accent)}.signal-card.bias-strong-bearish{background:var(--bias-strong-bear-bg);border-color:var(--bias-strong-bear-border)}.signal-card.bias-strong-bearish:before{background:var(--bias-strong-bear-accent)}.bias-label{font-size:28px;font-weight:800;letter-spacing:-.5px;line-height:1;margin-bottom:6px}.bias-strong-bullish .bias-label{color:var(--bias-strong-bull-text)}.bias-bullish .bias-label{color:var(--bias-bull-text)}.bias-neutral .bias-label{color:var(--bias-neutral-text)}.bias-bearish .bias-label{color:var(--bias-bear-text)}.bias-strong-bearish .bias-label{color:var(--bias-strong-bear-text)}.signal-meta{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.signal-meta-item{display:flex;flex-direction:column;gap:2px}.signal-meta-item .label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.signal-meta-item .value{font-size:18px;font-weight:700;color:var(--text)}.signal-meta-item .value.big{font-size:22px}.trade-mode-badge{display:inline-block;padding:4px 12px;border-radius:99px;font-size:13px;font-weight:600;margin-bottom:14px}.bias-strong-bullish .trade-mode-badge,.bias-bullish .trade-mode-badge{background:var(--bias-bull-border);color:var(--bias-bull-text)}.bias-neutral .trade-mode-badge{background:var(--bias-neutral-border);color:var(--bias-neutral-text)}.bias-bearish .trade-mode-badge,.bias-strong-bearish .trade-mode-badge{background:var(--bias-bear-border);color:var(--bias-bear-text)}.suggested-action{background:#ffffffb3;border-radius:var(--radius-sm);padding:10px 14px;font-size:14px;color:var(--text);margin-bottom:12px;border:1px solid rgba(0,0,0,.06);line-height:1.5}.avoid-list{list-style:none}.avoid-list li{font-size:13px;color:var(--text-sec);padding:3px 0 3px 18px;position:relative}.avoid-list li:before{content:"✕";position:absolute;left:0;color:var(--bias-bear-accent);font-size:10px;top:5px}.score-row{display:grid;grid-template-columns:90px 1fr 44px;align-items:center;gap:10px;margin-bottom:12px}.score-row:last-child{margin-bottom:0}.score-name{font-size:13px;color:var(--text-sec)}.score-name.total{font-weight:700;color:var(--text)}.score-bar-track{position:relative;height:6px;background:var(--border);border-radius:3px}.score-bar-center{position:absolute;left:calc(50% - 1px);top:-2px;width:2px;height:calc(100% + 4px);background:var(--border-hover)}.score-bar-fill{position:absolute;top:0;height:100%;border-radius:3px}.score-bar-fill.pos{left:50%;background:var(--bar-bull)}.score-bar-fill.neg{right:50%;background:var(--bar-bear)}.score-divider{border:none;border-top:1px solid var(--border);margin:14px 0}.score-value{font-size:13px;font-weight:700;text-align:right}.score-value.pos{color:var(--bar-bull)}.score-value.neg{color:var(--bar-bear)}.score-value.zero{color:var(--text-muted)}.score-value.total{font-size:15px}.levels-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.level-stat{display:flex;flex-direction:column;gap:2px}.level-stat .label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.level-stat .value{font-size:20px;font-weight:700;color:var(--text)}.level-stat .value.highlight{color:var(--accent)}.oi-tables{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.oi-table-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px}.oi-table-title.call{color:#dc2626}.oi-table-title.put{color:#16a34a}.mini-table{width:100%;border-collapse:collapse;font-size:13px}.mini-table th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:500;padding:4px 6px;text-align:right;border-bottom:1px solid var(--border)}.mini-table th:first-child{text-align:left}.mini-table td{padding:5px 6px;border-bottom:1px solid var(--surface-alt);color:var(--text-sec);text-align:right}.mini-table td:first-child{text-align:left;font-weight:600;color:var(--text)}.mini-table tr:last-child td{border-bottom:none}.reasons-grid{display:grid;gap:12px}@media (min-width: 768px){.reasons-grid{grid-template-columns:1fr 1fr}}.reason-item{display:flex;gap:8px;padding:8px 10px;background:var(--surface-alt);border-radius:var(--radius-sm);font-size:13px;color:var(--text-sec);line-height:1.5;border-left:3px solid var(--bar-bull)}.reason-dot{color:var(--bar-bull);flex-shrink:0;margin-top:1px;font-size:11px}.risk-item{display:flex;gap:8px;padding:8px 10px;background:#fff5f5;border-radius:var(--radius-sm);font-size:13px;color:#7f1d1d;line-height:1.5;border-left:3px solid var(--bar-bear)}.risk-dot{color:var(--bar-bear);flex-shrink:0;margin-top:1px;font-size:11px}.avoid-item{display:flex;gap:8px;padding:8px 10px;background:#fffbeb;border-radius:var(--radius-sm);font-size:13px;color:#78350f;line-height:1.5;border-left:3px solid #f59e0b}.rr-col{display:flex;flex-direction:column;gap:8px}.rr-section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.rr-section-title.reasons{color:var(--bar-bull)}.rr-section-title.risks{color:var(--bar-bear)}.rr-section-title.avoid{color:#d97706}.empty-list{font-size:13px;color:var(--text-muted);font-style:italic;padding:6px 0}.market-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}@media (min-width: 600px){.market-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 900px){.market-grid{grid-template-columns:repeat(4,1fr)}}.market-indicator{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px}.market-indicator .ind-name{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:6px}.market-indicator .ind-value{font-size:18px;font-weight:700;color:var(--text);line-height:1;margin-bottom:2px}.market-indicator .ind-change{font-size:13px;font-weight:600}.market-indicator .ind-change.pos{color:var(--bar-bull)}.market-indicator .ind-change.neg{color:var(--bar-bear)}.market-indicator .ind-change.neutral{color:var(--text-muted)}.signal-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:middle}.signal-dot.bullish{background:var(--bar-bull)}.signal-dot.bearish{background:var(--bar-bear)}.signal-dot.neutral{background:var(--text-muted)}.market-signal-item{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--border);font-size:13px}.market-signal-item:last-child{border-bottom:none}.market-signal-item .ind-name{font-size:13px;color:var(--text-sec);font-weight:500}.signal-tag{font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px;text-transform:capitalize}.signal-tag.bullish{background:var(--bias-bull-border);color:var(--bias-bull-text)}.signal-tag.bearish{background:var(--bias-bear-border);color:var(--bias-bear-text)}.signal-tag.neutral{background:#e2e8f0;color:var(--text-sec)}.market-interpretation{margin-top:12px;padding:10px 14px;background:var(--surface-alt);border-radius:var(--radius-sm);font-size:13px;color:var(--text-sec);line-height:1.6;border-left:3px solid var(--accent)}.market-scores{display:flex;gap:20px;margin-bottom:14px;flex-wrap:wrap}.market-score-item{display:flex;flex-direction:column;gap:2px}.market-score-item .label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.market-score-item .value{font-size:20px;font-weight:700}.market-score-item .value.bull{color:var(--bar-bull)}.market-score-item .value.bear{color:var(--bar-bear)}.market-score-item .value.neutral{color:var(--text-muted)}.snapshot-latest{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:12px}@media (min-width: 640px){.snapshot-latest{grid-template-columns:1fr auto;align-items:start}}.snap-meta{display:flex;gap:20px;flex-wrap:wrap;margin-top:8px}.snap-meta-item{display:flex;flex-direction:column;gap:1px}.snap-meta-item .label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.snap-meta-item .value{font-size:15px;font-weight:700;color:var(--text)}.snap-bias{font-size:15px;font-weight:800}.snap-bias.bullish,.snap-bias.strong-bullish{color:var(--bias-bull-text)}.snap-bias.bearish,.snap-bias.strong-bearish{color:var(--bias-bear-text)}.snap-bias.neutral{color:var(--bias-neutral-text)}.save-area{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.save-msg{font-size:12px;color:var(--success);font-weight:500}.save-msg.error{color:var(--bar-bear)}.history-controls{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.history-table-wrap{overflow-x:auto}.history-table{width:100%;border-collapse:collapse;font-size:13px;min-width:560px}.history-table th{background:var(--surface-alt);padding:8px 12px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:2px solid var(--border);white-space:nowrap}.history-table td{padding:9px 12px;border-bottom:1px solid var(--border);color:var(--text-sec);vertical-align:middle}.history-table tr:last-child td{border-bottom:none}.history-table tr:hover td{background:var(--surface-alt)}.history-table td.bias-cell{font-weight:700;font-size:13px}.history-table td.bull-text{color:#16a34a}.history-table td.bear-text{color:#dc2626}.history-table td.neutral-text{color:#d97706}.history-empty{text-align:center;padding:32px 0;color:var(--text-muted);font-size:14px}.loading-wrap{display:flex;align-items:center;justify-content:center;gap:10px;padding:32px 0;color:var(--text-muted);font-size:14px}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-card{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm);padding:12px 16px;font-size:13px;color:#991b1b;display:flex;align-items:flex-start;gap:8px}.error-hint{margin-top:4px;font-size:12px;color:#b91c1c;opacity:.8}.no-data{text-align:center;padding:24px 0;color:var(--text-muted);font-size:14px}.status-bar{background:var(--surface-alt);border-bottom:1px solid var(--border);padding:4px 16px;font-size:12px;color:var(--text-muted)}.status-bar-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px;vertical-align:middle}.status-dot.open{background:var(--bar-bull);box-shadow:0 0 4px var(--bar-bull)}.status-dot.closed{background:var(--text-muted)}.chip{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px;text-transform:uppercase;letter-spacing:.04em}.chip.mock{background:#fef3c7;color:#92400e}.chip.live{background:#d1fae5;color:#065f46}.divider{border:none;border-top:1px solid var(--border)}.text-muted{color:var(--text-muted)}.text-pos{color:var(--bar-bull)}.text-neg{color:var(--bar-bear)}.fw-700{font-weight:700}.fs-12{font-size:12px}.fs-13{font-size:13px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.gap-6{gap:6px}.flex{display:flex}.items-center{align-items:center}