.video-card{cursor:pointer;box-sizing:border-box;background:#0f172a80;border:1px solid #ffffff14;border-radius:12px;width:100%;padding:.55rem;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 16px #0003}.video-card--small{max-width:320px}.video-card--medium{max-width:380px}.video-card--large{max-width:450px}.video-card:hover{border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 8px 24px #00000059}.video-card:hover .video-card__thumbnail .video-card__image{transform:scale(1.04)}.video-card__thumbnail{aspect-ratio:16/9;cursor:pointer;background:#000;border-radius:8px;width:100%;position:relative;overflow:hidden}.video-card__image{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.video-card__play-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;cursor:pointer;background:#0e0f1ae0;border:1px solid #6366f166;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;transition:all .25s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0009}.video-card__play-button.visible{opacity:1}.video-card__play-button:hover{background:#0e0f1af5;border-color:#6366f1bf;transform:translate(-50%,-50%)scale(1.1);box-shadow:0 10px 30px #000c,0 0 16px #6366f159}.video-card__play-button:hover .play-icon{color:#a5b4fc}.video-card__play-button .play-icon{color:#818cf8;width:22px;height:22px;margin-left:2px;transition:color .2s}.video-card__duration{color:#fff;background:#000c;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:600;position:absolute;bottom:8px;right:8px}.video-card__promoted-badge{color:#0b0c10;letter-spacing:.04em;text-transform:uppercase;z-index:2;background:linear-gradient(135deg,#f59e0bf2 0%,#d97706f2 100%);border:1px solid #fbbf2499;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.65rem;font-weight:800;display:inline-flex;position:absolute;top:8px;left:8px;box-shadow:0 4px 12px #0006,0 0 10px #f59e0b59}.video-card__promoted-badge .promoted-icon{color:#0b0c10;width:11px;height:11px}.video-card__content{flex-direction:column;gap:4px;padding:.45rem .15rem .2rem;display:flex}.video-card__title{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);cursor:pointer;margin:0;font-size:.92rem;font-weight:600;line-height:1.35;transition:color .2s;overflow:hidden}.video-card__title:hover{color:var(--accent-glow,#a5b4fc)}.video-card__artist{align-items:center;gap:6px;margin-bottom:2px;display:flex}.video-card__artist .artist-link{align-items:center;gap:6px;max-width:100%;text-decoration:none;display:inline-flex}.video-card__artist .artist-link:hover .artist-name{color:var(--accent-glow,#a5b4fc)}.video-card__artist .artist-avatar{object-fit:cover;border:1px solid #fff3;border-radius:50%;flex-shrink:0;width:18px;min-width:18px;height:18px;min-height:18px;display:inline-block}.video-card__artist .artist-name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:500;transition:color .2s;overflow:hidden}.video-card__stats-row{align-items:center;gap:5px;margin-top:6px;display:flex}.video-card__stats-row .stat-pill{box-sizing:border-box;height:24px;color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;padding:0 4px;font-size:.68rem;line-height:1;display:inline-flex}.video-card__stats-row .stat-pill svg{width:12px;height:12px;color:var(--text-muted);flex-shrink:0}.video-card__stats-row .stat-pill span{white-space:nowrap;text-overflow:ellipsis;font-weight:500;line-height:1;overflow:hidden}.video-card__stats-row .stat-pill--share{cursor:pointer;appearance:none;outline:none;margin:0;font-family:inherit;transition:all .2s}.video-card__stats-row .stat-pill--share:hover{color:var(--text-primary);background:#ffffff14;border-color:#ffffff29}.video-card__stats-row .stat-pill--share:hover svg{color:var(--accent-primary,#6366f1)}