:root{color:#f8f4ee;background:#17120d;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:#17120d;min-width:320px;margin:0}button,input,textarea,select{font:inherit}.shell{width:min(100% - 2rem,760px);margin:auto;padding:1.25rem 0 3rem}.brewlog header{flex-direction:column;align-items:stretch;gap:1rem;margin-bottom:1.5rem;display:flex}.eyebrow{color:#e9a641;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:800}h1{margin:.25rem 0;font-size:clamp(2rem,9vw,3.75rem);line-height:1}h2{margin:.25rem 0 1rem}.card{background:#271e16;border:1px solid #4b3b2d;border-radius:1rem;padding:1.1rem;box-shadow:0 10px 35px #0003}.stack{gap:1rem;display:grid}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.metric{background:#201812;border:1px solid #59442f;border-radius:.75rem;padding:.8rem}.metric span,.metric small{color:#cbbba8;font-size:.75rem;display:block}.metric strong{margin:.3rem 0;font-size:1.35rem;display:block}input,textarea,select{color:#fff;background:#17120d;border:1px solid #72563a;border-radius:.65rem;width:100%;margin:.45rem 0 .8rem;padding:.75rem}textarea{resize:vertical;min-height:90px}button{color:#fff;cursor:pointer;background:#362719;border:1px solid #805d37;border-radius:.65rem;min-height:44px;padding:.55rem .8rem;font-weight:700}button:disabled{opacity:.55;cursor:not-allowed}button.selected,.primary{color:#21160b;background:#f2ae50;border-color:#f2ae50}.muted{color:#cbbba8}.access{margin-top:20vh}.current{border-color:#e9a641}nav,.actions{flex-wrap:wrap;gap:.4rem;display:flex}nav button{flex:auto}ol{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}li{border-top:1px solid #4b3b2d;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 0;display:flex}li span{color:#cbbba8;font-size:.85rem;display:block}.notes{padding-left:1.1rem}@media (width>=640px){.metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.shell{padding-top:3rem}.brewlog header{flex-direction:row;justify-content:space-between;align-items:end}}