.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);width:50px;height:50px;box-shadow:var(--glass-shadow);opacity:0;cursor:pointer;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-card__play-button.visible{opacity:1}.video-card__play-button:hover{background:#fff;transform:translate(-50%,-50%)scale(1.1)}.video-card__play-button .play-icon{width:22px;height:22px;color:var(--bg-primary);margin-left:2px}.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__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;height:18px}.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,#00f2fe)}