.post-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);animation:fadeIn .3s ease-in-out forwards}.post-modal-overlay.closing{animation:fadeOut .3s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.post-modal{position:relative;width:calc(100% - 20px);max-width:1340px;height:100%;max-height:830px;z-index:10000;display:flex;overflow:hidden;border-radius:5px;&:before{position:absolute;inset:0;width:100%;height:100%;content:"";align-self:stretch;border-radius:5px;background:#000;filter:blur(30px);z-index:-1}}.post-modal .post-modal--full{width:100%;height:100%}.post-modal .post-modal--small{width:100%;height:100%;max-width:660px;margin:auto}.post-modal .post-swiper{width:100%;height:100%}.post-modal .swiper-slide{height:100%;display:none}.post-modal .post-modal-content{display:flex;flex-direction:row;gap:0;width:100%;height:100%;align-items:stretch;border-radius:5px;padding:clamp(40px,7vw,160px) clamp(24px,9vw,209px)}.post-modal .post-modal-image{width:50%;max-width:394px;height:100%;border-radius:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;flex-shrink:0;box-shadow:none;padding:0;margin-right:40px}.post-modal .post-modal-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-radius:0}.post-modal .post-modal-image-skeleton{width:100%;height:100%;background:#b8b8b8;border-radius:8px;overflow:hidden}.post-modal .skeleton-shimmer{width:100%;height:100%;background:linear-gradient(90deg,#b8b8b8,#d0d0d0 25%,#e8e8e8 50%,#d0d0d0 75%,#b8b8b8);background-size:200% 100%;animation:shimmer 1.8s infinite;border-radius:0}@keyframes shimmer{0%{background-position:-200% 0}50%{background-position:200% 0}to{background-position:-200% 0}}.post-modal .post-modal-info{position:relative;flex:1 1;display:flex;flex-direction:column;color:#fff;justify-content:flex-start;height:100%;gap:18px;overflow:visible}.post-modal .post-modal-info-wrapper{height:auto;flex:1 1;margin:14px 0 51px;overflow-y:auto;overflow-x:hidden;gap:18px;display:flex;flex-direction:column}.post-modal .post-modal-info-wrapper::-webkit-scrollbar{width:6px}.post-modal .post-modal-info-wrapper::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px}.post-modal .post-modal-info-wrapper::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}.post-modal .post-modal-info-wrapper::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.post-modal .post-modal-title{color:#FFF;font-family:Space Mono;font-size:12px;font-weight:700;margin:0;word-break:break-word}.post-modal .post-modal-desc{font-size:12px;line-height:1.5;color:#fff;word-break:break-word;transition:max-height .4s ease-in-out;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;line-clamp:5;text-overflow:ellipsis}.post-modal .post-modal-desc-wrapper{position:relative;padding:0}.post-modal .post-modal-desc-wrapper.expanded .post-modal-desc{padding-bottom:0;-webkit-line-clamp:unset;line-clamp:unset}.post-modal .post-modal-desc-ellipsis{display:inline;color:#e0e0e0;font-size:1rem}.post-modal .post-modal-desc-more{display:block;margin-top:20px;background:none;border:none;color:rgba(255,255,255,.5);font-size:12px;cursor:pointer;padding:0;font-weight:500;transition:color .2s;font-family:inherit}.post-modal .post-modal-desc-more:hover{color:rgba(255,255,255,.7)}.post-modal .post-modal-date{color:#FFF;font-family:Space Mono;font-size:12px;font-style:normal;font-weight:700;line-height:normal}.post-modal .post-modal-tags{display:flex;flex-wrap:wrap;gap:8px}.post-modal .post-modal-tag{display:inline-block;padding:6px 12px;border-radius:100px;border:1px solid #507744;background:transparent;color:rgba(255,255,255,.7);font-size:.9rem}.post-modal .post-modal-close{position:absolute;top:42px;right:42px;background:none;border:none;font-size:2.5rem;color:#fff;cursor:pointer;z-index:11;width:50px;height:50px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.post-modal .post-modal-close:hover{transform:scale(1.15)}.post-modal .post-modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;z-index:5;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s;padding:0;transform-origin:center}.post-modal .post-modal-nav:hover{transform:translateY(-50%) scale(1.15)}.post-modal .post-modal-nav:disabled{opacity:.5;cursor:not-allowed}.post-modal .post-modal-nav-left{left:clamp(6px,3vw,40px)}.post-modal .post-modal-nav-right{right:clamp(6px,3vw,40px)}.post-modal .post-modal-info-header{display:flex;justify-content:space-between;align-items:center}.post-modal .post-modal-header{display:flex;flex-direction:column;gap:18px}.post-modal .post-modal-profile{display:flex;align-items:center;gap:8px}.post-modal .post-modal-profile-image{width:30px;height:30px;background-color:#777;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.post-modal .post-modal-profile-image img{width:100%;height:100%;object-fit:contain}.post-modal .post-modal-profile .post-modal-title{margin:0}.post-modal .post-modal-actions{display:flex;gap:10px;position:relative}.post-modal .post-action-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:rgba(255,255,255,.7);font-size:12px;transition:color .2s;padding:0;font-weight:500}.post-modal .post-action-btn-like,.post-modal .post-action-btn-share{cursor:pointer}.post-modal .post-action-btn-like:hover,.post-modal .post-action-btn-share:hover{color:#00ff00}.post-modal .post-modal-comment-input{position:absolute;bottom:0;width:100%;display:flex;gap:8px;padding-top:13px;align-items:center;border-bottom:1px dashed #fff}.post-modal .post-modal-comment-input input{font-family:Space Mono;flex:1 1;color:#fff;padding:10px;font-size:12px;transition:all .2s;height:38px;align-items:center;background:rgba(0,0,0,1);border:none}.post-modal .post-modal-comment-input input::placeholder{color:rgba(255,255,255,.3)}.post-modal .post-modal-comment-input input:focus{border:none;outline:none}.post-modal .comment-submit-btn{background:#000;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s;width:32px;height:32px;color:#FFF;font-family:Space Mono;font-size:12px;font-style:normal;font-weight:400;line-height:normal;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:solid;text-decoration-style:solid;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;text-transform:uppercase;&:hover{transform:scale(1.15)}>svg{width:20px;height:20px}}.post-modal .post-modal-image .swiper{width:100%;aspect-ratio:1}.post-modal .post-modal-image .swiper-slide{display:flex;align-items:flex-start;justify-content:center;padding:0}.post-modal .post-modal-image .swiper-slide img,.post-modal .post-modal-image .swiper-slide video{width:100%;aspect-ratio:1;object-fit:contain}.post-modal .post-modal-image .swiper-scroll-indicator{margin-top:20px;width:100%;z-index:10;padding:8px 0;box-sizing:border-box}.post-modal .post-modal-image .swiper-scroll-track{position:relative;width:100%;height:2px;background-color:rgba(255,255,255,.3);border-radius:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.post-modal .post-modal-image .swiper-scroll-thumb{position:absolute;top:-2.5px;height:7px;background-color:#ffffff;border-radius:0;transition:left .3s ease}.post-more-menu{position:absolute;z-index:10001;box-shadow:0 2px 8px rgba(0,0,0,.3);top:0;display:flex;flex-direction:column;gap:1px}.post-more-menu-item{width:94px;height:34px;padding:10px 12px;display:flex;align-self:stretch;border:none;background:rgba(255,255,255,.8);&:hover{transform:scale(1.05)}}.post-more-mobile-popup{position:fixed;inset:0;z-index:10002;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:none}.post-more-mobile-close{top:20px;right:20px;width:24px;height:24px;background:transparent;border:none;padding:0;cursor:pointer}.post-more-mobile-bar,.post-more-mobile-close{position:absolute;display:flex;align-items:center;justify-content:center}.post-more-mobile-bar{left:0;right:0;bottom:0;height:148px;background:#000;flex-direction:column;gap:8px}.post-more-mobile-item{background:transparent;border:none;color:#FFF;font-family:Pretendard,sans-serif;font-size:17px;font-weight:400;font-style:normal;line-height:150%;cursor:pointer;padding:4px 16px}.post-modal .post-modal-image--desktop{display:flex}.post-modal .post-modal-image--mobile{display:none}@media screen and (max-width:1024px){.post-more-menu{display:none}.post-more-mobile-popup{display:block}.post-modal-overlay{background:#000;align-items:flex-start;justify-content:flex-start}.post-modal{width:100%;height:100%;max-width:100%;max-height:100%;border-radius:0}.post-modal:before{display:none}.post-modal .post-modal--full,.post-modal .post-modal--small{overflow-y:auto;overflow-x:hidden;max-width:100%}.post-modal .post-modal-content{flex-direction:column;padding:0;height:auto;overflow:visible}.post-modal .post-modal-close{position:fixed;top:15px;right:15px;width:24px;height:24px}.post-modal .post-modal-image--desktop{display:none}.post-modal .post-modal-image--mobile{display:block;width:100%;aspect-ratio:255/142;height:auto;margin:0;flex-shrink:0;overflow:hidden}.post-modal .post-modal-image--mobile img,.post-modal .post-modal-image--mobile video{width:100%;height:100%;object-fit:cover}.post-modal .post-modal-info{padding:80px 60px 0;height:auto;overflow:visible;flex:1 1;gap:15px}.post-modal .post-modal-info-wrapper{overflow-y:visible;height:auto;flex:none;margin:0;padding-bottom:100px}.post-modal .post-modal-desc-more{text-align:right;display:block;width:100%;margin-top:4px}.post-modal .post-modal-comment-input{position:fixed;bottom:15px;left:15px;right:15px;width:auto;margin-left:0;background:#000;padding:13px 0 10px 10px;z-index:10}.post-modal .post-modal-comment-input input{background:#000}.post-modal .post-modal-nav{position:fixed;top:50%;transform:translateY(-50%);width:auto;height:auto}.post-modal .post-modal-nav:hover{transform:translateY(-50%) scale(1.15)}.post-modal .post-modal-nav-left{left:15px}.post-modal .post-modal-nav-right{right:15px;left:auto}}