:root { color-scheme: light; }
body { min-height: 100dvh; }
.card { border: 1px solid rgb(226 232 240); border-radius: 1.5rem; background: white; padding: 1.25rem; box-shadow: 0 1px 2px rgb(15 23 42 / .04); }
.section-title { font-size: .95rem; font-weight: 700; color: rgb(51 65 85); }
.input { width: 100%; border: 1px solid rgb(203 213 225); border-radius: 1rem; background: white; padding: .75rem 1rem; outline: none; }
.input:focus { border-color: #0f766e; box-shadow: 0 0 0 3px rgb(13 148 136 / .12); }
.label { font-size: .82rem; font-weight: 600; color: rgb(71 85 105); }
.type-option span { display: block; cursor: pointer; border-radius: .8rem; padding: .65rem; text-align: center; font-weight: 600; color: rgb(100 116 139); }
.type-option input:checked + span { background: white; color: #0f766e; box-shadow: 0 1px 3px rgb(15 23 42 / .12); }
.chart-box { position: relative; height: 250px; margin-top: 1rem; }
@media (min-width: 640px) { .chart-box { height: 280px; } }