*,:before,:after{box-sizing:border-box}img{max-width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.post{background:#fff;border-radius:10px;width:100%;margin:14px 0;position:relative;overflow:hidden;box-shadow:0 0 12px -6px #00000080}.post-wrapper{padding:10px 12px 0}.post-top{justify-content:space-between;align-items:center;display:flex}.post-top-left{align-items:center;display:flex}.post-profile-img{object-fit:cover;border-radius:50%;width:32px;height:32px}.post-user-name{margin:0 10px;font-size:15px;font-weight:500}.post-links{color:#000;text-decoration:none}.post-links:visited{text-decoration:none}.post-date{color:#65676b;font-size:12px}.post-top-right{cursor:pointer;color:#65676b;align-items:center;display:flex;position:relative}.post-menu-trigger{border-radius:50%;padding:4px;transition:background .12s}.post-menu-trigger:hover{background:#f0f2f5}.post-menu{z-index:100;background:#fff;border-radius:10px;min-width:160px;padding:4px 0;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 20px #0003}.post-menu-item{cursor:pointer;color:#050505;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:15px;font-weight:500;transition:background .12s;display:flex}.post-menu-item:hover{background:#f0f2f5}.post-menu-item--danger{color:#e41e3f}.post-center{margin:10px 0 8px}.post-tags{color:#65676b;margin:4px 0 2px;font-size:14px}.post-tags-label{color:#65676b}.post-tag-link{color:#1877f2;font-weight:600;text-decoration:none}.post-tag-link:hover{text-decoration:underline}.post-location{color:#65676b;align-items:center;gap:4px;margin:4px 0 2px;font-size:13px;display:flex}.post-img{object-fit:contain;width:100%;max-height:360px;margin-top:10px}.post-bottom{background:#f0f2f5;border-top:1px solid #e4e6eb;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.post-comments-section{background:#fff;border-top:1px solid #e4e6eb;padding:0 12px 10px}.post-bottom-left{align-items:center;display:flex}@keyframes like-pop{0%{transform:scale(1)}35%{transform:scale(1.5)}65%{transform:scale(.85)}to{transform:scale(1)}}.like-icon{cursor:pointer;opacity:.6;border-radius:20px;align-items:center;margin-right:4px;padding:4px 7px;font-size:22px;line-height:1;transition:transform .15s,background .2s,filter .2s;display:inline-flex}.like-icon:hover{opacity:1;background:#1877f21a;transform:scale(1.15)}.like-icon.liked-active{opacity:1;filter:drop-shadow(0 0 5px #1877f28c);background:#1877f22e;transform:scale(1.08)}.like-icon.like-pop{animation:.35s like-pop}.heart-icon{cursor:pointer;opacity:.6;border-radius:20px;align-items:center;margin-right:4px;padding:4px 7px;font-size:22px;line-height:1;transition:transform .15s,background .2s,filter .2s;display:inline-flex}.heart-icon:hover{opacity:1;background:#e600461a;transform:scale(1.15)}.heart-icon.liked-active{opacity:1;filter:drop-shadow(0 0 5px #e6004680);background:#e6004626;transform:scale(1.08)}.heart-icon.like-pop{animation:.35s like-pop}.post-like-counter{font-size:15px}.post-comment-text{cursor:pointer;border-bottom:1px dashed gray;font-size:15px}.post-edit-overlay{z-index:9999;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.post-edit-modal{background:#fff;border-radius:12px;width:500px;max-width:100%;box-shadow:0 8px 40px #0000004d}.post-edit-header{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.post-edit-header h3{color:#050505;font-size:18px;font-weight:700}.post-edit-close{cursor:pointer;color:#65676b;background:#e4e6e9;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.post-edit-close:hover{background:#d8dadf}.post-edit-form{flex-direction:column;gap:12px;padding:14px 16px;display:flex}.post-edit-textarea{resize:vertical;box-sizing:border-box;border:1px solid #ccd0d5;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:16px}.post-edit-textarea:focus{border-color:#1877f2}.post-edit-actions{justify-content:flex-end;gap:8px;display:flex}.post-edit-cancel{cursor:pointer;color:#050505;background:#e4e6e9;border:none;border-radius:8px;padding:8px 18px;font-size:15px;font-weight:600}.post-edit-cancel:hover{background:#d8dadf}.post-edit-save{cursor:pointer;color:#fff;background:#1877f2;border:none;border-radius:8px;padding:8px 18px;font-size:15px;font-weight:700}.post-edit-save:hover{background:#166fe5}@media (width<=600px){.post-wrapper{padding:8px 10px 0}.post-img{max-height:260px}.post-edit-overlay{align-items:flex-end;padding:0}.post-edit-modal{border-radius:16px 16px 0 0;width:100%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5 50%,#e8e8e8 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s infinite shimmer}.spinner{border:3px solid #e4e6eb;border-top-color:#1877f2;border-radius:50%;flex-shrink:0;width:36px;height:36px;animation:.8s linear infinite spin}.spinner--sm{border-width:2px;width:20px;height:20px}.spinner--lg{border-width:4px;width:52px;height:52px}.spinner-container{justify-content:center;align-items:center;padding:24px;display:flex}.spinner-container--fullpage{z-index:9999;background:#f0f2f5;flex-direction:column;gap:16px;position:fixed;inset:0}.spinner-container--fullpage .spinner-label{color:#65676b;font-size:15px;font-weight:500}.post-skeleton{background:#fff;border-radius:10px;margin-bottom:15px;padding:16px;box-shadow:0 0 5px #0000001a}.post-skeleton__header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.post-skeleton__avatar{border-radius:50%;flex-shrink:0;width:40px;height:40px}.post-skeleton__meta{flex-direction:column;flex:1;gap:6px;display:flex}.post-skeleton__name{width:130px;height:14px}.post-skeleton__date{width:80px;height:10px}.post-skeleton__text-1{width:100%;height:14px;margin-bottom:8px}.post-skeleton__text-2{width:68%;height:14px;margin-bottom:16px}.post-skeleton__image{border-radius:8px;width:100%;height:280px;margin-bottom:16px}.post-skeleton__actions{gap:20px;display:flex}.post-skeleton__actions-btn{width:90px;height:12px}.story-skeleton-bar{gap:10px;display:flex;overflow:hidden}.story-skeleton{border-radius:12px;flex-shrink:0;width:115px;height:200px}.conversation-skeleton{align-items:center;gap:14px;padding:10px;display:flex}.conversation-skeleton__avatar{border-radius:50%;flex-shrink:0;width:40px;height:40px}.conversation-skeleton__name{border-radius:4px;flex:1;height:14px}.profile-header-skeleton__cover{border-radius:0;width:100%;height:250px}.profile-header-skeleton__avatar{z-index:1;border:4px solid #fff;border-radius:50%;width:150px;height:150px;margin:-75px auto 12px;display:block;position:relative}.profile-header-skeleton__info{flex-direction:column;align-items:center;gap:10px;padding-bottom:16px;display:flex}.profile-header-skeleton__name{border-radius:4px;width:200px;height:24px}.profile-header-skeleton__bio{border-radius:4px;width:260px;height:14px}.profile-header-skeleton__btn{border-radius:8px;width:120px;height:36px;margin-top:4px}.rightbar-skeleton__item{align-items:center;gap:12px;margin-bottom:16px;display:flex}.rightbar-skeleton__item-avatar{border-radius:50%;flex-shrink:0;width:40px;height:40px}.rightbar-skeleton__item-name{border-radius:4px;flex:1;height:14px}.notif-skeleton__item{border-bottom:1px solid #f0f2f5;align-items:center;gap:12px;padding:10px 12px;display:flex}.notif-skeleton__item-avatar{border-radius:50%;flex-shrink:0;width:44px;height:44px}.notif-skeleton__item-content{flex-direction:column;flex:1;gap:6px;display:flex}.notif-skeleton__item-text{border-radius:4px;height:14px}.notif-skeleton__item-time{border-radius:4px;width:70px;height:10px}.post-author-skeleton{align-items:center;gap:10px;display:flex}.post-author-skeleton__avatar{border-radius:50%;flex-shrink:0;width:40px;height:40px}.post-author-skeleton__meta{flex-direction:column;gap:5px;display:flex}.post-author-skeleton__name{border-radius:4px;width:110px;height:13px}.post-author-skeleton__date{border-radius:4px;width:70px;height:10px}.messages-loading{color:#65676b;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;font-size:14px;display:flex}.comments-section{padding-top:12px}.comment-form{align-items:center;gap:8px;margin-bottom:12px;display:flex}.comment-input-wrapper{background:#f0f2f5;border-radius:20px;flex:1;align-items:center;padding:6px 12px;display:flex}.comment-input{background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.comment-input::placeholder{color:#65676b}.comment-send-btn{cursor:pointer;color:#1877f2;background:0 0;border:none;border-radius:50%;align-items:center;padding:2px;display:flex}.comment-send-btn:hover:not(:disabled){background:#e4e6e9}.comment-send-btn:disabled{color:#bcc0c4;cursor:default}.comment-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.comment-list{flex-direction:column;gap:8px;display:flex}.comment-item{align-items:flex-start;gap:8px;display:flex}.comment-body{flex:1}.comment-bubble{background:#f0f2f5;border-radius:18px;max-width:100%;padding:8px 12px;display:inline-block}.comment-username{color:#050505;margin-bottom:2px;font-size:13px;font-weight:600;text-decoration:none;display:block}.comment-username:hover{text-decoration:underline}.comment-text{color:#050505;word-break:break-word;margin:0;font-size:14px}.comment-actions{align-items:center;gap:12px;margin-top:4px;padding-left:4px;display:flex}.comment-time{color:#65676b;font-size:11px}@keyframes comment-like-pop{0%{transform:scale(1)}35%{transform:scale(1.55)}65%{transform:scale(.85)}to{transform:scale(1)}}.comment-like-btn{cursor:pointer;color:#65676b;background:0 0;border:none;border-radius:4px;align-items:center;gap:3px;padding:2px 4px;font-size:12px;font-weight:600;display:flex}.comment-like-btn:hover{color:#1877f2;background:#f0f2f5}.comment-like-btn.liked{color:#1877f2}.comment-like-btn.pop{animation:.32s comment-like-pop}.comment-delete-btn{cursor:pointer;color:#65676b;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px 4px;font-size:12px;display:flex}.comment-delete-btn:hover{color:#e41e3f;background:#f0f2f5}.share{background:#fff;border-radius:10px;width:100%;position:relative;overflow:hidden;box-shadow:0 0 16px -8px #000000ad}.share-loading-overlay{z-index:10;background:#ffffffd1;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.share-loading-overlay span{color:#1877f2;font-size:14px;font-weight:600}@keyframes share-spin{to{transform:rotate(360deg)}}.share-loading-spinner{border:4px solid #e4e6e9;border-top-color:#1877f2;border-radius:50%;width:36px;height:36px;animation:.75s linear infinite share-spin}.share-wrapper--disabled{pointer-events:none;opacity:.6}.share-wrapper{padding:10px}.share-top{align-items:flex-start;gap:10px;display:flex}.share-profile-pic{object-fit:cover;border-radius:50%;flex-shrink:0;width:50px;height:50px}.share-input{resize:none;color:#050505;background:#f0f2f5;border:none;border-radius:20px;outline:none;width:100%;min-height:44px;padding:12px;font-family:inherit;font-size:15px;line-height:1.4}.share-input::placeholder{color:#65676b}.share-tags{flex-wrap:wrap;gap:6px;padding:6px 10px 0;display:flex}.share-tag{color:#1877f2;background:#e7f3ff;border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:13px;font-weight:600;display:inline-flex}.share-tag-remove{cursor:pointer;color:#1877f2;background:0 0;border:none;padding:0 2px;font-size:15px;line-height:1}.share-tag-remove:hover{color:#e41e3f}.share-location-display{color:#65676b;align-items:center;gap:6px;padding:6px 10px 0;font-size:14px;display:flex}.share-location-display span{flex:1}.share-location-clear{cursor:pointer;color:#65676b;background:0 0;border:none;align-items:center;padding:0;display:flex}.share-location-clear:hover{color:#e41e3f}.share-location-input{background:#f0f2f5;border-radius:20px;align-items:center;gap:8px;margin:8px 10px 0;padding:8px 12px;display:flex}.share-location-input input{background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.share-location-done{color:#fff;cursor:pointer;white-space:nowrap;background:#1877f2;border:none;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:600}.share-location-done:hover{background:#166fe5}.share-tag-panel{background:#fff;border:1px solid #e4e6e9;border-radius:10px;margin:8px 10px 0;overflow:hidden}.share-tag-search{background:#f0f2f5;border-bottom:1px solid #f0f2f5;align-items:center;gap:8px;padding:8px 12px;display:flex}.share-tag-search input{background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.share-tag-list{max-height:180px;margin:0;padding:0;list-style:none;overflow-y:auto}.share-tag-item{cursor:pointer;align-items:center;gap:10px;padding:8px 12px;font-size:14px;font-weight:500;transition:background .12s;display:flex}.share-tag-item:hover{background:#f2f4f7}.share-tag-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.share-tag-empty{text-align:center;color:#65676b;padding:12px;font-size:14px}.share-emoji-picker{border-radius:10px;margin:8px 10px 0;overflow:hidden}.share-error{color:#e41e3f;text-align:center;margin:6px 10px 0;font-size:13px}.share-horizontal-line{border:none;border-top:1px solid #e4e6e9;margin:12px 10px}.share-bottom{justify-content:space-between;align-items:center;display:flex}.share-options{flex-wrap:wrap;gap:4px;margin-left:10px;display:flex}.share-option{cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:6px 8px;transition:background .12s;display:flex}.share-option:hover{background:#f0f2f5}.share-option.share-option--active{background:#e7f3ff}.share-option.share-option--active .share-option-text{color:#1877f2}.share-option-text{color:#65676b;font-size:13px;font-weight:500}.share-Icon{font-size:18px}.share-button{color:#fff;cursor:pointer;white-space:nowrap;background-color:#1877f2;border:none;border-radius:6px;align-items:center;gap:6px;margin-right:10px;padding:7px 16px;font-size:14px;font-weight:600;transition:background .12s;display:flex}.share-button:hover:not(:disabled){background-color:#166fe5}.share-button:disabled{opacity:.75;cursor:not-allowed}@keyframes share-btn-spin{to{transform:rotate(360deg)}}.share-btn-spinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:13px;height:13px;animation:.65s linear infinite share-btn-spin;display:inline-block}.share-option--disabled{opacity:.5;cursor:not-allowed}#file{display:none}.share-container{padding:0 10px 10px;position:relative}.share-image{object-fit:cover;border-radius:8px;width:100%}.share-cancel-image{cursor:pointer;opacity:.7;background:#fff;border-radius:50%;position:absolute;top:4px;right:14px}.share-cancel-image:hover{opacity:1}.share-image-size{color:#fff;background:#0000008c;border-radius:10px;padding:2px 7px;font-size:11px;font-weight:600;position:absolute;bottom:14px;right:14px}@media (width<=600px){.share-options{gap:2px;margin-left:4px}.share-option-text{display:none}.share-option{padding:6px}.share-button{margin-right:6px;padding:7px 12px}}.stories-bar{scrollbar-width:none;gap:10px;padding:12px 0;display:flex;overflow-x:auto}.stories-bar::-webkit-scrollbar{display:none}.story-card{cursor:pointer;border-radius:12px;flex:0 0 110px;height:190px;transition:transform .15s;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000026}.story-card:hover{transform:scale(1.03)}.story-card-bg{object-fit:cover;width:100%;height:100%}.story-text-bg{background:linear-gradient(135deg,#1877f2,#42b883);justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex}.story-text-bg span{color:#fff;text-align:center;font-size:13px;font-weight:600}.story-card-avatar{object-fit:cover;border:3px solid #1877f2;border-radius:50%;width:36px;height:36px;position:absolute;top:10px;left:10px}.story-card-name{text-align:center;color:#fff;text-shadow:0 1px 3px #000000b3;white-space:nowrap;text-overflow:ellipsis;padding:0 4px;font-size:12px;font-weight:600;position:absolute;bottom:10px;left:0;right:0;overflow:hidden}.story-card-count{color:#fff;background:#1877f2;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex;position:absolute;top:10px;right:10px}.story-add-card .story-card-bg{filter:brightness(.6)}.story-add-btn{color:#fff;background:#1877f2;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.story-add-btn svg{font-size:20px}.story-viewer-overlay{z-index:10000;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.story-viewer{background:#111;border-radius:14px;flex-direction:column;width:360px;height:90vh;max-height:640px;display:flex;position:relative;overflow:hidden}.story-progress-bars{z-index:1;gap:3px;padding:10px 10px 0;display:flex}.story-progress-track{background:#ffffff59;border-radius:3px;flex:1;height:3px;overflow:hidden}.story-progress-fill{background:#fff;border-radius:3px;width:0;height:100%}.story-progress-fill.complete{width:100%}.story-progress-fill.active{width:0;animation:5s linear forwards storyProgress}@keyframes storyProgress{0%{width:0}to{width:100%}}.story-viewer-header{z-index:2;align-items:center;gap:8px;padding:10px;display:flex;position:absolute;top:22px;left:0;right:0}.story-viewer-avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;width:36px;height:36px}.story-viewer-name{color:#fff;text-shadow:0 1px 3px #0009;flex:1;font-size:14px;font-weight:600}.story-viewer-close{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.story-viewer-close:hover{background:#ffffff26}.story-viewer-content{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.story-viewer-img{object-fit:contain;width:100%;height:100%}.story-viewer-text-only{background:linear-gradient(135deg,#1877f2,#42b883);justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex}.story-viewer-text-only p{color:#fff;text-align:center;font-size:22px;font-weight:700;line-height:1.4}.story-viewer-desc{text-align:center;color:#fff;text-shadow:0 1px 4px #000c;padding:0 16px;font-size:14px;font-weight:500;position:absolute;bottom:16px;left:0;right:0}.story-nav{color:#fff;cursor:pointer;z-index:5;background:#ffffff40;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding-bottom:2px;font-size:32px;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.story-nav:hover{background:#ffffff73}.story-nav-prev{left:8px}.story-nav-next{right:8px}.story-create-overlay{z-index:9999;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.story-create-modal{background:#fff;border-radius:14px;width:400px;max-width:95vw;padding:20px;box-shadow:0 8px 32px #0000004d}.story-create-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.story-create-header h3{font-size:18px;font-weight:700}.story-create-header button{cursor:pointer;color:#65676b;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.story-create-header button:hover{background:#f0f2f5}.story-create-preview{background:#f0f2f5;border-radius:10px;width:100%;height:220px;margin-bottom:12px;overflow:hidden}.story-create-preview-img{object-fit:cover;width:100%;height:100%}.story-create-placeholder{cursor:pointer;color:#65676b;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.story-create-placeholder:hover{background:#e4e6e9}.story-create-placeholder span{font-size:15px;font-weight:600}.story-change-photo-btn{cursor:pointer;color:#050505;background:#e4e6e9;border:none;border-radius:8px;width:100%;margin-bottom:10px;padding:8px;font-size:14px;font-weight:600;display:block}.story-change-photo-btn:hover{background:#d8dadf}.story-create-desc{resize:none;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;height:70px;margin-bottom:12px;padding:10px;font-family:inherit;font-size:14px}.story-create-desc:focus{border-color:#1877f2}.story-create-submit{color:#fff;cursor:pointer;background:#1877f2;border:none;border-radius:8px;width:100%;padding:10px;font-size:15px;font-weight:700}.story-create-submit:hover:not(:disabled){background:#166fe5}.story-create-submit:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.story-card{flex:0 0 90px;height:155px}.story-card-avatar{width:30px;height:30px}.story-viewer{border-radius:0;width:100vw;height:100vh;max-height:100vh}.story-create-modal{border-radius:0;width:100%;max-width:100%;height:100vh;overflow-y:auto}}.news-feed{flex:5.5;min-width:0}.news-feed-wrapper{padding:20px}.no-posts-yet{margin-top:15px}@media (width<=900px){.news-feed{flex:1}.news-feed-wrapper{padding:10px}}.side-bar{flex:3;height:calc(100vh - 50px);position:sticky;top:50px;overflow-y:scroll}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background-color:#f1f1f1}::-webkit-scrollbar-thumb{background-color:#b3b3b3}.side-bar-wrapper{padding:20px}.side-bar-list{margin:0;padding:0;list-style:none}.side-bar-list-item{cursor:pointer;align-items:center;margin-bottom:20px;display:flex}.side-bar-list-item:hover{color:#1877f2}.side-bar-icon{margin-right:15px}.side-bar-horizontal-line{border:none;border-top:1px solid #e4e6e9;margin:20px 0}.side-bar-friends-title{color:#65676b;text-transform:uppercase;letter-spacing:.4px;margin:0 0 12px;font-size:13px;font-weight:700}.side-bar-friend-list{margin:0;padding:0;list-style:none}.side-bar-friend{margin-bottom:4px}.side-bar-friend-link{color:#050505;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;text-decoration:none;transition:background .12s;display:flex}.side-bar-friend-link:hover{background:#f0f2f5}.side-bar-friend-img{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.side-bar-friend-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}@media (width<=900px){.side-bar{display:none}}.right-bar-friend{align-items:center;margin-bottom:15px;display:flex}.right-bar-profile-img{margin-right:10px;position:relative}.profile-img{object-fit:cover;border-radius:50%;width:40px;height:40px}.right-bar-online{background-color:#32cd32;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;right:0}.right-bar-user-name{font-weight:500}.right-bar{flex:3.5;height:calc(100vh - 50px);position:sticky;top:50px;overflow-y:auto}.right-bar::-webkit-scrollbar{display:none}.right-bar-wrapper{padding:20px 20px 20px 10px}.right-bar-title{color:#050505;align-items:center;margin-bottom:14px;font-size:16px;font-weight:600;display:flex}.right-bar-friend-list{margin:0;padding:0;list-style:none}.right-bar-no-friends{color:#65676b;padding:8px 0;font-size:14px}.right-bar-info{background:#f7f8fa;border-radius:12px;margin-bottom:24px;padding:12px 14px}.right-bar-info-item{border-bottom:1px solid #e4e6e9;align-items:flex-start;gap:10px;padding:8px 0;display:flex}.right-bar-info-item:last-child{border-bottom:none;padding-bottom:0}.right-bar-info-icon{color:#1877f2;flex-shrink:0;margin-top:1px;font-size:20px!important}.right-bar-info-text{flex-direction:column;gap:1px;display:flex}.right-bar-info-key{color:#65676b;text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:700}.right-bar-info-value{color:#050505;font-size:14px;font-weight:500}.right-bar-info-empty{color:#65676b;margin:0;padding:4px 0;font-size:14px}.right-bar-followings{scroll-snap-type:x mandatory;flex-wrap:nowrap;gap:12px;margin-bottom:20px;padding-bottom:10px;display:flex;overflow-x:auto}.right-bar-followings::-webkit-scrollbar{height:4px}.right-bar-followings::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.right-bar-followings::-webkit-scrollbar-thumb{background:#bcc0c4;border-radius:4px}.right-bar-following-link{color:inherit;scroll-snap-align:start;flex-shrink:0;text-decoration:none}.right-bar-following{cursor:pointer;flex-direction:column;align-items:center;gap:5px;width:70px;display:flex}.right-bar-following:hover .right-bar-following-name{color:#1877f2}.right-bar-following-img{object-fit:cover;border:2px solid #e4e6e9;border-radius:10px;width:60px;height:60px;transition:border-color .12s}.right-bar-following-link:hover .right-bar-following-img{border-color:#1877f2}.right-bar-following-name{color:#050505;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:12px;font-weight:500;transition:color .12s;overflow:hidden}.right-bar-action-buttons{flex-wrap:wrap;gap:8px;margin-top:10px;margin-bottom:16px;display:flex}.right-bar-follow-button{color:#fff;cursor:pointer;background-color:#1877f2;border:none;border-radius:8px;outline:none;align-items:center;gap:4px;padding:8px 16px;font-size:15px;font-weight:600;transition:background .12s;display:flex}.right-bar-follow-button:hover{background:#166fe5}.right-bar-message-button{color:#050505;cursor:pointer;background-color:#e4e6eb;border:none;border-radius:8px;outline:none;align-items:center;gap:4px;padding:8px 16px;font-size:15px;font-weight:600;transition:background .12s;display:flex}.right-bar-message-button:hover{background:#d8dadf}.right-bar-message-error{color:#e53935;margin:-8px 0 12px;font-size:13px;font-weight:500}@media (width<=900px){.right-bar{display:none}}.topBarContainer{z-index:999;background-color:#1877f2;align-items:center;width:100%;height:50px;display:flex;position:sticky;top:0}.topBarLeft{flex:3;align-items:center;gap:4px;margin-left:20px;display:flex}.topbar-logo-link{cursor:pointer;align-items:center;text-decoration:none;display:flex}.topbar-logo-text{color:#fff;-webkit-user-select:none;user-select:none;font-size:24px;font-weight:700}.topbar-svg-logo{flex-shrink:0;width:36px;height:36px;display:none}.topBarCenter{flex:5;position:relative}.topBarCenter .searchBar{cursor:text;background-color:#fff;border-radius:30px;align-items:center;width:100%;height:30px;display:flex}.topBarCenter .searchIcon{cursor:pointer;color:#65676b;flex-shrink:0;margin-left:10px;font-size:20px!important}.topBarCenter .searchInput{cursor:text;background:0 0;border:none;outline:none;flex:1;min-width:0;margin-left:10px;font-size:14px}.topBarCenter .search-clear-btn{cursor:pointer;color:#65676b;background:#e4e6e9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-right:6px;font-size:11px;display:flex}.topBarCenter .search-clear-btn:hover{background:#d8dadf}.topbar-search-dropdown{z-index:1000;background:#fff;border-radius:12px;max-height:400px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden auto;box-shadow:0 4px 24px #00000038}.topbar-search-loading,.topbar-search-empty{color:#65676b;text-align:center;padding:14px 16px;font-size:14px}.topbar-search-section{padding:6px 0}.topbar-search-section-title{color:#65676b;text-transform:uppercase;letter-spacing:.5px;padding:4px 14px 2px;font-size:12px;font-weight:700}.topbar-search-item{color:#050505;cursor:pointer;align-items:center;gap:10px;padding:8px 14px;text-decoration:none;transition:background .12s;display:flex}.topbar-search-item:hover{background:#f2f4f7}.topbar-search-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.topbar-search-name{font-size:15px;font-weight:500}.topbar-search-post{color:#444}.topbar-search-post-icon{color:#65676b;flex-shrink:0;width:20px;height:20px}.topbar-search-post-desc{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.topBarRight{color:#fff;flex:4;justify-content:space-around;align-items:center;display:flex}.topBarLinks{align-items:center;display:flex}.topBarLink{cursor:pointer;color:#fff;margin-right:10px;font-size:14px;font-weight:500;text-decoration:none}.topBarLink:hover{text-decoration:underline}.topBarIcons{display:flex}.topBarIcons .topBarIconItem{cursor:pointer;color:#fff;align-items:center;margin-right:15px;display:flex;position:relative}.topBarIcons .topBarIconItem .topBarIconBadge{color:#fff;background-color:red;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;padding:2px;font-size:12px;display:flex;position:absolute;top:-5px;right:-5px}.topbar-icon-link{color:#fff;align-items:center;text-decoration:none;display:flex;position:relative}.topbar-icon-svg{color:#fff;width:24px;height:24px}.topBarImg{object-fit:cover;cursor:pointer;border:2px solid #fff9;border-radius:50%;flex-shrink:0;width:32px;height:32px}.topBarProfileWrapper{position:relative}.topBarProfileMenu{z-index:1001;background:#fff;border-radius:10px;width:240px;padding:8px 0;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 4px 24px #00000038}.topBarProfileMenuItem{color:#050505;align-items:center;gap:10px;padding:10px 14px;text-decoration:none;transition:background .12s;display:flex}.topBarProfileMenuItem:hover{background:#f2f4f7}.topBarProfileMenuAvatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.topBarProfileMenuInfo{flex-direction:column;display:flex}.topBarProfileMenuName{color:#050505;font-size:15px;font-weight:700}.topBarProfileMenuSub{color:#65676b;font-size:12px}.topBarProfileMenuDivider{border:none;border-top:1px solid #e4e6e9;margin:6px 0}.topBarProfileMenuLogout{text-align:left;color:#050505;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 14px;font-size:15px;font-weight:500;transition:background .12s}.topBarProfileMenuLogout:hover{background:#f2f4f7}@media (width<=900px){.topBarLinks{display:none}.topBarLeft{flex:2}.topBarCenter{flex:6}.topBarRight{flex:3}}@media (width<=600px){.topBarLeft{flex:none;margin-left:6px}.topbar-logo-text{display:none}.topbar-svg-logo{display:block}.topBarCenter{flex:1;min-width:0}.topBarCenter .searchBar{height:28px}.topBarCenter .searchInput{width:50%;font-size:13px}.topBarRight{flex:none;justify-content:flex-end;gap:2px;padding-right:6px}.topBarIcons .topBarIconItem{margin-right:6px}.topBarProfileWrapper{flex-shrink:0}.topBarProfileMenu{width:200px;right:-8px}.topBarImg{width:30px;height:30px}}.notif-dropdown{z-index:1000;background:#fff;border-radius:12px;flex-direction:column;width:360px;max-height:480px;display:flex;position:absolute;top:54px;right:0;overflow:hidden;box-shadow:0 4px 24px #00000038}.notif-header{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.notif-header h3{color:#050505;font-size:20px;font-weight:700}.notif-header button{cursor:pointer;color:#65676b;background:#e4e6e9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.notif-header button:hover{background:#d8dadf}.notif-empty{color:#65676b;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.notif-empty p{margin-top:10px;font-size:15px}.notif-list{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.notif-item{align-items:center;padding:0 14px 0 0;transition:background .15s;display:flex;position:relative}.notif-item:hover{background:#f2f4f7}.notif-item.unread{background:#eaf0fb}.notif-item.unread:hover{background:#dce8f9}.notif-item-link{color:inherit;flex:1;align-items:center;gap:10px;padding:10px 0 10px 14px;text-decoration:none;display:flex}.notif-avatar-wrapper{width:48px;height:48px;position:relative}.notif-avatar{object-fit:cover;border-radius:50%;width:48px;height:48px}.notif-type-icon{color:#fff;border-radius:50%;padding:3px;position:absolute;bottom:-2px;right:-4px;width:20px!important;height:20px!important;font-size:12px!important}.notif-type-icon.notif-like{background:#1877f2}.notif-type-icon.notif-comment{background:#42b883}.notif-type-icon.notif-follow{background:#e41e3f}.notif-content{flex:1;min-width:0}.notif-text{color:#050505;margin:0 0 3px;font-size:14px;line-height:1.4}.notif-time{color:#65676b;font-size:12px}.notif-unread-dot{background:#1877f2;border-radius:50%;flex-shrink:0;width:10px;height:10px}@media (width<=768px){.notif-dropdown{width:100%;height:calc(100vh - 52px);max-height:unset;border-bottom:none;border-radius:0;position:fixed;top:52px;left:0;right:0}.notif-list{flex:1;overflow-y:auto}}.friends-dd{z-index:1000;background:#fff;border-radius:12px;flex-direction:column;width:340px;max-height:480px;display:flex;position:absolute;top:54px;right:0;overflow:hidden;box-shadow:0 4px 24px #00000038}.friends-dd-header{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.friends-dd-header h3{color:#050505;font-size:20px;font-weight:700}.friends-dd-close{cursor:pointer;color:#65676b;background:#e4e6e9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.friends-dd-close:hover{background:#d8dadf}.friends-dd-tabs{border-bottom:1px solid #f0f2f5;gap:4px;padding:8px 10px 0;display:flex}.friends-dd-tab{cursor:pointer;color:#65676b;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:15px;font-weight:600;transition:background .12s;display:flex}.friends-dd-tab:hover{background:#f0f2f5}.friends-dd-tab.active{color:#1877f2;background:#e7f0fd}.friends-dd-badge{color:#fff;background:#e41e3f;border-radius:10px;padding:1px 6px;font-size:11px;font-weight:700}.friends-dd-badge--gray{background:#65676b}.friends-dd-body{flex:1;overflow-y:auto}.friends-dd-empty{color:#65676b;flex-direction:column;justify-content:center;align-items:center;padding:32px 20px;display:flex}.friends-dd-empty p{margin-top:10px;font-size:15px}.friends-dd-list{margin:0;padding:6px 0;list-style:none}.friends-dd-item{align-items:center;gap:10px;padding:8px 14px;transition:background .12s;display:flex}.friends-dd-item:hover{background:#f0f2f5}.friends-dd-link{color:inherit;flex:1;align-items:center;gap:10px;text-decoration:none;display:flex}.friends-dd-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:48px;height:48px}.friends-dd-info{flex-direction:column;flex:1;gap:6px;display:flex}.friends-dd-name{color:#050505;font-size:15px;font-weight:600}.friends-dd-accept{color:#fff;cursor:pointer;background:#1877f2;border:none;border-radius:8px;align-items:center;gap:4px;width:fit-content;padding:6px 12px;font-size:14px;font-weight:600;transition:background .12s;display:flex}.friends-dd-accept:hover:not(:disabled){background:#166fe5}.friends-dd-accept:disabled{opacity:.65;cursor:not-allowed}.friends-dd-msg{cursor:pointer;color:#050505;background:#e4e6eb;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .12s;display:flex}.friends-dd-msg:hover{background:#d8dadf}@media (width<=768px){.friends-dd{width:100%;height:calc(100vh - 52px);max-height:unset;border-radius:0;position:fixed;top:52px;left:0;right:0}}.home-container{display:flex}@media (width<=900px){.home-container{flex-direction:column}}.login{background:#f0f2f5;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:20px;display:flex}.login-wrapper{flex-wrap:wrap;align-items:center;gap:40px;width:100%;max-width:860px;display:flex}.login-left{flex-direction:column;flex:1;justify-content:center;min-width:260px;display:flex}.login-right{flex-direction:column;flex:1;justify-content:center;min-width:280px;display:flex}.login-logo{color:#1877f2;letter-spacing:-1px;margin:0 0 8px;font-size:52px;font-weight:900}.login-desc{color:#050505;font-size:22px;line-height:1.4}.login-box{background:#fff;border-radius:12px;flex-direction:column;gap:12px;padding:20px;display:flex;box-shadow:0 4px 20px #00000026}.login-input{color:#050505;border:1px solid #ccd0d5;border-radius:8px;outline:none;height:52px;padding:0 16px;font-family:inherit;font-size:16px;transition:border-color .15s}.login-input:focus{border-color:#1877f2;box-shadow:0 0 0 2px #1877f226}.login-error{color:#e41e3f;text-align:center;background:#fce8ec;border-radius:6px;margin:0;padding:8px;font-size:14px}.login-button{color:#fff;cursor:pointer;background-color:#1877f2;border:none;border-radius:8px;justify-content:center;align-items:center;height:52px;font-size:18px;font-weight:700;transition:background .15s;display:flex}.login-button:hover:not(:disabled){background:#166fe5}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-forgot{text-align:center;color:#1877f2;cursor:pointer;font-size:14px;font-weight:500}.login-forgot:hover{text-decoration:underline}.login-divider{border:none;border-top:1px solid #e4e6e9;margin:4px 0}.login-register-button-link{text-decoration:none;display:block}.login-register-button{color:#fff;cursor:pointer;background-color:#42b72a;border:none;border-radius:8px;width:100%;height:52px;font-size:16px;font-weight:700;transition:background .15s}.login-register-button:hover{background:#36a420}.forgot-overlay{z-index:9999;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.forgot-modal{background:#fff;border-radius:14px;width:100%;max-width:440px;padding:24px;box-shadow:0 8px 40px #00000040}.forgot-modal-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.forgot-modal-title{color:#050505;margin:0;font-size:22px;font-weight:800}.forgot-modal-close{cursor:pointer;color:#050505;background:#e4e6e9;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;transition:background .12s;display:flex}.forgot-modal-close:hover{background:#d8dadf}.forgot-modal-desc{color:#65676b;margin:0 0 14px;font-size:15px;line-height:1.5}.forgot-form{flex-direction:column;gap:12px;margin-top:14px;display:flex}.forgot-success{text-align:center;margin-top:12px}.forgot-success p{color:#1c8a1c;background:#e6f4ea;border-radius:8px;margin:0;padding:12px;font-size:15px;line-height:1.5}.forgot-cancel-btn{color:#050505;cursor:pointer;background:#e4e6e9;border:none;border-radius:8px;width:100%;height:44px;font-size:15px;font-weight:700;transition:background .12s}.forgot-cancel-btn:hover{background:#d8dadf}@media (width<=768px){.login{align-items:flex-start;padding:40px 16px 16px}.login-wrapper{flex-direction:column;align-items:stretch;gap:24px}.login-left{min-width:unset;text-align:center;align-items:center}.login-logo{font-size:40px}.login-desc{font-size:18px}.login-right{min-width:unset}.login-box{padding:16px}.login-input,.login-button{height:48px}.forgot-modal{padding:18px}}.crop-overlay{z-index:10000;background:#000c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.crop-modal{background:#1c1e21;border-radius:14px;flex-direction:column;max-width:100%;display:flex;overflow:hidden;box-shadow:0 12px 48px #0009}.crop-modal-header{border-bottom:1px solid #3a3b3c;padding:14px 20px}.crop-modal-header h3{color:#e4e6e9;margin:0;font-size:16px;font-weight:700}.crop-container{background:#000;flex-shrink:0;max-width:100%;position:relative;overflow:hidden}.crop-container:before,.crop-container:after{content:"";pointer-events:none;z-index:1;position:absolute;inset:0}.crop-container:before{border-left:1px solid #fff3;border-right:1px solid #fff3;left:33.33%;right:33.33%}.crop-container:after{border-top:1px solid #fff3;border-bottom:1px solid #fff3;top:33.33%;bottom:33.33%}.crop-loading{color:#b0b3b8;z-index:3;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.crop-grid{pointer-events:none;z-index:2;border:2px solid #fff9;position:absolute;inset:0}.crop-controls{background:#242526;align-items:center;gap:12px;padding:12px 20px;display:flex}.crop-zoom-label{color:#b0b3b8;white-space:nowrap;font-size:13px;font-weight:600}.crop-zoom-slider{-webkit-appearance:none;cursor:pointer;background:#3a3b3c;border-radius:2px;outline:none;flex:1;height:4px}.crop-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#1877f2;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0006}.crop-zoom-slider::-moz-range-thumb{cursor:pointer;background:#1877f2;border:2px solid #fff;border-radius:50%;width:18px;height:18px}.crop-modal-actions{background:#242526;border-top:1px solid #3a3b3c;justify-content:flex-end;gap:10px;padding:12px 20px;display:flex}.crop-btn-cancel{cursor:pointer;color:#e4e6e9;background:#3a3b3c;border:none;border-radius:8px;padding:9px 20px;font-size:15px;font-weight:600}.crop-btn-cancel:hover:not(:disabled){background:#4e4f50}.crop-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.crop-btn-apply{cursor:pointer;color:#fff;background:#1877f2;border:none;border-radius:8px;padding:9px 20px;font-size:15px;font-weight:700}.crop-btn-apply:hover:not(:disabled){background:#166fe5}.crop-btn-apply:disabled{opacity:.65;cursor:not-allowed}@media (width<=520px){.crop-modal{width:100%}.crop-container{width:100%!important;height:220px!important}}.edit-profile-overlay{z-index:9999;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.edit-profile-modal{background:#fff;border-radius:14px;width:520px;max-width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 40px #0000004d}.edit-profile-modal::-webkit-scrollbar{width:6px}.edit-profile-modal::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.edit-profile-header{z-index:1;background:#fff;border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.edit-profile-header h2{color:#050505;font-size:20px;font-weight:700}.edit-profile-close{cursor:pointer;color:#65676b;background:#e4e6e9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.edit-profile-close:hover{background:#d8dadf}.edit-profile-form{padding:16px 20px 20px}.edit-section-label{color:#050505;margin:0 0 8px;font-size:15px;font-weight:700}.edit-cover-section{margin-bottom:16px}.edit-cover-preview{border-radius:10px;height:150px;position:relative;overflow:hidden}.edit-cover-preview:hover .edit-cover-overlay{opacity:1}.edit-cover-img{object-fit:cover;width:100%;height:100%}.edit-cover-overlay{opacity:0;background:#00000059;flex-direction:row;justify-content:center;align-items:center;gap:10px;transition:opacity .2s;display:flex;position:absolute;inset:0}.edit-cover-action-btn{color:#050505;cursor:pointer;white-space:nowrap;background:#ffffffeb;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.edit-cover-action-btn:hover:not(:disabled){background:#fff}.edit-cover-action-btn:disabled{opacity:.6;cursor:not-allowed}.edit-avatar-section{align-items:center;gap:16px;margin-bottom:20px;display:flex}.edit-avatar-wrapper{width:80px;height:80px;position:relative}.edit-avatar-img{object-fit:cover;border:3px solid #fff;border-radius:50%;width:80px;height:80px;box-shadow:0 2px 8px #00000026}.edit-avatar-btn{cursor:pointer;color:#65676b;background:#e4e6e9;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute}.edit-avatar-btn:hover:not(:disabled){background:#d8dadf}.edit-avatar-btn:disabled{opacity:.5;cursor:not-allowed}.edit-avatar-upload-btn{bottom:-2px;right:-2px}.edit-avatar-crop-btn{bottom:-2px;left:-2px}.edit-fields{flex-direction:column;gap:14px;display:flex}.edit-field-group{flex-direction:column;gap:5px;display:flex;position:relative}.edit-field-group label{color:#050505;font-size:14px;font-weight:600}.edit-field-group input,.edit-field-group select,.edit-field-group textarea{color:#050505;background:#f5f6f7;border:1px solid #ccd0d5;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:15px;transition:border-color .15s}.edit-field-group input:focus,.edit-field-group select:focus,.edit-field-group textarea:focus{background:#fff;border-color:#1877f2}.edit-field-group textarea{resize:vertical;min-height:70px}.edit-field-readonly{-webkit-user-select:none;user-select:none;cursor:not-allowed!important;color:#8a8d91!important;background:#e4e6e9!important;border-color:#d8dadf!important}.edit-field-readonly:focus{background:#e4e6e9!important;border-color:#d8dadf!important}.edit-char-count{color:#65676b;text-align:right;margin-top:-3px;font-size:12px}.edit-section-divider{border-top:1px solid #f0f2f5;margin:18px 0 0;padding-top:14px}.edit-optional{color:#65676b;font-size:12px;font-weight:400}.edit-password-wrapper{align-items:center;display:flex;position:relative}.edit-password-wrapper input{flex:1;padding-right:40px}.edit-password-toggle{cursor:pointer;color:#65676b;background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;right:10px}.edit-password-toggle:hover{color:#050505}.edit-error{color:#e41e3f;text-align:center;margin:8px 0 0;font-size:14px}.edit-profile-actions{border-top:1px solid #f0f2f5;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;display:flex}.edit-btn-cancel{cursor:pointer;color:#050505;background:#e4e6e9;border:none;border-radius:8px;padding:9px 20px;font-size:15px;font-weight:600}.edit-btn-cancel:hover{background:#d8dadf}.edit-btn-save{cursor:pointer;color:#fff;background:#1877f2;border:none;border-radius:8px;padding:9px 20px;font-size:15px;font-weight:700}.edit-btn-save:hover:not(:disabled){background:#166fe5}.edit-btn-save:disabled{opacity:.65;cursor:not-allowed}@media (width<=768px){.edit-profile-overlay{align-items:flex-end;padding:0}.edit-profile-modal{border-radius:16px 16px 0 0;width:100%;max-width:100%;max-height:92vh}.edit-profile-header{padding:14px 16px}.edit-profile-form{padding:12px 16px 16px}.edit-cover-preview{height:120px}.edit-profile-actions{flex-direction:column-reverse;gap:8px}.edit-btn-cancel,.edit-btn-save{text-align:center;justify-content:center;width:100%;padding:12px}}.profile{display:flex}.profile-right{flex:9;min-width:0}.profile-cover{aspect-ratio:851/315;min-height:150px;position:relative}.profile-cover-img{object-fit:fill;width:100%;height:100%;display:block}.profile-cover-edit-btn{color:#050505;cursor:pointer;background:#fff;border:none;border-radius:6px;align-items:center;gap:5px;padding:6px 10px;font-size:13px;font-weight:600;transition:background .12s;display:flex;position:absolute;bottom:58px;right:12px;box-shadow:0 2px 8px #0000002e}.profile-cover-edit-btn:hover{background:#f2f4f7}.profile-user-img-wrapper{border:3px solid #fff;border-radius:50%;width:150px;height:150px;margin:auto;position:absolute;bottom:0;left:0;right:0;overflow:visible}.profile-user-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.profile-avatar-edit-btn{cursor:pointer;color:#050505;z-index:1;background:#e4e6e9;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:background .12s;display:flex;position:absolute;bottom:4px;right:4px;box-shadow:0 1px 4px #0003}.profile-avatar-edit-btn:hover{background:#d8dadf}.profile-info{flex-direction:column;justify-content:center;align-items:center;line-height:1px;display:flex}.profile-info-name{font-size:24px;font-weight:700}.profile-info-desc{font-weight:323}.profile-edit-btn{cursor:pointer;color:#050505;background:#e4e6e9;border:none;border-radius:8px;margin-top:12px;padding:8px 20px;font-size:15px;font-weight:600;transition:background .12s}.profile-edit-btn:hover{background:#d8dadf}.profile-tabs{border-top:1px solid #e4e6e9;justify-content:center;gap:8px;margin-top:12px;padding-top:8px;display:flex}.profile-tab{cursor:pointer;color:#65676b;background:0 0;border:none;border-radius:8px;align-items:center;padding:8px 18px;font-size:14px;font-weight:600;transition:background .12s;display:flex}.profile-tab:hover{background:#f0f2f5}.profile-tab.active{color:#1877f2;background:#e7f3ff;border-bottom:3px solid #1877f2;border-radius:8px 8px 0 0}.profile-right-bottom{display:flex}.profile-hidden-posts{flex:1;max-width:600px;margin:0 auto;padding:20px}.profile-hidden-post-wrapper{margin-bottom:8px;position:relative}.profile-unhide-btn{color:#fff;cursor:pointer;background:#1877f2;border:none;border-radius:0 0 10px 10px;justify-content:center;align-items:center;gap:6px;width:100%;margin:-10px auto 20px;padding:8px 20px;font-size:14px;font-weight:600;display:flex}.profile-unhide-btn:hover{background:#166fe5}.profile-hidden-empty{color:#65676b;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;font-size:16px;display:flex}@media (width<=900px){.profile,.profile-right-bottom{flex-direction:column}.profile-user-img-wrapper{width:100px;height:100px}.profile-cover-edit-btn{padding:5px 8px;font-size:12px;bottom:36px;right:8px}}@media (width<=600px){.profile-user-img-wrapper{width:80px;height:80px}.profile-cover-edit-btn span{display:none}.profile-cover-edit-btn{padding:5px;bottom:28px;right:6px}}.register{background:#f0f2f5;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:20px;display:flex}.register-wrapper{flex-wrap:wrap;align-items:center;gap:40px;width:100%;max-width:860px;display:flex}.register-left{flex-direction:column;flex:1;justify-content:center;min-width:260px;display:flex}.register-right{flex-direction:column;flex:1;justify-content:center;min-width:280px;display:flex}.register-logo{color:#1877f2;letter-spacing:-1px;margin:0 0 8px;font-size:52px;font-weight:900}.register-desc{color:#050505;font-size:22px;line-height:1.4}.register-box{background:#fff;border-radius:12px;flex-direction:column;gap:10px;padding:20px;display:flex;box-shadow:0 4px 20px #00000026}.register-title{color:#050505;margin:0;font-size:24px;font-weight:800}.register-subtitle{color:#65676b;margin:0;font-size:15px}.register-divider{border:none;border-top:1px solid #e4e6e9;margin:4px 0}.register-input{color:#050505;border:1px solid #ccd0d5;border-radius:8px;outline:none;height:48px;padding:0 16px;font-family:inherit;font-size:16px;transition:border-color .15s}.register-input:focus{border-color:#1877f2;box-shadow:0 0 0 2px #1877f226}.register-error{color:#e41e3f;text-align:center;background:#fce8ec;border-radius:6px;margin:0;padding:8px;font-size:14px}.register-terms{color:#65676b;text-align:center;margin:0;font-size:12px;line-height:1.4}.register-button{color:#fff;cursor:pointer;background-color:#42b72a;border:none;border-radius:8px;justify-content:center;align-items:center;height:48px;font-size:17px;font-weight:700;transition:background .15s;display:flex}.register-button:hover:not(:disabled){background:#36a420}.register-button:disabled{opacity:.7;cursor:not-allowed}.register-login-button-link{text-decoration:none;display:block}.register-login-button{color:#1877f2;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;height:40px;font-size:14px;font-weight:600;transition:background .12s}.register-login-button:hover{background:#f0f2f5}.register-otp-section{flex-direction:column;gap:8px;display:flex}.register-otp-info{color:#1877f2;background:#e7f0fd;border-radius:6px;margin:0;padding:8px 12px;font-size:13px}.register-resend{color:#1877f2;cursor:pointer;text-align:right;font-size:13px}.register-resend:hover{text-decoration:underline}@media (width<=768px){.register{align-items:flex-start;padding:40px 16px 16px}.register-wrapper{flex-direction:column;align-items:stretch;gap:24px}.register-left{min-width:unset;text-align:center;align-items:center}.register-logo{font-size:40px}.register-desc{font-size:18px}.register-right{min-width:unset}.register-box{padding:16px}.register-input{height:46px}}.not-found-content{flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 50px);display:flex}.not-found-go-to-home-page{color:#fff;cursor:pointer;background-color:#1775ee;border-radius:20px;padding:10px;font-size:30px;font-weight:600;text-decoration:none}.chat-online-friend{cursor:pointer;align-items:center;margin-top:10px;font-weight:500;display:flex}.chat-online-image-container{margin-right:10px;position:relative}.chat-online-image{object-fit:cover;border:1px solid #fff;border-radius:50%;width:32px;height:32px}.chat-online-badge{background-color:#32cd32;border-radius:50%;width:10px;height:10px;position:absolute;top:2px;right:0}.conversation{cursor:pointer;align-items:center;padding:10px;display:flex}.conversation:hover{background:#f7f6f6}.conversation-image{object-fit:cover;border-radius:50%;width:40px;height:40px;margin-right:20px}.conversation-name{font-weight:500}.message{flex-direction:column;align-items:flex-start;margin-top:20px;display:flex}.message-top{align-items:flex-end;gap:8px;display:flex}.message-image{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.message-text{color:#fff;word-break:break-word;background:#1877f2;border-radius:4px 18px 18px;max-width:65%;padding:10px 14px;font-size:14px;line-height:1.4;position:relative}.message-text:before{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-right:7px solid #1877f2;width:0;height:0;position:absolute;top:8px;left:-7px}.message-bottom{color:#8a8d91;margin-top:4px;padding-left:40px;font-size:11px}.message.own{align-items:flex-end}.message.own .message-top{flex-direction:row-reverse}.message.own .message-text{color:#050505;background:#e4e6eb;border-top-left-radius:18px;border-top-right-radius:4px}.message.own .message-text:before{display:none}.message.own .message-text:after{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:7px solid #e4e6eb;width:0;height:0;position:absolute;top:8px;right:-7px}.message.own .message-bottom{text-align:right;padding-left:0;padding-right:40px}.messenger{height:calc(100vh - 70px);display:flex}.chat-menu{border-right:1px solid #e4e6e9;flex:3.5}.chat-menu-wrapper,.chat-box-wrapper,.chat-online-wrapper{flex-direction:column;height:100%;padding:10px;display:flex}.chat-menu-input{border:none;border-bottom:1px solid gray;outline:none;flex-shrink:0;width:90%;margin-bottom:8px;padding:10px 0;font-size:14px}.chat-box{flex:5.5}.chat-box-wrapper{position:relative}.chat-box-header{border-bottom:1px solid #e4e6e9;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:4px;padding:8px 4px;display:flex}.chat-box-header-info{align-items:center;gap:8px;display:flex}.chat-box-header-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.chat-box-header-name{color:#050505;font-size:15px;font-weight:700}.chat-box-close-btn{cursor:pointer;color:#65676b;background:#e4e6e9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:background .12s;display:flex}.chat-box-close-btn:hover{color:#050505;background:#d8dadf}.chat-box-top{flex:1;padding-right:10px;overflow-y:auto}.message-highlight .message-text{animation:2.5s ease-out message-highlight-flash}@keyframes message-highlight-flash{0%,35%{box-shadow:0 0 0 3px #ffb020e6}to{box-shadow:0 0 0 3px #ffb02000}}.chat-box-bottom{border-top:1px solid #e4e6e9;flex-shrink:0;align-items:center;gap:8px;margin-top:5px;padding:8px 0;display:flex}.chat-message-input{resize:vertical;border:1px solid #ccd0d5;border-radius:8px;outline:none;flex:1;min-height:60px;max-height:120px;padding:10px;font-family:inherit;font-size:14px}.chat-box-button{cursor:pointer;color:#fff;background-color:#1877f2;border:none;border-radius:5px;flex-shrink:0;width:70px;height:40px;font-size:14px;font-weight:600}.chat-box-button:hover{background-color:#166fe5}.chat-online{border-left:1px solid #e4e6e9;flex:3}.no-conversation{color:#c8c8c8;cursor:default;text-align:center;width:80%;font-size:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.emoji-picker-container{flex-shrink:0;position:relative}.emoji-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px 8px;font-size:22px;line-height:1;transition:background .15s;display:flex}.emoji-btn:hover{background:#e4e6e9}.emoji-btn.active{background:#dce8fd}.emoji-picker-popup{z-index:200;border-radius:12px;position:absolute;bottom:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 4px 20px #00000026}@media (width<=768px){.messenger{flex-direction:column;height:auto;min-height:calc(100vh - 70px)}.chat-menu{border-bottom:1px solid #e4e6e9;border-right:none;flex:none;height:180px;overflow-y:auto}.chat-menu-wrapper{height:180px}.chat-box{flex:1}.chat-box-wrapper{height:calc(100vh - 250px);min-height:300px}.chat-online{display:none}.no-conversation{font-size:18px}.emoji-picker-popup{left:0;right:auto}.emoji-picker-popup .EmojiPickerReact{width:min(300px,90vw)!important}.chat-message-input{min-height:50px}}@media (width<=480px){.chat-menu,.chat-menu-wrapper{height:150px}.chat-box-wrapper{height:calc(100vh - 220px)}.emoji-picker-popup{position:fixed;bottom:80px;left:8px;right:8px}.emoji-picker-popup .EmojiPickerReact{width:100%!important}}