.track-card[data-v-9ad5e1ee]{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);color:inherit;container-name:track-card;container-type:inline-size;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:border-color .15s ease,transform .15s ease}.track-card[data-v-9ad5e1ee]:hover{border-color:color-mix(in srgb,var(--color-primary) 35%,transparent);transform:translateY(-2px)}.track-card__media[data-v-9ad5e1ee]{aspect-ratio:16 / 10;background:color-mix(in srgb,var(--color-text-primary) 8%,transparent);overflow:hidden;position:relative}.track-card__image[data-v-9ad5e1ee]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.track-card__fallback[data-v-9ad5e1ee]{background:var(--color-surface-soft);display:grid;height:100%;place-items:center;width:100%}.track-card__fallback-icon[data-v-9ad5e1ee]{color:color-mix(in srgb,var(--color-text-muted) 45%,transparent);font-size:2.75rem}.track-card__gradient[data-v-9ad5e1ee]{background:linear-gradient(180deg,color-mix(in srgb,var(--color-background) 35%,transparent) 0,transparent 32%,transparent 48%,color-mix(in srgb,var(--color-background) 55%,transparent) 72%,color-mix(in srgb,var(--color-background) 88%,transparent) 100%);inset:0;pointer-events:none;position:absolute}.track-card__layout[data-v-9ad5e1ee]{filter:drop-shadow(0 2px 6px color-mix(in srgb,var(--color-background) 55%,transparent));height:4.5rem;-o-object-fit:contain;object-fit:contain;pointer-events:none;position:absolute;right:var(--space-md);top:var(--space-md);width:4.5rem;z-index:1}.track-card__overlay[data-v-9ad5e1ee]{bottom:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs);left:var(--space-lg);position:absolute;right:var(--space-lg);z-index:1}.track-card__title[data-v-9ad5e1ee]{color:var(--color-text-primary);display:-webkit-box;font-family:var(--font-family-header);font-size:var(--font-title-medium-size, 1.25rem);font-weight:700;-webkit-line-clamp:2;line-height:1.15;margin:0;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 8px color-mix(in srgb,var(--color-background) 70%,transparent)}.track-card__meta[data-v-9ad5e1ee]{align-items:center;color:color-mix(in srgb,var(--color-text-primary) 88%,transparent);display:inline-flex;font-size:var(--font-caption-size, 12px);font-weight:500;gap:6px;line-height:1.3;margin:0;min-width:0}.track-card__meta span[data-v-9ad5e1ee]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-card__meta-icon[data-v-9ad5e1ee]{color:var(--color-primary);flex-shrink:0;font-size:.875rem}.track-card__stats[data-v-9ad5e1ee]{border-bottom:1px solid var(--color-border-subtle);display:grid;gap:var(--space-sm) 0;grid-template-columns:repeat(4,minmax(0,1fr));padding:var(--space-lg) var(--space-sm)}@container track-card (max-width: 280px){.track-card__stats[data-v-9ad5e1ee]{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--space-md)}}.track-card__stat[data-v-9ad5e1ee]{align-items:center;display:flex;flex-direction:column;gap:2px;min-width:0;padding:0 var(--space-xs);text-align:center}.track-card__stat-value[data-v-9ad5e1ee]{color:var(--color-text-primary);font-family:var(--font-family-header);font-size:var(--font-title-medium-size, 1.125rem);font-weight:700;line-height:1.2}.track-card__stat-label[data-v-9ad5e1ee]{color:var(--color-text-muted);font-size:var(--font-caption-size, 11px);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-card__footer[data-v-9ad5e1ee]{align-items:center;display:flex;gap:var(--space-sm);min-height:3rem;padding:var(--space-md) var(--space-lg)}.track-card__record[data-v-9ad5e1ee]{align-items:baseline;display:flex;flex:1;flex-wrap:wrap;font-size:var(--font-caption-size, 12px);gap:.35em;line-height:1.35;min-width:0}.track-card__record-flag[data-v-9ad5e1ee]{align-self:center;color:var(--color-primary);flex-shrink:0;font-size:.95rem;position:relative;top:.12em}.track-card__record-label[data-v-9ad5e1ee]{color:var(--color-text-secondary)}.track-card__record-time[data-v-9ad5e1ee]{color:var(--color-primary);font-family:var(--font-family-header);font-weight:700}.track-card__record-empty[data-v-9ad5e1ee],.track-card__record-holder[data-v-9ad5e1ee]{color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-card__chevron[data-v-9ad5e1ee]{color:var(--color-text-muted);flex-shrink:0;font-size:1.1rem}