.alert { border: 2px solid var(--warn); margin-bottom: 16px; }
.alert strong { color: var(--warn); font-size: 1.25rem; }
.alert p { margin: 0; }
.drinks { display: grid; gap: 12px; }
.drink { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 8px; border: 1px solid var(--line); border-radius: 8px; }
.drink legend { font-weight: 600; padding: 0 4px; }
.drink label { font-weight: 400; font-size: .9rem; }
.level { margin: 0; font-weight: 600; color: var(--warn); }
#result p.big { margin: 0; }