.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,.5);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:100%;max-width:1320px;height:100%;max-height:830px;background:transparent;z-index:10000;display:flex;overflow:hidden;border-radius:5px;background:linear-gradient(242deg,rgba(72,255,0,.2) 3.03%,rgba(72,255,0,0) 21.4%),rgba(28,28,30,.8)}.post-modal.post-modal--full{max-width:660px}.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;background:linear-gradient(242deg,rgba(72,255,0,.2) 3.03%,rgba(72,255,0,0) 21.4%),rgba(28,28,30,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:clamp(20px,7vw,103px) clamp(24px,9vw,128px)}.post-modal .post-modal-image{width:50%;height:100%;border-radius:0;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;box-shadow:none;padding:0;margin-right:40px}.post-modal .post-modal-image img,.post-modal .post-modal-image video{max-width:100%;max-height:100%;object-fit:contain}.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%;overflow-y:hidden}.post-modal .post-modal-info-wrapper{height:calc(100% - 56px);overflow-y:auto;gap:22px;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{font-size:16px;font-family:Special Gothic Expanded One;font-weight:700;color:#00ff00;margin:0;word-break:break-word;letter-spacing:.5px}.post-modal .post-modal-desc{font-size:14px;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:3;-webkit-box-orient:vertical;line-clamp:3;text-overflow:ellipsis}.post-modal .post-modal-desc-wrapper{position:relative;border-top:1px solid rgba(255,255,255,.1);padding:22px 0 44px}.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:12px;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{font-size:12px;color:rgba(255,255,255,.5);margin:-14px 0 0}.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-header{display:flex;flex-direction:column;gap:22px}.post-modal .post-modal-profile{display:flex;align-items:center;gap:8px}.post-modal .post-modal-profile-image{width:30px;height:30px;border-radius:50%;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:24px}.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:20px;border-top:1px solid rgba(255,255,255,.1);align-items:center}.post-modal .post-modal-comment-input input{flex:1 1;color:#fff;padding:7px 20px;font-size:14px;transition:all .2s;height:36px;align-items:center;background:rgba(0,0,0,1);border-radius:100px;border:2px solid rgba(255,255,255,.3);caret-color:#48ff00}.post-modal .post-modal-comment-input input::placeholder{color:rgba(255,255,255,.5)}.post-modal .post-modal-comment-input input:focus{background:rgba(0,0,0,1);border:2px solid #48ff00;outline:none}.post-modal .comment-submit-btn{background:#000;border:2px solid rgba(255,255,255,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s;border-radius:100px;width:36px;height:36px}.post-modal .comment-submit-btn:hover{color:#5fff00;border-color:#5fff00}.post-modal .comment-submit-btn svg{width:20px;height:20px}.post-modal .post-modal-image .swiper{width:100%;height:100%}.post-modal .post-modal-image .swiper-slide{display:flex;align-items:center;justify-content:center;height:100%}.post-modal .post-modal-image .swiper-slide img,.post-modal .post-modal-image .swiper-slide video{max-width:100%;max-height:100%;object-fit:contain}.post-modal .post-modal-image .swiper-button-next-custom,.post-modal .post-modal-image .swiper-button-prev-custom{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .3s ease}.post-modal .post-modal-image .swiper-button-prev-custom{left:16px}.post-modal .post-modal-image .swiper-button-next-custom{right:16px}.post-modal .post-modal-image .swiper-button-next-custom:hover,.post-modal .post-modal-image .swiper-button-prev-custom:hover{opacity:1}