.bsp{max-width:1000px;margin:0 auto}
.bsp-header{display:flex;gap:14px;align-items:baseline;justify-content:space-between;margin:0 0 14px}
.bsp-title{margin:0;font-size:1.5rem;line-height:1.2}
.bsp-count{opacity:.7;font-size:.95rem;white-space:nowrap}
.bsp-searchwrap{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 14px}
.bsp-search{flex:1 1 280px;max-width:520px;padding:10px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.2);outline:none}
.bsp-search:focus{box-shadow:0 0 0 3px rgba(0,0,0,.08)}
.bsp-searchhint{opacity:.65;font-size:.9rem}
.bsp-index{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px;padding:10px;border:1px solid rgba(0,0,0,.10);border-radius:14px}
.bsp-index__link{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;text-decoration:none;border:1px solid rgba(0,0,0,.12);font-size:.9rem}
.bsp-index__link:hover{transform:translateY(-1px)}
.bsp-index__link.is-disabled{opacity:.35;pointer-events:none}
.bsp-group{margin:0 0 18px}
.bsp-group__title{margin:0 0 10px;font-size:1.1rem;letter-spacing:.04em;text-transform:uppercase;opacity:.75}
.bsp-gridlist{display:grid;grid-template-columns:repeat(var(--bsp-cols,2),minmax(0,1fr));gap:12px}
@media (max-width: 820px){.bsp-gridlist{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 520px){.bsp-gridlist{grid-template-columns:1fr}}
.bsp-item{border:1px solid rgba(0,0,0,.12);border-radius:16px;padding:12px 14px;background:rgba(255,255,255,.6);backdrop-filter:saturate(1.1) blur(2px)}
.bsp-item__song{font-weight:700}
.bsp-item__meta{margin-top:4px;opacity:.8;font-size:.95rem}
.bsp-item__note{margin-top:6px;opacity:.9;font-size:.95rem}
.bsp-item__tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.bsp-tag{font-size:.82rem;padding:4px 8px;border-radius:999px;border:1px solid rgba(0,0,0,.14);opacity:.9}
/* list layout */
.bsp-layout-list .bsp-gridlist{grid-template-columns:1fr}
.bsp-layout-list .bsp-item{border-radius:12px;padding:10px 12px}