:root{--ink:#201b18;--paper:#fffaf2;--foam:#f3e1bd;--amber:#af571b;--line:#dfcdb2}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,sans-serif}a{color:#743810;text-decoration:none}header{color:#fff7e9;background:#24180f;padding:1rem}header nav{flex-wrap:wrap;align-items:center;gap:1rem;max-width:1050px;margin:auto;display:flex}header a{color:#fff7e9}.brand{margin-right:auto;font-size:1.25rem;font-weight:800}main{max-width:1050px;margin:1.5rem auto;padding:0 1rem}h1{margin:0;font-size:2rem}.card{border:1px solid var(--line);background:#fff;border-radius:10px;margin:0 0 1rem;padding:1rem;box-shadow:0 2px 8px #4d2f1110}.grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.75rem;display:grid}label{margin:.4rem 0 .15rem;font-size:.85rem;font-weight:700;display:block}input,select,textarea,button{font:inherit;border:1px solid #bda98f;border-radius:6px;width:100%;padding:.5rem}textarea{min-height:70px}button{background:var(--amber);color:#fff;cursor:pointer;border:0;margin-top:1rem;font-weight:700}.secondary{background:#795d42}.row{flex-wrap:wrap;align-items:end;gap:.5rem;display:flex}.row>*{flex:1}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.55rem}.muted{color:#6c6259;font-size:.9rem}.pill{background:var(--foam);border-radius:1rem;padding:.2rem .5rem;font-size:.8rem;display:inline-block}.page-heading{justify-content:space-between;align-items:end;margin:0 0 .75rem;display:flex}.page-heading .muted{margin:.4rem 0 0}.add-link{font-weight:700}.inventory-card{padding:0;overflow:hidden}.table-scroll{overflow-x:auto}.inventory-table{min-width:900px;font-size:.88rem}.inventory-table th{color:#5c4430;text-transform:uppercase;letter-spacing:.04em;vertical-align:top;white-space:nowrap;background:#f8edda;padding:.45rem .6rem;font-size:.72rem}.inventory-table th label{font:inherit;margin:0;font-weight:700}.inventory-table th input,.inventory-table th select{text-transform:none;letter-spacing:normal;background:#fff;width:100%;min-width:0;margin-top:.3rem;padding:.32rem;font-size:.78rem;font-weight:400;display:block}.inventory-table td{vertical-align:middle;white-space:nowrap;padding:.5rem .6rem}.inventory-table tbody tr:hover{background:#fffaf2}.beer-name{color:var(--ink);font-weight:700;display:block}.brewery,.stock-muted{color:#6c6259;margin-top:.12rem;font-size:.78rem;display:block}.stock-muted{margin:0;display:inline}.row-actions{white-space:nowrap;min-width:70px}.row-actions form{margin:0;display:inline-block}.small-button{width:auto;margin:0;padding:.3rem .55rem;font-size:.78rem}.unavailable-state{color:#847c73;font-size:.78rem;font-weight:700;display:inline-block}.consumed-action{width:82px;height:25px;position:relative}.consumed-action .unavailable-state,.consumed-action form{margin:0;position:absolute;top:0;left:0}.consumed-action .unavailable-state{white-space:nowrap;transition:opacity .15s}.consumed-action form{display:block}.consumed-action .small-button{opacity:0;pointer-events:none;transition:opacity .15s}.consumed-action:hover .unavailable-state,.consumed-action:focus-within .unavailable-state{opacity:0;display:inline-block}.consumed-action:hover .small-button,.consumed-action:focus-within .small-button{opacity:1;pointer-events:auto}.header-actions{white-space:nowrap;vertical-align:bottom!important}.header-actions a{text-align:center;text-transform:none;letter-spacing:normal;margin-top:.35rem;font-size:.78rem;display:block}.empty-table{text-align:center;color:#6c6259;padding:1.5rem!important}.save-confirmation{color:#245c31;background:#e4f2e6;border:1px solid #9ebca4;border-radius:6px;padding:.6rem .8rem}.add-beer summary{cursor:pointer;font-size:1.15rem;font-weight:700}.add-beer[open] summary{margin-bottom:.65rem}.full-width{grid-column:1/-1}.add-form button{max-width:240px}@media (hover:none){.consumed-action .unavailable-state{opacity:0}.consumed-action .small-button{opacity:1;pointer-events:auto}}@media (max-width:600px){main{margin:1rem auto;padding:0 .65rem}h1{font-size:1.6rem}header nav{gap:.7rem;font-size:.9rem}.page-heading{flex-direction:column;align-items:start;gap:.5rem}.add-link{text-align:center;align-self:stretch}.inventory-card{margin-left:-.1rem;margin-right:-.1rem}.grid{grid-template-columns:1fr}.full-width{grid-column:auto}}
:root{--ink:#20292c;--paper:#f4f6f5;--foam:#dbe8e3;--amber:#356f6d;--line:#c8d4d1}body{color:var(--ink)}header{color:#f5f8f7;background:#1d292d}header a{color:#f5f8f7}a,.add-link{color:#285f5e}.card{box-shadow:0 2px 8px #263d3b0c}input,select,textarea{background:#fff;border-color:#aebfba}button{background:var(--amber)}.secondary{background:#64787b}.inventory-table th{color:#405351;background:#e8efed}.inventory-table tbody tr:hover{background:#f7faf8}.brewery,.stock-muted,.muted{color:#65716f}a.brewery:hover,a.brewery:focus-visible,.beer-name[href]:hover,.beer-name[href]:focus-visible,.table-filter-link:hover,.table-filter-link:focus-visible{color:#285f5e;text-decoration:underline}.table-filter-link{color:inherit}.unavailable-state{color:#77817f}.editOnHover{color:#405b59;border-color:#aebfba}.disclosureIcon{color:#356f6d}.pill{background:var(--foam)}.readonly-badge{color:#405351;font-weight:700}.readonly-rating{color:#285f5e;font-weight:700}.inline-rating{color:#285f5e;background:0 0;border:1px dashed #0000;width:auto;min-width:2rem;margin:0;padding:.18rem .35rem}.inline-rating:hover,.inline-rating:focus-visible{background:#edf5f2;border-color:#7fa09b}.inline-rating:disabled{cursor:wait}.inline-rating-error{color:#a33;border-color:#a33}.inline-rating-select{width:4.3rem;margin:0;padding:.25rem;font-size:.8rem}.tasting-rating{color:#405b59;background:#edf3f1;border-radius:1rem;padding:.2rem .42rem;font-weight:700;display:inline-block}.consume-notice{z-index:20;background:#f7fbf8;border:1px solid #9ebca4;border-radius:9px;align-items:center;gap:.75rem;max-width:min(32rem,100vw - 2rem);padding:.75rem .9rem;display:flex;position:fixed;bottom:1.25rem;right:1.25rem;box-shadow:0 5px 20px #1d292d2b}.consume-notice form{margin:0}.consume-notice button{width:auto;margin:0;padding:.35rem .6rem}.consume-notice-close{color:#65716f;font-size:1.2rem;line-height:1;background:0 0!important}.history-undo-form{margin-left:.5rem;display:inline-block}.history-undo-form button{color:#405b59;background:0 0;border:1px solid #aebfba;width:auto;margin:0;padding:.12rem .35rem;font-size:.72rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.inventory-table th .header-filter-label{cursor:pointer;border:1px solid #0000;border-radius:.45rem;align-items:center;gap:.28rem;width:auto;max-width:100%;min-height:0;margin:0;padding:.28rem .38rem;display:inline-flex;position:relative}.inventory-table th .header-filter-label:after{content:"▾";flex:none;font-size:.65rem}.inventory-table th .header-filter-label:hover,.inventory-table th .header-filter-label:focus-within{background-color:#f7faf8;border-color:#9fb4af}.inventory-table th .header-filter-label.active{color:#285f5e;background-color:#d9e8e4;border-color:#aac0ba;border-radius:1rem}.header-filter-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.15;display:block;overflow:hidden}.inventory-table th .header-filter-label.active .header-filter-text{text-transform:none;letter-spacing:normal;font-weight:800}.inventory-table th .header-filter-native{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.header-filter-group{align-items:center;justify-content:inherit;min-width:0;display:flex}.header-filter-group .header-filter-label{min-width:0}.header-filter-sort{color:#65716f;background:0 0;flex:none;width:auto;margin:0;padding:.2rem;font-size:.7rem}.header-filter-sort:hover,.header-filter-sort:focus-visible,.header-filter-sort.active{color:#285f5e;background:#d9e8e4}.inventory-table th .header-search{text-transform:none;letter-spacing:normal;width:100%;height:2rem;margin:0;padding:.32rem .45rem;font-size:.78rem}.header-sort{align-items:center;justify-content:inherit;width:auto;color:inherit;font-size:inherit;text-transform:inherit;letter-spacing:inherit;background:0 0;border:0;gap:.25rem;margin:0;padding:.2rem;display:inline-flex}.header-sort:hover,.header-sort:focus-visible,.header-sort.active{color:#285f5e;background:#d9e8e4}.search-sort{align-items:center;gap:.2rem;display:flex}.search-sort .header-search{min-width:0}.search-sort button{color:#405351;background:0 0;flex:none;width:auto;margin:0;padding:.25rem}.data-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.data-grid h2{margin-top:0}.data-actions{flex-wrap:wrap;gap:.6rem;display:flex}.data-button{background:var(--amber);color:#fff;border-radius:6px;padding:.55rem .75rem;font-weight:700;display:inline-block}.data-button.secondary{background:#64787b}.data-error{color:#8b2929;background:#fff3f3;border:1px solid #c98f8f;border-radius:6px;padding:.65rem .8rem}@media (min-width:1100px){main,header nav{max-width:1600px}.inventory-table{table-layout:fixed;min-width:0}.inventory-table th,.inventory-table td{padding-left:.45rem;padding-right:.45rem}.inventory-table th{vertical-align:middle;white-space:nowrap;height:3rem}.inventory-table th:first-child{width:15%}.inventory-table th:nth-child(2){width:13%}.inventory-table th:nth-child(3){width:7%}.inventory-table th:nth-child(4){width:4%}.inventory-table th:nth-child(5){width:6%}.inventory-table th:nth-child(6){width:5%}.inventory-table th:nth-child(7){width:6%}.inventory-table th:nth-child(8),.inventory-table th:nth-child(9),.inventory-table th:nth-child(10){width:7%}.inventory-table th:nth-child(11){width:10%}.inventory-table th:nth-child(12){width:7%}.inventory-table th:nth-child(13){width:6%}.inventory-table td:first-child,.inventory-table td:nth-child(2),.inventory-table td:nth-child(3){white-space:normal}.inventory-table th:nth-child(4),.inventory-table td:nth-child(4),.inventory-table th:nth-child(5),.inventory-table td:nth-child(5),.inventory-table th:nth-child(7),.inventory-table td:nth-child(7),.inventory-table th:nth-child(12),.inventory-table td:nth-child(12){text-align:right}.inventory-table th:nth-child(6),.inventory-table td:nth-child(6),.inventory-table th:nth-child(8),.inventory-table td:nth-child(8),.inventory-table th:nth-child(9),.inventory-table td:nth-child(9),.inventory-table th:nth-child(10),.inventory-table td:nth-child(10),.inventory-table th:nth-child(11),.inventory-table td:nth-child(11),.inventory-table th:nth-child(13),.inventory-table td:nth-child(13){text-align:center}.row-actions{min-width:0}.consumed-action{width:auto}}@media (max-width:700px){.table-scroll{overflow:visible}.inventory-table{min-width:0;font-size:.88rem;display:block}.inventory-table thead,.inventory-table tbody{display:block}.inventory-table thead{border-bottom:1px solid var(--line);background:#e8efed;padding:.45rem}.inventory-table thead tr{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;display:grid}.inventory-table thead th{white-space:normal;background:0 0;border:0;min-width:0;height:auto;display:block;padding:.1rem!important}.inventory-table thead th:first-child{grid-column:1/-1}.inventory-table thead th:nth-child(6){display:none}.inventory-table thead .header-filter-group,.inventory-table thead .header-filter-label,.inventory-table thead .header-sort{justify-content:space-between;width:100%}.inventory-table thead .header-filter-group,.inventory-table thead .header-sort{background:#f7faf8;border-color:#c4d1ce;min-height:2.15rem;padding:.42rem .5rem}.inventory-table thead .header-filter-group{border:1px solid #c4d1ce;border-radius:.45rem;padding:0}.inventory-table thead .header-filter-label{background:0 0;border-color:#0000;flex:auto;min-height:2.05rem;padding:.42rem .5rem}.inventory-table thead .header-filter-sort{border-radius:0 .45rem .45rem 0;align-self:stretch;min-height:2.05rem;padding:.45rem}.inventory-table thead .header-actions{align-items:stretch;display:flex}.inventory-table thead .header-actions button{width:100%}.inventory-table tbody{gap:.6rem;padding:.6rem;display:grid}.inventory-table tbody tr{border:1px solid var(--line);background:#fff;border-radius:.65rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid;overflow:hidden;box-shadow:0 2px 7px #263d3b0a}.inventory-table tbody tr:hover{background:#fff}.inventory-table tbody td{white-space:normal;overflow-wrap:anywhere;border:0;flex-direction:column;align-items:flex-start;min-width:0;padding:.38rem .55rem;display:flex}.inventory-table tbody td:before{content:attr(data-label);color:#65716f;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.12rem;font-size:.64rem;font-weight:700;line-height:1}.inventory-table tbody td:first-child{border-bottom:1px solid #e3eae8;grid-column:1/-1;padding:.7rem .65rem .5rem}.inventory-table tbody td:first-child:before{display:none}.inventory-table tbody td:nth-child(2){grid-column:1/-1}.inventory-table tbody td:empty{display:none}.inventory-table tbody .row-actions{border-top:1px solid #e3eae8;flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center}.inventory-table tbody .row-actions:before{margin:0}.inventory-table .beer-name{white-space:normal}.inventory-table .empty-table{border:0;display:block;padding:1rem!important}.inventory-table tbody tr:has(.empty-table){display:block}}