:root{--radius:12px;--gap:12px;--shadow:0 4px 16px rgba(0,0,0,.06)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;background:#fafafa;color:#111}header{position:sticky;top:0;z-index:20;background:#fff;box-shadow:0 1px #0000000f}.container{max-width:1100px;margin:0 auto;padding:12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--gap)}.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:12px;display:flex;flex-direction:column;gap:8px}.imgwrap{border-radius:var(--radius);overflow:hidden;aspect-ratio:16/9;background:#eee}img{width:100%;height:100%;object-fit:cover;display:block}.badges{display:flex;gap:6px;flex-wrap:wrap}.badge{background:#f3f4f6;border-radius:999px;padding:2px 8px;font-size:12px}.controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}input,select,button{border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px;background:#fff}.range{display:flex;align-items:center;gap:6px}.empty{padding:32px;text-align:center;color:#6b7280}nav a{padding:8px 10px;border-radius:8px;text-decoration:none;color:#111}nav a.active{background:#f3f4f6}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center}.modal{background:#fff;border-radius:16px;box-shadow:var(--shadow);width:min(680px,95vw);max-height:90vh;overflow:auto;padding:16px}.header-row{display:flex;gap:8px;align-items:center;justify-content:space-between}section:focus{outline:2px solid #94a3b8;outline-offset:4px}.container{max-width:1200px}.grid{gap:20px}.card{padding:16px;border-radius:16px}.imgwrap{background:#f2f4f7}.badge{padding:4px 10px;font-weight:500}.button-primary{background:#2563eb;color:#fff;border:0;padding:10px 14px;border-radius:999px;box-shadow:0 2px 8px #2563eb40;cursor:pointer}.button-primary:hover{filter:brightness(.96)}.button-primary:active{transform:translateY(1px)}.badge.cat-ipa{background:#e6f5ea;color:#146c2e}.badge.cat-lager{background:#e8f0ff;color:#1d4ed8}.badge.cat-stout{background:#efe6dd;color:#7b341e}.badge.cat-ale{background:#fff1e6;color:#9a3412}.badge.cat-pilsner{background:#e6f7fb;color:#0e7490}.badge.cat-sour{background:#fbe8f3;color:#9d174d}.badge.cat-default{background:#f3f4f6;color:#374151}.stars{display:flex;gap:2px;align-items:center}.star{font-size:16px;opacity:.35}.star.filled{opacity:1}.date-badge{position:absolute;top:10px;right:10px;background:#111;color:#fff;border-radius:999px;font-size:12px;padding:4px 8px;opacity:.9}.card.rel{position:relative}.hero{position:relative;height:60vh;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:16px;margin-bottom:20px}.hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(.8)}.hero-overlay{position:relative;color:#fff;text-align:left;vertical-align:text-bottom;padding:20px;max-width:800px}.hero-overlay h1{font-size:3rem;margin-bottom:16px}.hero-overlay p{font-size:1.2rem}