@keyframes loading-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.avatar-placeholder{width:40px;height:40px;border-radius:50%;background:#f0f2f5;position:absolute;top:0;left:0;overflow:hidden;transition:opacity .3s ease}.avatar-placeholder.loading{background:linear-gradient(90deg,#f0f2f5 25%,#e4e6ea 50%,#f0f2f5 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite;opacity:1}.avatar-placeholder.fade-out{opacity:0}.user-avatar{position:relative}.user-avatar img{transition:opacity .3s ease;position:relative;z-index:1}.user-avatar.skeleton-item img{opacity:0}.user-avatar img.fade-in,.user-avatar img[data-immediate-load=user]{opacity:1}.create-post-text{flex-grow:1;text-align:left}.text-placeholder{height:16px;border-radius:8px;background:#f0f2f5;overflow:hidden;width:180px;transition:opacity .3s ease}.text-placeholder.loading{background:linear-gradient(90deg,#f0f2f5 25%,#e4e6ea 50%,#f0f2f5 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite;opacity:1}.text-placeholder.fade-out{opacity:0}.or-create-post-input-placeholder{position:relative}.or-create-post-input-placeholder .text-placeholder{position:absolute;top:50%;left:16px;transform:translateY(-50%);margin:0}.or-create-post-input-placeholder span{opacity:0;transition:opacity .3s ease;display:block;position:relative;z-index:1}.or-create-post-input-placeholder span.fade-in{opacity:1}.skeleton-container.content-loaded .text-placeholder{display:none!important}.skeleton-container.content-loaded .avatar-placeholder{display:none!important}.skeleton-container.content-loaded .skeleton-content{display:block!important;opacity:1!important}#comment-input-bar.content-loaded #comment-text-skeleton,#create-post-bar.content-loaded #create-post-text-skeleton{display:none!important}#comment-input-bar.content-loaded #comment-placeholder-text,#create-post-bar.content-loaded #create-post-text{display:block!important;opacity:1!important}#comment-input-bar.content-loaded #comment-avatar-skeleton,#create-post-bar.content-loaded #create-post-avatar-skeleton{display:none!important}#comment-input-bar.content-loaded #comment-avatar-img,#create-post-bar.content-loaded #create-post-user-avatar-img{display:block!important;opacity:1!important}.skeleton-item.loaded .avatar-placeholder{display:none!important}.skeleton-item.loaded .skeleton-content,.skeleton-item.loaded img{display:block!important;opacity:1!important}@media (max-width:768px){.text-placeholder{width:140px;height:14px}.or-create-post-input-placeholder{height:40px}}#user-profile-container{width:140px;display:flex;justify-content:flex-end}#user-profile-container.hide,#user-profile-login-container.hide{display:none}#user-name-container{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#user-name-container .username{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#user-name-container .text-placeholder{width:80px;height:16px;border-radius:4px}#user-avatar .avatar-placeholder{width:32px;height:32px}@media (max-width:768px){#user-profile-container{width:48px}#user-name-container .text-placeholder{width:60px;height:14px}#user-avatar .avatar-placeholder{width:28px;height:28px}}.nav-loading{padding:0;margin:0}.nav-skeleton{display:flex;flex-direction:column;gap:8px;padding:0;margin:0}.nav-skeleton .skeleton-item{height:40px;border-radius:6px;background:#f0f2f5;overflow:hidden;position:relative;display:flex;align-items:center;padding:8px 12px}.nav-skeleton .skeleton-item,.nav-skeleton .skeleton-item.loading{background:linear-gradient(90deg,#f0f2f5 25%,#e4e6ea 50%,#f0f2f5 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite}.nav-skeleton .skeleton-item::before{content:'';width:24px;height:24px;border-radius:4px;background:rgba(255,255,255,.6);margin-right:8px;flex-shrink:0}.nav-skeleton .skeleton-item::after{content:'';height:12px;width:80px;border-radius:6px;background:rgba(255,255,255,.6);flex-grow:1;max-width:120px}[data-nav-communities=user] .nav-loading{display:block}[data-nav-communities=user].loaded .nav-loading{display:none}@media (max-width:768px){.nav-skeleton .skeleton-item{height:36px;padding:6px 10px}.nav-skeleton .skeleton-item::before{width:20px;height:20px}.nav-skeleton .skeleton-item::after{height:10px;width:60px;max-width:100px}}.or-post-item-skeleton{background:#fff;border-radius:1em;border:1px solid var(--block-border-color);margin-bottom:16px;box-shadow:0 1px 3px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.08);padding:16px;overflow:hidden}.or-post-item-skeleton .skeleton-meta-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.or-post-item-skeleton .skeleton-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(90deg,#f0f2f5 25%,#e4e6ea 50%,#f0f2f5 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite;flex-shrink:0}.or-post-item-skeleton .skeleton-meta-text{display:flex;flex-direction:column;gap:4px}.or-post-item-skeleton .skeleton-line{height:12px;border-radius:6px;background:linear-gradient(90deg,#f0f2f5 25%,#e4e6ea 50%,#f0f2f5 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite}.or-post-item-skeleton .skeleton-meta-text .skeleton-line:first-child{width:120px}.or-post-item-skeleton .skeleton-meta-text .skeleton-line:last-child{width:80px}.or-post-item-skeleton .skeleton-title{margin-bottom:12px}.or-post-item-skeleton .skeleton-title .skeleton-line{height:20px;margin-bottom:8px}.or-post-item-skeleton .skeleton-title .skeleton-line:first-child{width:90%}.or-post-item-skeleton .skeleton-title .skeleton-line:last-child{width:60%}.or-post-item-skeleton .skeleton-body .skeleton-line{margin-bottom:6px;height:14px}.or-post-item-skeleton .skeleton-body .skeleton-line:first-child{width:100%}.or-post-item-skeleton .skeleton-body .skeleton-line:nth-child(2){width:95%}.or-post-item-skeleton .skeleton-body .skeleton-line:nth-child(3){width:85%}.or-post-item-skeleton .skeleton-body .skeleton-line:nth-child(4){width:70%}@media (max-width:768px){.or-post-item-skeleton{padding:12px}.or-post-item-skeleton .skeleton-title .skeleton-line{height:18px}.or-post-item-skeleton .skeleton-body .skeleton-line{height:13px}}