:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 110%,#493020,#160f0b 60%);color:#f3e9dc;font:16px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}main{max-width:540px;margin:auto;min-height:100vh;padding:22px 22px 95px;background:linear-gradient(#1b120ddf,#21150de8);border-inline:1px solid #6e4b2d}header{text-align:center;padding:16px 0 32px;border-bottom:1px solid #9e7953}header h1{font-weight:400;letter-spacing:.24em;font-size:clamp(19px,5vw,28px);margin:0 0 5px}header small{font-size:10px;letter-spacing:.3em;color:#cfbda6}.intro{color:#ccb89e;margin:24px 0 16px;font-size:13px;letter-spacing:.12em;text-transform:uppercase}#nav button{width:100%;border:0;border-bottom:1px solid #65462e;background:transparent;color:#f3e9dc;padding:17px 4px;text-align:left;font:600 15px system-ui;display:flex;justify-content:space-between;cursor:pointer}#nav span{color:#d3a66f}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e0b77c}.top{display:flex;justify-content:space-between;margin:25px 0;color:#c7a77e;font-size:13px}.top button{border:0;background:transparent;color:#e7c39a;font:inherit;cursor:pointer;padding:0}h2{text-transform:uppercase;letter-spacing:.12em;font-weight:450;font-size:clamp(21px,5vw,29px);line-height:1.25;border-bottom:1px solid #b18b5f;padding-bottom:19px;margin:22px 0 4px}.drink{border-bottom:1px solid #76573a;padding:15px 0}.drinkhead{display:flex;justify-content:space-between;align-items:baseline;gap:14px}.drinkhead strong{font-size:16px;font-weight:600}.drinkhead b{color:#e5bf8c;white-space:nowrap;font-size:15px;font-weight:600;text-align:right}.detail{font-size:13px;color:#cbbcac;margin-top:4px}footer{text-align:center;font-size:11px;color:#ac9073;margin-top:60px;line-height:1.8}footer p{margin:12px 0}footer strong{color:#ddbd94}button,a{cursor:pointer}a{color:#e7c39a}label{display:block;margin:14px 0;color:#d8c0a4;font-size:13px}input,select,textarea{width:100%;border:1px solid #76573a;background:#170f0b;color:#fff;padding:12px;border-radius:7px;font:inherit;margin-top:5px}button.primary,.toolbar button,.item-actions button{background:#cba16d;border:0;color:#1b120d;padding:11px 14px;border-radius:7px;font-weight:650}.primary{width:100%;margin:10px 0}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.toolbar button{flex:1}.toolbar .danger,.item-actions .danger{background:#63332e;color:#fff}.admin-item{border:1px solid #76573a;border-radius:9px;padding:12px;margin:12px 0}.admin-item label{margin:8px 0}.item-actions{display:flex;gap:8px;margin-top:10px}.item-actions button{flex:1}.muted{font-size:12px;color:#c5ad92}#notice:not(:empty){padding:10px;border:1px solid #b18b5f;margin-top:15px;border-radius:7px;font-size:13px}#notice.error{border-color:#d77474;color:#ffd2d2}[hidden]{display:none!important}@media(min-width:700px){main{box-shadow:0 0 80px #0008}}
