.modal-box:has(.coffee-options){width:min(680px,94vw);padding:24px;box-sizing:border-box}
.modal-box:has(.coffee-options)>h2{font-size:28px;margin:0 0 22px}
.coffee-options h3{font-family:inherit;font-size:19px;margin:20px 0 10px}.coffee-options h3 small{font-size:14px;font-weight:400;margin-left:8px}
.coffee-milks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.coffee-milks button{min-height:76px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;font-size:17px}
.coffee-options button{border:2px solid #dfd0b9;background:#fffaf1;color:#4b3025;border-radius:12px;touch-action:manipulation}.coffee-options button[aria-pressed=true]{background:#4b3025;color:#fff;border-color:#4b3025;box-shadow:inset 0 0 0 2px #fff8e8}.coffee-options button:focus-visible{outline:3px solid #b78328;outline-offset:3px}.coffee-milks small{font-size:14px;font-weight:400}
.coffee-counters{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.coffee-counter>span{display:block;font-size:18px;font-weight:700;margin-bottom:10px}.coffee-counter>div{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f3e8d7;border-radius:12px;padding:6px}.coffee-counter button{width:56px;min-height:54px;font-size:28px;padding:0}.coffee-counter output{font-size:28px;font-weight:700;min-width:28px;text-align:center}.coffee-syrups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.coffee-syrups button{min-height:60px;font-size:17px;padding:8px}
.coffee-total{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:18px;border-top:1px solid #dfd0b9;font-size:21px}.coffee-total strong{font-size:30px}.modal-box:has(.coffee-options) .modal-actions{display:grid;grid-template-columns:1fr 2fr;gap:12px;margin-top:20px}.modal-box:has(.coffee-options) .modal-actions button{min-height:58px;font-size:19px}.modal-box:has(.coffee-options) .modal-actions button:last-child{background:#4b3025;color:#fff;font-weight:700}
@media(max-width:480px){.modal-box:has(.coffee-options){padding:18px}.coffee-milks{grid-template-columns:repeat(2,minmax(0,1fr))}.coffee-syrups{grid-template-columns:repeat(2,minmax(0,1fr))}.coffee-counters{gap:12px}.coffee-counter button{width:42px}.coffee-counter>div{gap:4px}}
.drink-make-guide{padding:12px 14px;background:#f4eadb;border:1px solid #e0d0b7;border-radius:10px;font-size:14px;line-height:1.5}.drink-make-guide summary{font-weight:700;cursor:pointer}.drink-make-guide ol{padding-left:21px;margin:10px 0 0}.drink-make-guide li+li{margin-top:5px}.family-tile>.drink-description{font-size:13px;font-weight:400;line-height:1.4;color:#715b48;padding:0 12px;margin-bottom:3px}

.coffee-name-label{display:grid;gap:8px;font-size:18px;font-weight:700;margin:12px 0}.coffee-name-label input{padding:12px;border:1px solid #d7c9ae;border-radius:8px;font-size:18px;width:100%}