.beergraph-page{--beergraph-blue: #087fc5;--beergraph-paper: #f7f3eb;--beergraph-ink: #11110f}.beergraph-hero{min-height:min(760px,calc(100svh - 7.5rem));display:flex;align-items:center}.beergraph-hero-chip{display:inline-flex;align-items:center;min-height:31px;padding:0 10px;border:1px solid rgba(17,17,15,.18);background:#f7f3eb94;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-mono);font-size:8px;line-height:1;letter-spacing:.12em;text-transform:uppercase;color:#11110f94}.beergraph-search-shell{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;min-height:62px;padding:6px 6px 6px 16px;background:#f9f6eff0;border:1px solid rgba(17,17,15,.24);box-shadow:inset 0 1px #ffffffd9,0 7px 24px #14465a14}.beergraph-search-input{width:100%;min-width:0;min-height:48px;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;font-family:var(--font-editorial)!important;font-size:clamp(17px,2vw,21px);color:var(--beergraph-ink)!important}.beergraph-search-input:focus{outline:none!important}.beergraph-result{position:relative}.beergraph-bottle-stage{position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.7);background:radial-gradient(circle at 26% 18%,rgba(255,255,255,.95),transparent 14rem),radial-gradient(circle at 76% 76%,rgba(91,199,239,.18),transparent 17rem),linear-gradient(160deg,#e7f9fff0,#f6f8efe6 55%,#e5e1d8f5);box-shadow:inset 0 1px #fffffff2,0 24px 68px #105b7d21}.beergraph-bottle-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(17,17,15,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,15,.035) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 90%);mask-image:linear-gradient(to bottom,black,transparent 90%)}.beergraph-orb{position:relative;width:min(75vw,330px);aspect-ratio:1;border-radius:999px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.98) 0 6%,rgba(255,255,255,.2) 20%,transparent 34%),radial-gradient(circle at 70% 76%,rgba(7,128,198,.17),transparent 55%),#bcecfc38;border:2px solid rgba(255,255,255,.9);box-shadow:inset 36px 24px 60px #ffffffad,inset -30px -28px 56px #005c962e,0 32px 72px #005b8738,0 0 0 8px #ffffff24;-webkit-backdrop-filter:blur(7px) saturate(1.12);backdrop-filter:blur(7px) saturate(1.12);z-index:1}.beergraph-orb:after{content:"";position:absolute;top:4%;right:4%;bottom:4%;left:4%;border-radius:inherit;border:1px solid rgba(255,255,255,.72);pointer-events:none}.beergraph-stage-label{position:absolute;left:16px;bottom:16px;z-index:2;max-width:calc(100% - 32px);padding:7px 9px;border:1px dashed rgba(17,17,15,.38);background:#f7f3ebe8;font-family:var(--font-mono);font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#11110f9e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.beergraph-score{width:112px;aspect-ratio:1;border-radius:999px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(17,17,15,.23);background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.96),transparent 28%),linear-gradient(145deg,#d8f4fde6,#f7f3ebf0);box-shadow:inset 0 1px #ffffffe6,0 10px 28px #16566f1f}.beergraph-score span{font-family:var(--font-brutal);font-size:48px;line-height:.8;color:var(--beergraph-ink)}.beergraph-score small{margin-top:8px;font-family:var(--font-mono);font-size:8px;letter-spacing:.12em;color:#11110f66}.beergraph-detail{border:1px solid rgba(17,17,15,.16);background:#f7f3eb8f}.beergraph-detail summary{min-height:48px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#11110fb8}.beergraph-detail summary::-webkit-details-marker{display:none}.beergraph-detail summary svg{transition:transform .2s ease}.beergraph-detail[open] summary svg:first-of-type{transform:rotate(90deg)}.beergraph-detail-body{padding:0 14px 15px;font-family:var(--font-editorial);font-size:17px;line-height:1.5;color:#11110f9e}.beergraph-chip{min-height:30px;display:inline-flex;align-items:center;gap:6px;padding:0 9px;border:1px dashed rgba(17,17,15,.25);background:#ffffff73;font-family:var(--font-mono);font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#11110f99}@media(max-width:639px){.beergraph-page{padding-inline:12px}.beergraph-hero{min-height:auto;border-radius:22px}.beergraph-search-shell{grid-template-columns:auto minmax(0,1fr);padding:8px 10px 8px 14px}.beergraph-search-shell button{grid-column:1 / -1;width:100%}.beergraph-score{width:92px}.beergraph-score span{font-size:40px}.beergraph-orb{width:min(72vw,270px)}}@media(prefers-reduced-motion:reduce){.beergraph-detail summary svg{transition:none}}