.petunia-chart-tooltip-dot{width:8px;height:8px;border-radius:50%;background-color:var(--dot-color,hsl(var(--primary)))}.chart-container{width:100%;height:100%;min-height:300px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;margin-bottom:1.5rem;border-radius:.75rem}.glass-panel{background-color:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.1)}.chart-svg{max-width:100%;height:auto;overflow:visible}.chart-title{font-size:16px;font-weight:600;fill:hsl(var(--foreground))}.chart-axis text{font-size:12px;fill:hsl(var(--muted-foreground))}.chart-axis line,.chart-axis path{stroke:hsl(var(--border));stroke-width:1}.bar{transition:all .3s ease}.bar:hover{opacity:.8}.chart-dot,.line-path,.pie-slice{transition:all .3s ease}.chart-dot:hover{r:8}.label,.legend-text{font-size:12px;fill:hsl(var(--foreground))}:root{--chart-1:215 100% 50%;--chart-2:160 100% 45%;--chart-3:335 100% 65%;--chart-4:45 100% 50%;--chart-5:270 100% 60%}.dark .glass-panel{background-color:rgba(20,20,25,.3);border:1px solid rgba(255,255,255,.1)}@media (max-width:640px){.chart-title{font-size:14px}.label,.legend-text{font-size:10px}}@keyframes chart-float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.chart-container .chart-dot{animation:chart-float 3s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.bar,.chart-dot,.line-path,.pie-slice{transition:none}.chart-container .chart-dot{animation:none}}