.compare-layout{background:var(--bg-base);flex-direction:column;flex:1;gap:20px;min-height:100vh;padding:20px;display:flex}.cmp-selector{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;display:flex}.cmp-sel-title{color:var(--text-primary);white-space:nowrap;margin-right:8px;font-size:1.2rem;font-weight:800}.cmp-chips{flex-wrap:wrap;gap:8px;display:flex}.cmp-chip{cursor:default;border:1px solid;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:.85rem;font-weight:700;display:flex}.cmp-chip .cmp-chip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.cmp-chip-remove{color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;padding:0;font-size:1rem;line-height:1;transition:opacity .15s}.cmp-chip-remove:hover{opacity:1}.cmp-add-wrap{margin-left:auto;position:relative}.cmp-add-input{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;outline:none;width:180px;padding:8px 14px;font-size:.85rem;transition:all .2s}.cmp-add-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg)}.cmp-add-input::placeholder{color:var(--text-dim)}.cmp-add-drop{background:var(--bg-card);border:1px solid var(--border);z-index:10;border-radius:8px;max-height:180px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #0000004d}.cmp-add-item{cursor:pointer;border-bottom:1px solid var(--border);padding:10px 14px}.cmp-add-item:last-child{border-bottom:none}.cmp-add-item:hover{background:var(--bg-hover)}.cmp-add-item-sym{color:var(--text-primary);font-size:.85rem;font-weight:700}.cmp-add-item-name{color:var(--text-dim);font-size:.7rem}.cmp-chart-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;padding:24px;position:relative}.cmp-chart-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.cmp-chart-title{color:var(--text-primary);font-size:1rem;font-weight:700}.cmp-time-tabs{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;gap:4px;padding:3px;display:flex}.cmp-time-tab{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 12px;font-size:.75rem;font-weight:700;transition:all .2s}.cmp-time-tab.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:0 1px 4px #0000001a}.cmp-chart-area{height:280px;position:relative}.cmp-chart-svg{width:100%;height:100%}.cmp-chart-legend{flex-wrap:wrap;gap:20px;margin-top:16px;display:flex}.cmp-legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:flex}.cmp-legend-dot{border-radius:50%;width:10px;height:10px}.cmp-legend-perf{font-family:var(--font-mono);margin-left:4px;font-weight:700}.cmp-metrics-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.cmp-metrics-title{color:var(--text-primary);border-bottom:1px solid var(--border);padding:18px 20px;font-size:1rem;font-weight:700}.cmp-table{border-collapse:collapse;width:100%}.cmp-table th{text-align:left;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);background:var(--bg-surface);padding:12px 20px;font-size:.7rem;font-weight:600}.cmp-table td{border-bottom:1px solid var(--border);color:var(--text-primary);font-size:.9rem;font-family:var(--font-mono);padding:14px 20px;font-weight:600}.cmp-table tr:last-child td{border-bottom:none}.cmp-table tr:hover td{background:var(--bg-hover)}.cmp-stock-cell{align-items:center;gap:10px;display:flex}.cmp-stock-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.cmp-stock-sym{font-weight:800;font-family:var(--font)}.cmp-best{color:var(--green-bright)!important}.cmp-worst{color:var(--red-bright)!important}.cmp-insight{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px;display:grid}.cmp-ins-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:6px;padding:16px;display:flex}.cmp-ins-icon{font-size:1.3rem}.cmp-ins-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:700}.cmp-ins-value{color:var(--text-primary);font-size:1.1rem;font-weight:800}.cmp-ins-detail{color:var(--text-secondary);font-size:.8rem;line-height:1.4}.cmp-loading{text-align:center;color:var(--text-dim);padding:60px;font-size:.9rem}