:root{font-family:Inter,Arial,sans-serif;font-weight:400;--primary-color: #0072BC;--primary-hover: #005f9e;--text-color: #333333;--bg-color: #ffffff;--h2-font-size: 1.5rem;--h3-font-size: 1rem;--h2-font-size-mobile: 1.2rem;--h3-font-size-mobile: .9rem}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color)}.container{width:100%;padding:1rem;margin:0 auto;box-sizing:border-box}h2{font-size:var(--h2-font-size);margin:.5rem 0;text-align:center}h3{font-size:var(--h3-font-size);margin:.5rem 0;text-align:center}p{font-size:1rem;margin:.5rem 0;text-align:center}.chart-container{width:100%}.chart-container canvas{width:100%;height:auto}button{border-radius:6px;border:1px solid var(--primary-color);padding:.4em .8em;font-size:.9rem;background-color:var(--primary-color);color:#fff;cursor:pointer;transition:background-color .25s;width:auto}button:hover{background-color:var(--primary-hover)}button:disabled{background-color:#ccc;color:#666;cursor:not-allowed}@media (max-width: 768px){.container{padding:.5rem}h2{font-size:var(--h2-font-size-mobile)}h3{font-size:var(--h3-font-size-mobile)}button{font-size:.9rem;padding:.4em .8em;width:auto}.MuiStack-root{gap:.5rem}}