.ox-bn-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; margin-top: 8px; }
.ox-bn-card { padding: 12px 14px; border-radius: var(--r-sm); background: var(--surface-2); border-left: 5px solid var(--accent); box-shadow: var(--shadow); }
.ox-bn-card.ox-bn-F { border-left-color: #ec4899; }
.ox-bn-card.ox-bn-M { border-left-color: #3b82f6; }
.ox-bn-card.ox-bn-U { border-left-color: #14b8a6; }
.ox-bn-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.ox-bn-name { font: 900 1.25rem var(--font-round); }
.ox-bn-star { min-width: 44px; min-height: 44px; border: 0; background: transparent; font-size: 1.6rem; color: var(--muted); cursor: pointer; transition: transform .2s; }
.ox-bn-star.is-on { color: #f59e0b; }
.ox-bn-star:hover { transform: scale(1.2) rotate(8deg); }
.ox-bn-tag { font-size: .8rem; color: var(--muted); font-weight: 700; }
.ox-bn-mean { margin: 6px 0 0; font-size: .92rem; }
.ox-bn-more { text-align: center; }
.ox-bn-favs { margin-top: 18px; }
.ox-bn-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.ox-bn-lucky { text-align: center; }