body{font-family:sans-serif;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;min-height:100vh;background-color:#f0f0f0}#chart-container{width:95%;height:600px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;overflow:hidden}.timeframe-selector{margin-bottom:10px;text-align:center}.timeframe-selector button{margin-right:5px;padding:8px 12px;border:1px solid #ddd;background-color:#f9f9f9;cursor:pointer;border-radius:4px}.timeframe-selector button.active{background-color:#007bff;color:#fff;border-color:#007bff}@media (max-width: 768px){#chart-container{width:100%;height:400px;padding:10px}.timeframe-selector button{padding:6px 10px;font-size:.8rem}}