@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes imageReveal{0%{opacity:0;-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0)}to{opacity:1;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes cardEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes commentReveal{0%{opacity:0;transform:scale(.9) translateY(10px)}60%{transform:scale(1.02) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes hashtagBounce{0%{opacity:0;transform:translateY(-15px) scale(.9)}60%{transform:translateY(3px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmerGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}div.commentBox{display:flex;flex-direction:column;align-items:center;width:188px;cursor:pointer;transition:transform .3s ease}div.commentBox:hover{transform:translateY(-4px)}div.commentBox:hover>div.commentImg{border-color:#62c6ff;box-shadow:0 4px 16px rgba(98,198,255,.3)}div.commentBox>div.commentImg{display:flex;justify-content:center;align-items:center;border-radius:200px;border:3px solid #ffdfdf;width:188px;height:188px;transition:border-color .3s ease,box-shadow .3s ease}div.commentBox>div.commentImg>a{width:168px;height:168px}div.commentBox>div.commentImg>a>img{border-radius:200px;animation:shimmerGradient 2s linear infinite;background:linear-gradient(-45deg,#FFFFFF,rgba(98,198,255,.2),rgba(0,144,225,.4));background-size:300% 300%}div.commentBox>div.commentText{width:188px;font-size:12px;margin-top:12px;max-height:60px;overflow:hidden;text-overflow:ellipsis;line-height:1.5}div.commentBox>div.commentNick{margin-top:20px;font-size:12px;color:#ced4da;display:flex;justify-content:flex-end;width:100%}@media(prefers-reduced-motion:reduce){div.commentBox:hover{transform:none}div.commentBox>div.commentImg>a>img{animation:none}}@media screen and (max-width:420px){div.commentBox{width:168px}div.commentBox>div.commentImg{width:168px;height:168px}div.commentBox>div.commentImg>a,div.commentBox>div.commentImg>a>img{width:148px;height:148px}div.commentBox>div.commentText{width:168px}}@media screen and (max-width:380px){div.commentBox{width:158px}div.commentBox>div.commentImg{width:158px;height:158px}div.commentBox>div.commentImg>a,div.commentBox>div.commentImg>a>img{width:138px;height:138px}div.commentBox>div.commentText{width:158px}}@media screen and (max-width:360px){div.commentBox{width:148px}div.commentBox>div.commentImg{width:148px;height:148px}div.commentBox>div.commentImg>a,div.commentBox>div.commentImg>a>img{width:128px;height:128px}div.commentBox>div.commentText{width:148px}}@media screen and (max-width:330px){div.commentBox{width:140px}div.commentBox>div.commentImg{width:140px;height:140px}div.commentBox>div.commentImg>a,div.commentBox>div.commentImg>a>img{width:120px;height:120px}div.commentBox>div.commentText{width:140px}}