.style-badge[data-v-2e026717]{display:inline-flex;align-items:stretch;min-width:0;max-width:100%;font-size:var(--font-size-md);color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden;transition:border-color var(--transition-fast)}.style-badge[data-v-2e026717]:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border-subtle))}.style-badge-rank[data-v-2e026717],.style-badge-name[data-v-2e026717],.style-badge-temp[data-v-2e026717]{padding:2px 4px;line-height:1.35;display:inline-flex;align-items:center}.style-badge-rank[data-v-2e026717]{flex:0 0 auto;color:var(--accent);font-weight:600;cursor:pointer;transition:opacity var(--transition-fast)}.style-badge-rank[data-v-2e026717]:hover{opacity:.8;text-decoration:underline}.style-badge-name[data-v-2e026717]{flex:0 1 auto;min-width:0;color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--transition-fast),background var(--transition-fast);border-left:1px solid var(--border-subtle)}.style-badge-name[data-v-2e026717]:first-child{border-left:none}.style-badge-name.style-badge-clickable[data-v-2e026717]{cursor:pointer}.style-badge-name.style-badge-clickable[data-v-2e026717]:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);text-decoration:underline}.style-badge-temp[data-v-2e026717]{flex:0 0 auto;color:var(--text-muted);white-space:nowrap;border-left:1px solid var(--border-subtle)}.rank-tooltip{position:fixed;z-index:9999;max-width:320px;padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--font-size-md);color:var(--text-primary);line-height:1.4;box-shadow:0 4px 16px color-mix(in srgb,var(--bg-dark) 40%,transparent);pointer-events:auto}.rank-tooltip strong{color:var(--color-untappd-rating)}.rank-tooltip-content{font-style:italic}.rank-tooltip-desc{margin-top:var(--space-xs);font-style:normal}.rank-desc-taste{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.45}.rank-desc-taste strong{font-weight:600;color:var(--accent)}.rank-desc-process{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.45;margin-top:2px}.rank-desc-temp{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.45;margin-top:4px;font-weight:500}.rank-desc-enriched{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.45;margin-top:6px;padding-top:4px;border-top:1px solid var(--border-subtle)}.rank-desc-enriched strong{color:var(--accent);font-weight:600}