1/* style.css */
2.radar-chart-container {
3    margin: 20px auto;
4    padding: 15px;
5    background: #fff;
6    border-radius: 8px;
7    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
8    transition: box-shadow 0.3s ease;
9}
10
11.radar-chart-container:hover {
12    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
13}
14
15.radar-chart-container.default-bg {
16    background: #fff;
17}
18
19.radar-chart-container.transparent-bg {
20    background: transparent;
21    box-shadow: none;
22}
23
24/* Dark mode support */
25@media (prefers-color-scheme: dark) {
26    .radar-chart-container.default-bg {
27        background: #2d3436;
28    }
29}