.percent-card.card-1{--accent:#d97706;border-color:#f6e1c8;border-top-color:#d97706}
.percent-card.card-1 .card-num{box-shadow:0 4px 10px rgba(217,119,6,.45)}
.percent-card.card-1 .percent-input:focus,.percent-card.card-1 .date-select:focus{border-color:#d97706;box-shadow:0 0 0 4px rgba(217,119,6,.14)}
body .percent-card.card-1 .result-coffee.result-coffee{background:#fbf1e6;border:1px solid #f4d9b9;color:#4a3524;box-shadow:none}
body .percent-card.card-1 .result-coffee.result-coffee b{color:#a95805}
@media(min-width:769px){.percent-row.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}