.band-card[data-v-d160d2f6]{display:flex;flex-direction:column;position:relative;height:100%;overflow:hidden;color:var(--text);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}.band-card[data-v-d160d2f6]:before{content:"";position:absolute;inset:0 0 auto;height:3px;z-index:2;background:linear-gradient(90deg,var(--accent),color-mix(in oklab,var(--accent-2) 70%,var(--accent)));transform:scaleX(0);transform-origin:left;transition:transform var(--dur) var(--ease-out)}.band-card[data-v-d160d2f6]:hover{border-color:color-mix(in oklab,var(--accent) 45%,var(--border));box-shadow:var(--shadow-lg);transform:translateY(-3px)}.band-card[data-v-d160d2f6]:hover:before{transform:scaleX(1)}.band-card:hover .band-card__media img[data-v-d160d2f6]{transform:scale(1.05)}.band-card--static[data-v-d160d2f6]{cursor:default}.band-card--static[data-v-d160d2f6]:hover{border-color:var(--border);transform:none;box-shadow:none}.band-card--static[data-v-d160d2f6]:hover:before{transform:scaleX(0)}.band-card__media[data-v-d160d2f6]{position:relative;aspect-ratio:4/3;overflow:hidden;isolation:isolate;display:grid;place-items:center;background:linear-gradient(135deg,hsl(var(--h,210),55%,42%),hsl(calc(var(--h, 210) + 40),60%,32%))}.band-card__media img[data-v-d160d2f6]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out)}.band-card__initial[data-v-d160d2f6]{color:#fff;font-size:var(--fs-3xl);font-weight:700;line-height:1;opacity:.9}.band-card__plays[data-v-d160d2f6]{position:absolute;left:var(--space-2xs);bottom:var(--space-2xs);z-index:1;display:inline-flex;align-items:center;gap:.4em;padding:.3em .65em;font-size:var(--fs-2xs);font-weight:600;color:#fff;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.15);border-radius:var(--r-pill)}.band-card__plays[data-v-d160d2f6] svg{color:#1ed760}.band-card__body[data-v-d160d2f6]{display:flex;flex-direction:column;gap:2px;padding:var(--space-m);flex:1;min-width:0}.band-card__name[data-v-d160d2f6]{font-size:var(--fs-lg);font-weight:600;line-height:1.2;color:var(--text)}.band-card__meta[data-v-d160d2f6],.band-card__name[data-v-d160d2f6]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.band-card__meta[data-v-d160d2f6]{font-size:var(--fs-sm);color:var(--text-muted)}