.social-carousel{width:100%;display:flex;flex-direction:column;align-items:center;gap:32px;padding:40px 0;overflow:hidden}.social-carousel__viewport{max-width:900px;margin:0 auto;height:560px;overflow:visible}.social-carousel__track,.social-carousel__viewport{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.social-carousel__track{height:100%}.social-carousel__slide{position:absolute;width:220px;height:391px;border-radius:24px;overflow:hidden;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .6s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.social-carousel__slide img{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.sc-pos--side.sc-pos--left{transform:translateX(-185px) scale(.9);z-index:2}.sc-pos--side.sc-pos--right{transform:translateX(185px) scale(.9);z-index:2}.sc-pos--far.sc-pos--left{transform:translateX(-320px) scale(.8);z-index:1}.sc-pos--far.sc-pos--right{transform:translateX(320px) scale(.8);z-index:1}.sc-pos--outer.sc-pos--left{transform:translateX(-415px) scale(.72);z-index:0;opacity:.7}.sc-pos--outer.sc-pos--right{transform:translateX(415px) scale(.72);z-index:0;opacity:.7}.social-carousel__phone{position:relative;flex-shrink:0;width:270px;height:528px;border-radius:24px;background:#000;border:1.5px solid rgba(255,255,255,.15);box-shadow:0 12px 40px rgba(0,0,0,.35);overflow:hidden;display:flex;flex-direction:column;z-index:3;cursor:pointer}.sc-phone__island{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:80px;height:22px;border-radius:20px;background:rgba(255,255,255,.3);z-index:10}.sc-phone__reel{flex:1 1;position:relative;overflow:hidden;background:#111}.sc-phone__reel img{width:100%;height:100%;object-fit:cover;display:block}.sc-phone__actions{position:absolute;right:10px;bottom:12px;display:flex;flex-direction:column;align-items:center;gap:16px;z-index:5}.sc-phone__action-btn{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.sc-phone__action-btn:hover{transform:scale(1.1)}.sc-phone__action-icon{width:26px;height:26px;filter:brightness(0) invert(1) drop-shadow(0 1px 3px rgba(0,0,0,.5));opacity:.85;transition:opacity .2s ease}.sc-phone__action-btn:hover .sc-phone__action-icon{filter:brightness(0) invert(1) drop-shadow(0 1px 4px rgba(0,0,0,.6));opacity:1}.sc-phone__like-icon{filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));transition:transform .3s cubic-bezier(.17,.89,.32,1.49)}.sc-phone__like-icon--pop{animation:likePopIn .4s cubic-bezier(.17,.89,.32,1.49)}@keyframes likePopIn{0%{transform:scale(0)}50%{transform:scale(1.35)}75%{transform:scale(.9)}to{transform:scale(1)}}.sc-phone__action-btn--liked:hover .sc-phone__like-icon{transform:scale(1.15)}.sc-phone__bottom-overlay{position:absolute;bottom:12px;left:12px;right:50px;z-index:5}.sc-phone__user-row{display:flex;align-items:center;gap:8px}.sc-phone__avatar{width:28px;height:28px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);background:rgba(255,255,255,.3);flex-shrink:0}.sc-phone__text-bar{height:10px;width:90px;border-radius:20px;background:rgba(255,255,255,.3)}.sc-phone__tabs{display:flex;align-items:center;justify-content:center;gap:1rem;height:3rem;padding:0 1rem;background:#fff;color:#262626;flex-shrink:0;border-radius:0 0 23px 23px}.sc-phone__tab-svg{width:28px;height:28px;opacity:.85;transition:opacity .2s ease;display:block}.sc-phone__tab-svg:hover{opacity:1}@media (max-width:768px){.social-carousel__viewport{height:500px;mask-image:linear-gradient(90deg,transparent 0,black 12%,black 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,black 12%,black 88%,transparent)}.social-carousel__phone{width:256px;height:500px}.sc-phone__tabs{justify-content:space-evenly}.social-carousel__slide{width:200px;height:356px;border-radius:20px}.sc-pos--side.sc-pos--left{transform:translateX(-150px) scale(.88)}.sc-pos--side.sc-pos--right{transform:translateX(150px) scale(.88)}.sc-pos--far.sc-pos--left{transform:translateX(-260px) scale(.78)}.sc-pos--far.sc-pos--right{transform:translateX(260px) scale(.78)}.sc-pos--outer.sc-pos--left{transform:translateX(-340px) scale(.7)}.sc-pos--outer.sc-pos--right{transform:translateX(340px) scale(.7)}}