:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;background:#101a15;color:#f8f3e8}*{box-sizing:border-box}body{margin:0}main{width:min(100%,640px);margin:auto;padding:18px}header{display:flex;justify-content:space-between;gap:12px;align-items:start}h1{font-size:1.3rem;color:#f2d18b;margin:4px 0 16px}h2{margin:8px 0 14px;font-size:1.3rem}small{color:#b5c8b7}p{color:#c0d0c3;font-size:.88rem}section{background:#1d3026;padding:18px;border-radius:18px;margin-bottom:14px}.hero{background:linear-gradient(135deg,#243e2e,#1b2e24)}.hero h2{font-size:2.5rem;color:#f1d28c}.progress{height:9px;background:#435548;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:#d9af5d}.field,.two{margin-bottom:12px}.two,.twocards{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:.8rem;color:#d6e0d3;margin-bottom:8px}input,select{display:block;width:100%;font:inherit;margin-top:6px;padding:12px;border:1px solid #526b59;border-radius:10px;color:#fff;background:#11231a;min-width:0}button{cursor:pointer;font:inherit;font-weight:700;color:#f5eedc;background:#3a5644;border:0;padding:12px;border-radius:11px}button.primary{background:#cfa95f;color:#14201a;font-size:1.08rem;width:100%;padding:18px;margin-top:8px}.choices{display:flex;gap:8px;margin:8px 0;flex-wrap:wrap}.choices button{flex:1;padding:9px}.quiet{background:none;padding:8px;font-size:.8rem}details{margin:12px 0;color:#d3ddce}summary{cursor:pointer}.history{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #486151;padding:10px 0;font-size:.88rem}a{color:#f2d18b}footer{text-align:center;font-size:.7rem;color:#a5b9a8;padding:15px}.twocards section h2{font-size:1.4rem}@media(max-width:350px){.two{grid-template-columns:1fr}.hero h2{font-size:2rem}}

.drink-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.drink-buttons form{margin:0}.tap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;min-height:165px;font-size:2.3rem}.tap strong{font-size:1rem}.tap small{font-size:.75rem}.tap.plain{background:#d5aa61;color:#1a261b}.tap.plain small{color:#35412c}.tap.rum{background:#476451}.tap.rum small{color:#e0e7db}.settingslink{font-size:.85rem;text-align:right}.hint{color:#c1d2c1}strong{font-weight:750}