.setting-section { margin-top: 32px; }.setting-section h2 { margin: 0 0 13px; }.range-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; }.range-grid label, .choice-grid label { cursor: pointer; }.range-grid input, .choice-grid input { position: absolute; opacity: 0; }.range-grid span { min-height: 70px; display: grid; place-items: center; padding: 12px; text-align: center; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; font-size: 14px; font-weight: 700; }.range-grid input:checked + span, .choice-grid input:checked + span { color: #8b6100; background: #fff4d6; border-color: #d9a52c; box-shadow: inset 0 0 0 1px #d9a52c; }.choice-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; }.choice-grid.two { grid-template-columns: repeat(2, 1fr); }.choice-grid span { min-height: 100px; display: flex; flex-direction: column; justify-content: center; padding: 16px; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; }.choice-grid strong { font-size: 15px; }.choice-grid small { margin-top: 7px; color: var(--muted); font-size: 11px; }.count-options { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }.count-options > label:not(.custom-number) { cursor: pointer; }.count-options input[type="radio"] { position: absolute; opacity: 0; }.count-options > label:not(.custom-number) span { display: block; padding: 9px 12px; border: 1px solid var(--line); border-radius: 9px; font-size: 13px; }.count-options > label input:checked + span { color: #8b6100; background: #fff4d6; border-color: #d9a52c; }.custom-number { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 12px; }.custom-number input { width: 80px; padding: 8px; border: 1px solid var(--line); border-radius: 9px; font: inherit; }.start-button { margin-top: 35px; }
@media (max-width: 650px) { .range-grid, .choice-grid { grid-template-columns: 1fr; }.choice-grid.two { grid-template-columns: 1fr; }.range-grid span { min-height: 57px; }.choice-grid span { min-height: 82px; }.start-button { width: 100%; } }