.chart-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);gap:10px;margin:0;padding:12px 14px;display:grid}.chart-card-head h3{margin:0;font-size:.95rem;font-weight:600}.chart-takeaway{color:var(--muted-foreground);margin:2px 0 0;font-size:.875rem}.chart-toolbar{flex-wrap:wrap;gap:2px;display:flex}.chart-toolbar [aria-pressed=true]{background:var(--accent)}.chart-view{width:100%;min-height:240px}.chart-view-loading{background:linear-gradient(90deg, var(--muted) 25%, var(--accent) 50%, var(--muted) 75%);background-size:200% 100%;border-radius:8px;animation:1.2s infinite chart-shimmer}@keyframes chart-shimmer{to{background-position:-200% 0}}.chart-fields{flex-wrap:wrap;gap:10px;font-size:.8rem;display:flex}.chart-field{color:var(--muted-foreground);align-items:center;gap:6px;display:inline-flex}.chart-field select{font:inherit;color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:6px;max-width:12rem;padding:2px 6px}.chart-check input{margin:0}.chart-asks{flex-wrap:wrap;gap:6px;display:flex}.chart-chip{font:inherit;border:1px solid var(--border);color:var(--foreground);cursor:pointer;background:0 0;border-radius:999px;padding:2px 10px;font-size:.8rem;transition:background .12s,transform .12s}.chart-chip:hover{background:var(--accent);transform:translateY(-1px)}.chart-actions{flex-wrap:wrap;gap:4px;display:flex}.chart-table-wrap{overflow-x:auto}.chart-table{border-collapse:collapse;width:100%;font-size:.8rem}.chart-table th,.chart-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:4px 8px}.chart-note{color:var(--muted-foreground);margin:6px 0 0;font-size:.8rem}.chart-how summary{cursor:pointer;color:var(--muted-foreground);font-size:.8rem}.chart-how pre{margin:6px 0 0;font-size:.8rem;overflow-x:auto}@media (prefers-reduced-motion:reduce){.chart-chip{transition:none}.chart-view-loading{animation:none}}