article.realtimeSubmitArticle>div.realtimeSubmitTitle{font-family:Pretendard-Bold;font-size:20px}article.realtimeSubmitArticle>figure.realtimeSubmitCardFigure{margin-top:16px;width:100%;max-width:250px;height:200px;border-radius:15px;display:flex;align-items:flex-end;cursor:pointer;position:relative;overflow:hidden;background-image:linear-gradient(-45deg,#ffffff,rgba(98,198,255,.2),rgba(0,144,225,.4))}article.realtimeSubmitArticle>figure.realtimeSubmitCardFigure>img.realtimeSubmitCardImage{object-fit:cover;animation:floatExplore 7s ease-in-out infinite}@keyframes floatExplore{0%,to{transform:translateY(0) translateX(0) scale(1.15);object-position:center top}25%{transform:translateY(-5px) translateX(3px) scale(1.18);object-position:right center}50%{transform:translateY(0) translateX(0) scale(1.15);object-position:center bottom}75%{transform:translateY(5px) translateX(-3px) scale(1.18);object-position:left center}}article.realtimeSubmitArticle>figure.realtimeSubmitCardFigure>div.realtimeSubmitCardBottomBox{width:100%;padding:8px;box-sizing:border-box;position:relative}article.realtimeSubmitArticle>figure.realtimeSubmitCardFigure>div.realtimeSubmitCardBottomBox>div.realtimeSubmitCardBottomTitle{width:100%;display:flex;justify-content:flex-start;align-items:flex-start;color:#0090e1;font-family:Pretendard-Bold;-webkit-text-stroke-width:.8px;-webkit-text-stroke-color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}article.realtimeSubmitArticle>figure.realtimeSubmitCardFigure>div.realtimeSubmitCardBottomBox>div.realtimeSubmitCardBottomInfo{display:flex;flex-direction:row;width:100%;align-items:center;position:relative}article.realtimeSubmitArticle>figure.realtimeSubmitCardFigure>div.realtimeSubmitCardBottomBox>div.realtimeSubmitCardBottomInfo>div{position:relative;display:flex;align-items:center;width:100%}article.realtimeSubmitArticle>figure.realtimeSubmitCardFigure>div.realtimeSubmitCardBottomBox>div.realtimeSubmitCardBottomInfo>div>img.realtimeSubmitCardProfile{border-radius:5px;margin-right:8px}article.realtimeSubmitArticle>figure.realtimeSubmitCardFigure>div.realtimeSubmitCardBottomBox>div.realtimeSubmitCardBottomInfo>div>span{color:#0090e1;font-family:Pretendard-Bold;-webkit-text-stroke-width:.6px;-webkit-text-stroke-color:#fff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}article.realtimeSubmitArticle>figure.realtimeSubmitCardFigure>div.realtimeSubmitCardBottomBox>div.realtimeSubmitCardBottomInfo>div>span:nth-child(2){width:50%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:7px}article.realtimeSubmitArticle>figure.realtimeSubmitCardFigure>div.realtimeSubmitCardBottomBox>div.realtimeSubmitCardBottomInfo>div>span:nth-child(3){color:#62c6ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:50%}@media screen and (max-width:1230px){article.realtimeSubmitArticle{width:100%}article.realtimeSubmitArticle>figure.realtimeSubmitCardFigure{width:100%;max-width:unset;height:unset;aspect-ratio:16/9}article.realtimeSubmitArticle>figure.realtimeSubmitCardFigure>div.realtimeSubmitCardBottomBox>div.realtimeSubmitCardBottomTitle{width:100%;display:flex;justify-content:flex-start;align-items:flex-start;color:#0090e1;font-family:Pretendard-Bold;-webkit-text-stroke-width:.8px;-webkit-text-stroke-color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}}div.referredUserBar{display:flex;width:250px;height:50px;position:relative;overflow:hidden;margin-top:12px;cursor:pointer;border-radius:20px;justify-content:space-between;align-items:center;box-shadow:0 4px 4px 0 rgba(98,198,255,.25);transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}div.referredUserBar:hover{transform:translateX(-4px);box-shadow:0 6px 16px rgba(98,198,255,.35);background-color:rgba(98,198,255,.05)}div.referredUserBar:hover>div.referredUserBox>img.referredUserImg{transform:scale(1.05);box-shadow:0 2px 8px rgba(0,144,225,.3)}div.referredUserBar:hover>div.referredUserBarsShop>span{animation:rotate-diagonal .5s linear}div.referredUserBar:hover>span.referredUserBarsText{animation:textFloat 3s infinite}div.referredUserBar>div.referredUserBox{margin-left:4px;display:flex}div.referredUserBar>div.referredUserBox>img.referredUserImg{border-radius:15px;animation:shimmerGradient 2s linear infinite;background:linear-gradient(-45deg,#FFFFFF,rgba(98,198,255,.2),rgba(0,144,225,.4));background-size:300% 300%;transition:transform .3s ease,box-shadow .3s ease}div.referredUserBar>div.referredUserBox>div.referredUserInfoBox{margin-left:8px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}div.referredUserBar>div.referredUserBox>div.referredUserInfoBox>div.referredUserInfoNick{font-size:12px;font-family:Pretendard-Bold,sans-serif}div.referredUserBar>div.referredUserBox>div.referredUserInfoBox>div.referredUserInfoBottomBox{display:flex}div.referredUserBar>div.referredUserBox>div.referredUserInfoBox>div.referredUserInfoBottomBox>div>span{font-size:8px}div.referredUserBar>div.referredUserBox>div.referredUserInfoBox>div.referredUserInfoBottomBox>div>span:first-child{color:#0090e1}div.referredUserBar>div.referredUserBox>div.referredUserInfoBox>div.referredUserInfoBottomBox>div>span:nth-child(2){margin-left:2px}div.referredUserBar>div.referredUserBox>div.referredUserInfoBox>div.referredUserInfoBottomBox>div:nth-child(2){margin-left:16px}div.referredUserBar>div.referredUserBarsShop{display:flex;justify-content:center;align-items:center;position:relative;right:0;margin-right:-4px}div.referredUserBar>div.referredUserBarsShop>div.blueBox{position:relative;transform:rotate(30deg);width:30px;height:80px;flex-shrink:0;box-shadow:0 4px 4px 0 rgba(98,198,255,.25);overflow:hidden!important;border:1px solid #0090e1;display:flex;justify-content:center;align-items:center}div.referredUserBar>div.referredUserBarsShop>div.blueBox>img{transform:rotate(-30deg);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.referredUserBar>div.referredUserBarsShop>span{position:absolute;color:#fff;font-family:Pretendard-Regular,sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:normal}div.referredUserBar>span.referredUserBarsText{margin-left:32px;color:#0090e1}@keyframes rotate-diagonal{0%{transform:rotateY(0)}to{transform:rotateY(1turn)}}@keyframes textFloat{0%,to{transform:translateY(0)}25%{transform:translateY(-1px)}50%{transform:translateY(1px)}75%{transform:translateY(-1px)}}@media(prefers-reduced-motion:reduce){div.referredUserBar:hover,div.referredUserBar:hover>div.referredUserBox>img.referredUserImg{transform:none}div.referredUserBar:hover>div.referredUserBarsShop>span,div.referredUserBar:hover>span.referredUserBarsText,div.referredUserBar>div.referredUserBarsShop>div.blueBox>img,div.referredUserBar>div.referredUserBox>img.referredUserImg{animation:none}}@media screen and (max-width:1230px){div.referredUserBar{width:100%}div.referredUserBar>div.referredUserBarsShop>div.blueBox{width:80px;height:130px;overflow:hidden!important}div.referredUserBar>div.referredUserBarsShop>div.blueBox>img{width:130px!important;height:130px!important}}@media screen and (max-width:768px){div.referredUserBar>div.referredUserBarsShop>div.blueBox{width:54px;height:90px;overflow:hidden!important}div.referredUserBar>div.referredUserBarsShop>div.blueBox>img{width:90px!important;height:90px!important}}div.tripleBannersWrapper{position:relative;width:100%;margin-bottom:80px}div.tripleBannersSlider{width:100%}section.tripleBannersSection{width:auto;height:150px;display:grid;grid-column-gap:20px;grid-template-columns:1fr 1fr 1fr;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}section.tripleBannersSection::-webkit-scrollbar{display:none}section.tripleBannersSection>a{display:flex;justify-content:center;align-items:center;width:292px;height:150px;box-shadow:0 4px 4px rgba(206,212,218,.25);text-align:center;padding:0 20px;border-radius:12px;overflow:hidden;animation:bannerEnter .6s cubic-bezier(.25,.46,.45,.94) both,gradient2 2s linear .6s infinite;background:linear-gradient(-45deg,#FFFFFF,rgba(98,198,255,.2),rgba(0,144,225,.4));background-size:300% 300%}section.tripleBannersSection>a:first-child{animation-delay:0s,.6s}section.tripleBannersSection>a:nth-child(2){animation-delay:.1s,.7s}section.tripleBannersSection>a:nth-child(3){animation-delay:.2s,.8s}section.tripleBannersSection>a{transition:transform .3s ease,box-shadow .3s ease}section.tripleBannersSection>a:hover{transform:scale(1.02) translateY(-3px);box-shadow:0 8px 16px rgba(0,144,225,.25)}section.tripleBannersSection>a>img{transition:transform .3s ease}section.tripleBannersSection>a:hover>img{transform:scale(1.03)}@keyframes bannerEnter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}div.sliderIndicators{display:none}@media(prefers-reduced-motion:reduce){section.tripleBannersSection>a{animation:gradient2 2s linear infinite}}@media screen and (max-width:976px){div.tripleBannersWrapper{padding:0 12px;perspective:1200px;perspective-origin:50%;margin-bottom:30px}div.tripleBannersSlider{overflow:visible;border-radius:12px}div.tripleBannersSlider.mobile-carousel{overflow:visible}section.tripleBannersSection{display:flex;flex-direction:row;width:max-content;gap:12px;height:auto;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}section.tripleBannersSection.carousel3d{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:180px;transform-style:preserve-3d;perspective:1000px}section.tripleBannersSection>a{flex-shrink:0;width:calc(100vw - 24px - 12px);max-width:400px;height:auto;aspect-ratio:292/150;padding:0}section.tripleBannersSection>a:hover{transform:none;box-shadow:0 4px 4px rgba(206,212,218,.25)}section.tripleBannersSection>a>img{width:100%;height:100%;object-fit:cover}div.carouselSlide{position:absolute;left:50%;top:50%;width:calc(100vw - 48px);max-width:340px;transform-origin:center center;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.23,1,.32,1),opacity .5s ease-out,filter .5s ease-out,z-index 0s .3s;margin-left:calc((100vw - 48px)/-2);margin-top:-75px;will-change:transform,opacity,filter;-webkit-backface-visibility:hidden;backface-visibility:hidden}div.carouselSlide.active{z-index:10}div.carouselSlide.active>a{box-shadow:0 20px 40px rgba(0,0,0,.2),0 0 0 1px hsla(0,0%,100%,.1)}div.carouselSlide>a{display:block;width:100%;height:auto;aspect-ratio:292/150;border-radius:20px;overflow:hidden;box-shadow:0 4px 4px rgba(206,212,218,.25);transition:box-shadow .4s ease-out}div.carouselSlide>a>img{width:100%;height:100%;object-fit:cover}div.carouselSlide.animating-left{animation:slideFromRight .6s cubic-bezier(.23,1,.32,1)}div.carouselSlide.animating-right{animation:slideFromLeft .6s cubic-bezier(.23,1,.32,1)}@keyframes slideFromRight{0%{opacity:.5}to{opacity:1}}@keyframes slideFromLeft{0%{opacity:.5}to{opacity:1}}div.sliderIndicators{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding-bottom:8px}div.sliderIndicators button.indicator{position:relative;width:10px;height:10px;border-radius:50%;border:none;background-color:rgba(206,212,218,.5);cursor:pointer;padding:0;transition:all .4s cubic-bezier(.23,1,.32,1);overflow:hidden}div.sliderIndicators button.indicator:hover{background-color:rgba(98,198,255,.7);transform:scale(1.1)}div.sliderIndicators button.indicator.active{width:32px;border-radius:9999px;background-color:rgba(0,144,225,.3)}div.sliderIndicators button.indicator.active span.indicatorProgress{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#0090E1,rgb(21,170.76,255));border-radius:9999px;animation:indicatorFill 4s linear forwards}@keyframes indicatorFill{0%{width:0}to{width:100%}}}@media screen and (max-width:540px){section.tripleBannersSection>a{width:calc(100vw - 24px);max-width:none}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@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%}}article.referredPromptArticle>div.referredPromptTitle{font-family:Pretendard-Bold,sans-serif;font-size:20px;animation:fadeInRight .5s cubic-bezier(.25,.46,.45,.94) .4s both}article.referredPromptArticle>div.referredPromptCard{margin-top:12px;display:flex;flex-direction:column;justify-content:space-between;width:250px;padding:8px 8px 20px;box-shadow:0 4px 8px rgba(0,144,225,.2);border-radius:20px;cursor:pointer;animation:fadeInRight .6s cubic-bezier(.25,.46,.45,.94) .5s both;transition:transform .3s ease,box-shadow .3s ease}article.referredPromptArticle>div.referredPromptCard:hover{transform:scale(1.02) translateY(-4px);box-shadow:0 8px 16px rgba(0,144,225,.25)}article.referredPromptArticle>div.referredPromptCard:active{background-color:rgba(98,198,255,.05);box-shadow:0 4px 8px rgba(0,144,225,.2);transform:scale(1.01)}article.referredPromptArticle>div.referredPromptCard img.referredPromptImg{border-radius:12px;object-fit:cover;animation:imageReveal .8s cubic-bezier(.25,.46,.45,.94) .6s both,gradient2 2s linear 1.4s infinite;background:linear-gradient(-45deg,#FFFFFF,rgba(98,198,255,.2),rgba(0,144,225,.4));background-size:300% 300%;transition:transform .3s ease}@keyframes gradient2{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}article.referredPromptArticle>div.referredPromptCard:hover img.referredPromptImg{transform:scale(1.02)}article.referredPromptArticle>div.referredPromptCard div.referredPromptTextBox{margin-top:16px;animation:fadeIn .5s ease .7s both}article.referredPromptArticle>div.referredPromptCard div.referredPromptTextBox div{font-size:10px}article.referredPromptArticle>div.referredPromptCard div.referredPromptTextBox div:first-child{color:#0090e1;font-family:Pretendard-Bold,sans-serif;margin-bottom:8px}article.referredPromptArticle>div.referredPromptCard div.referredPromptTextBox div:nth-child(2){color:#62c6ff;max-height:50px;overflow:auto}article.referredPromptArticle>div.referredPromptCard div.referredPromptInfoContainer{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));animation:fadeInUp .5s ease .8s both}article.referredPromptArticle>div.referredPromptCard div.referredPromptInfoContainer:nth-of-type(2){animation-delay:.9s}article.referredPromptArticle>div.referredPromptCard div.referredPromptInfoContainer div.referredPromptInfoBox{display:flex;flex-direction:column}article.referredPromptArticle>div.referredPromptCard div.referredPromptInfoContainer div.referredPromptInfoBox div{font-size:10px}article.referredPromptArticle>div.referredPromptCard div.referredPromptInfoContainer div.referredPromptInfoBox div:first-child{color:#0090e1;display:flex;justify-content:center;font-family:Pretendard-Bold,sans-serif;align-items:center;text-align:center;height:100%}article.referredPromptArticle>div.referredPromptCard div.referredPromptInfoContainer div.referredPromptInfoBox div:nth-child(2){color:#62c6ff;display:flex;justify-content:center;align-items:center;white-space:nowrap;text-overflow:ellipsis;overflow:visible;height:auto;padding:8px 0;box-sizing:border-box}@keyframes scroll-left{0%{transform:translateX(10%)}to{transform:translateX(-10%)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@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)}}@media(prefers-reduced-motion:reduce){article.referredPromptArticle>div.referredPromptCard,article.referredPromptArticle>div.referredPromptCard div.referredPromptInfoContainer,article.referredPromptArticle>div.referredPromptCard div.referredPromptTextBox,article.referredPromptArticle>div.referredPromptCard img.referredPromptImg,article.referredPromptArticle>div.referredPromptTitle{animation:none;opacity:1;transform:none;-webkit-clip-path:none;clip-path:none}article.referredPromptArticle>div.referredPromptCard img.referredPromptImg{animation:gradient2 2s linear infinite}}@media screen and (max-width:1230px){article.referredPromptArticle>div.referredPromptCard{width:100%}article.referredPromptArticle>div.referredPromptCard img.referredPromptImg{width:100%;aspect-ratio:1/1!important;height:100%}article.referredPromptArticle>div.referredPromptCard div.referredPromptTextBox div{font-size:16px}article.referredPromptArticle>div.referredPromptCard div.referredPromptInfoContainer{grid-template-columns:repeat(3,1fr)}article.referredPromptArticle>div.referredPromptCard div.referredPromptInfoContainer div.referredPromptInfoBox div{font-size:16px}}@media screen and (max-width:976px){article.referredPromptArticle>div.referredPromptCard div.referredPromptInfoContainer div.referredPromptInfoBox div,article.referredPromptArticle>div.referredPromptCard div.referredPromptTextBox div{font-size:12px}}@media screen and (max-width:420px){article.referredPromptArticle>div.referredPromptCard div.referredPromptInfoContainer{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media screen and (max-width:405px){article.referredPromptArticle>div.referredPromptCard div.referredPromptInfoContainer{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media screen and (max-width:348px){article.referredPromptArticle>div.referredPromptCard div.referredPromptInfoContainer{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}