.spotify-card{display:grid;grid-template-rows:auto auto auto auto auto;row-gap:clamp(16px,2vh,24px);padding:clamp(16px,2vw,24px);background:var(--bg-elevated, rgba(232, 227, 213, .04));border:1px solid var(--border, rgba(232, 227, 213, .14));color:inherit;text-decoration:none;width:100%;max-width:360px;isolation:isolate;position:relative}.spotify-card:focus-visible{outline:2px solid var(--accent, #D4D200);outline-offset:4px}.spotify-card__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:var(--bg, #13140F);isolation:isolate}.spotify-card__art{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:filter .6s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.spotify-card:hover .spotify-card__art,.spotify-card:focus-visible .spotify-card__art{filter:blur(8px) saturate(.6);transform:scale(1.04)}.spotify-card__skeleton{position:absolute;inset:0;background:linear-gradient(90deg,#e8e3d50a,#e8e3d51f,#e8e3d50a);background-size:200% 100%;animation:spotify-card-skel 1.6s linear infinite}@keyframes spotify-card-skel{0%{background-position:100% 0}to{background-position:-100% 0}}.spotify-card__title{margin:0;font-family:Inter Tight Variable,Inter Tight,system-ui,sans-serif;font-weight:500;font-size:clamp(20px,1.8vw,26px);letter-spacing:-.02em;line-height:1.12;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.spotify-card__provider{margin:0;font-family:var(--font-display),"Inter Tight",system-ui,sans-serif;font-variation-settings:'"wght" 500, "wdth" 75, "opsz" 14';font-size:clamp(11px,.9vw,13px);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted, rgba(232, 227, 213, .6))}.spotify-card__controls{display:flex;align-items:center;justify-content:center;padding:clamp(8px,1.2vh,16px) 0 clamp(4px,.8vh,12px)}.spotify-card__play{display:inline-flex;align-items:center;justify-content:center;width:clamp(48px,6vw,64px);height:clamp(48px,6vw,64px);border-radius:50%;background:var(--fg, #E8E3D5);color:var(--bg, #13140F);pointer-events:none}.spotify-card__play svg{width:40%;height:40%;transform:translate(6%)}.spotify-card__footer{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:4px;border-top:1px solid var(--border, rgba(232, 227, 213, .1));font-family:Inter Tight,system-ui,sans-serif;font-size:clamp(11px,.9vw,13px);letter-spacing:-.005em;color:var(--fg-muted, rgba(232, 227, 213, .6))}.spotify-card__footer-arrow{color:var(--accent, #D4D200)}.spotify-card--error{padding:clamp(20px,2.6vw,32px);text-align:left}.spotify-card--error .spotify-card__title{font-size:clamp(15px,1.2vw,18px);font-weight:500}@media(prefers-reduced-motion:reduce){.spotify-card__art{transition-duration:0ms}.spotify-card:hover .spotify-card__art{transform:none;filter:brightness(.7)}.spotify-card__skeleton{animation-duration:0ms}}.spotify-card--iframe{grid-template-rows:auto auto;row-gap:12px;padding:0;overflow:hidden;border-radius:12px;background:transparent}.spotify-card--iframe .spotify-card__iframe{display:block;width:100%;border:0;border-radius:12px 12px 0 0}.spotify-card--iframe .spotify-card__footer{padding:10px 14px 12px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted, rgba(232, 227, 213, .6));display:flex;justify-content:space-between;align-items:center;text-decoration:none;border-top:1px solid var(--border, rgba(232, 227, 213, .12))}.spotify-card--iframe .spotify-card__footer:hover{color:var(--fg, #e8e3d5)}.spotify-card__title--iframe{padding:14px 14px 8px;font-size:clamp(15px,1.1vw,18px);line-height:1.15}