.card.svelte-t34n65{width:100%;max-width:var(--card-max);background:var(--color-card);border-radius:var(--radius-card);box-shadow:var(--shadow-md);transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);margin-inline:auto;position:relative}.card__link.svelte-t34n65{color:inherit;border-radius:inherit;text-decoration:none;display:block}.card__link.svelte-t34n65:focus-visible{outline:3px solid var(--color-brand-500);outline-offset:3px;box-shadow:none}.card__media.svelte-t34n65{aspect-ratio:var(--card-aspect);border-radius:var(--radius-card) var(--radius-card) 0 0}.card__clip.svelte-t34n65{z-index:var(--z-media);opacity:0;transition:opacity var(--duration-base) var(--ease-out)}.card[data-playing=true].svelte-t34n65 .card__clip:where(.svelte-t34n65){opacity:1}.card__body.svelte-t34n65{padding:var(--spacing-4) var(--spacing-5) var(--spacing-5);text-align:center}.card__title.svelte-t34n65{font-size:var(--text-h4);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug);text-transform:uppercase;color:var(--color-text-strong);transition:color var(--duration-fast) linear}.card__credit.svelte-t34n65{margin-top:var(--spacing-1);font-size:var(--text-small);color:var(--color-text-link)}.card__badge.svelte-t34n65{z-index:var(--z-badge);background:var(--color-badge-new);color:#fff;font-family:var(--font-display);font-size:13px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);border-radius:var(--radius-sm);pointer-events:none;padding:6px 18px;animation:2s infinite badge-bounce;position:absolute;top:12px;left:12px;overflow:hidden}.card__badge.svelte-t34n65:after{content:"";background:var(--gradient-shine);width:50%;animation:1.5s linear infinite shine;position:absolute;top:0;bottom:0;left:-75%}.card__live.svelte-t34n65{z-index:var(--z-badge);background:var(--color-brand-500);color:#fff;font-size:var(--text-micro);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);border-radius:var(--radius-sm);animation:pulse-soft 2s var(--ease-in-out) infinite;padding:4px 12px;position:absolute;top:12px;right:12px}.card__duration.svelte-t34n65,.card__locked.svelte-t34n65{z-index:var(--z-badge);padding:4px var(--spacing-3);background:var(--color-surface-800);color:var(--color-text-faint);font-size:var(--text-micro);font-variant-numeric:tabular-nums;border-radius:var(--radius-chip);align-items:center;gap:4px;display:inline-flex;position:absolute;bottom:12px}.card__duration.svelte-t34n65{right:12px}.card__locked.svelte-t34n65{color:#fff;text-transform:uppercase;letter-spacing:var(--tracking-wide);left:12px}.card__censor.svelte-t34n65{z-index:var(--z-badge);inset:auto var(--spacing-3) var(--spacing-3);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);color:#fff;font-size:var(--text-micro);text-transform:uppercase;letter-spacing:var(--tracking-wide);border-radius:var(--radius-chip);text-align:center;background:#000000b8;flex-wrap:wrap;justify-content:center;display:flex;position:absolute}.card__censor-cta.svelte-t34n65{margin:calc(-1 * var(--spacing-3)) var(--spacing-5) var(--spacing-5);padding:var(--spacing-2);background:var(--color-surface-150);border-radius:var(--radius-pill);font-family:var(--font-display);font-size:var(--text-micro);text-align:center;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-link);display:block}.card__vintage.svelte-t34n65{z-index:var(--z-badge);inset:auto 0 var(--spacing-5);text-align:center;font-family:var(--font-display);font-size:20px;font-weight:var(--font-weight-bold);color:#fff;text-shadow:var(--text-shadow-hero);text-transform:uppercase;pointer-events:none;position:absolute}.card__vintage.svelte-t34n65 em:where(.svelte-t34n65){color:var(--color-vintage);font-style:normal}.card__progress.svelte-t34n65{z-index:var(--z-badge);background:var(--color-brand-500);height:4px;position:absolute;bottom:0;left:0}.card__play.svelte-t34n65{z-index:var(--z-badge);border-radius:var(--radius-full);color:#fff;opacity:0;width:44px;height:44px;transition:opacity var(--duration-fast);pointer-events:none;background:#0000008c;place-items:center;display:grid;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.card[data-playing=true].svelte-t34n65 .card__play:where(.svelte-t34n65){opacity:0}.card__fav.svelte-t34n65{z-index:var(--z-badge);width:var(--tap-min);height:var(--tap-min);border-radius:var(--radius-full);color:#fff;cursor:pointer;transition:transform var(--duration-slow) var(--ease-spring);background:#00000080;border:0;place-items:center;display:grid;position:absolute;top:8px;right:8px}.card__fav[aria-pressed=true].svelte-t34n65{color:var(--color-brand-500);transform:scale(1.1)}@media (hover:hover) and (pointer:fine){.card.svelte-t34n65:hover,.card.svelte-t34n65:focus-within{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card.svelte-t34n65:hover .card__title:where(.svelte-t34n65),.card.svelte-t34n65:focus-within .card__title:where(.svelte-t34n65){color:var(--color-text-link)}.card.svelte-t34n65:hover .card__credit:where(.svelte-t34n65){text-underline-offset:.2em;text-decoration:underline}.card__fav.svelte-t34n65{opacity:0}.card.svelte-t34n65:hover .card__fav:where(.svelte-t34n65),.card.svelte-t34n65:focus-within .card__fav:where(.svelte-t34n65),.card__fav.svelte-t34n65:focus-visible{opacity:1}}@media (hover:none){.card__play.svelte-t34n65{opacity:1}}.card[data-censored=true].svelte-t34n65 .card__clip:where(.svelte-t34n65){display:none}.card[data-vintage=true].svelte-t34n65 .card__media:where(.svelte-t34n65){filter:grayscale();transition:filter var(--duration-slow) var(--ease-out)}@media (hover:hover){.card[data-vintage=true].svelte-t34n65:hover .card__media:where(.svelte-t34n65){filter:grayscale(0)}}@media (prefers-reduced-motion:reduce){.card__play.svelte-t34n65{opacity:1}.card__badge.svelte-t34n65{opacity:1;animation:none;transform:none}.card__badge.svelte-t34n65:after{display:none}.card__live.svelte-t34n65{opacity:1;animation:none}.card.svelte-t34n65,.card__title.svelte-t34n65,.card__clip.svelte-t34n65,.card__fav.svelte-t34n65{transition:none}.card.svelte-t34n65:hover{transform:none}}
