:root{--fb-blue:#1877f2;--fb-blue-hover:#166fe5;--fb-green:#42b72a;--fb-green-hover:#36a420;--fb-red:#f02849;--fb-bg:#f0f2f5;--fb-white:#ffffff;--fb-card:#ffffff;--fb-text-primary:#050505;--fb-text-secondary:#65676b;--fb-text-placeholder:#8a8d91;--fb-divider:#ced0d4;--fb-hover:#f2f2f2;--fb-input-bg:#f0f2f5;--fb-shadow:0 1px 2px rgba(0,0,0,0.1);--fb-shadow-lg:0 2px 8px rgba(0,0,0,0.15);--fb-navbar-height:56px;--fb-sidebar-width:280px;--fb-radius:8px;--fb-radius-lg:12px}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;width:100%;font-family:Helvetica,Arial,sans-serif;font-size:15px;color:var(--fb-text-primary);background:var(--fb-bg);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#bcc0c4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8a8d91}a{color:var(--fb-blue);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;background:none;color:inherit}button,input,textarea{font-family:inherit;border:none;outline:none}input,textarea{color:var(--fb-text-primary)}.fb-loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--fb-bg);gap:24px}.fb-loading-spinner{width:36px;height:36px;border:3px solid #e4e6eb;border-top:3px solid var(--fb-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.fb-avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fb-avatar-xs{width:28px;height:28px;font-size:12px}.fb-avatar-sm{width:36px;height:36px;font-size:14px}.fb-avatar-md{width:40px;height:40px;font-size:16px}.fb-avatar-lg{width:56px;height:56px;font-size:22px}.fb-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:15px;font-weight:600;transition:background .15s,filter .15s;white-space:nowrap}.fb-btn-primary{background:var(--fb-blue);color:#fff}.fb-btn-primary:hover{background:var(--fb-blue-hover)}.fb-btn-success{background:var(--fb-green);color:#fff}.fb-btn-success:hover{background:var(--fb-green-hover)}.fb-btn-secondary{background:#e4e6eb;color:var(--fb-text-primary)}.fb-btn-secondary:hover{background:#d8dadf}.fb-btn-danger-outline{background:transparent;color:var(--fb-red);border:1px solid var(--fb-red)}.fb-btn-danger-outline:hover{background:var(--fb-red);color:#fff}.fb-btn-full{width:100%}.fb-btn-sm{padding:6px 12px;font-size:13px}.fb-btn:disabled{opacity:.6;cursor:not-allowed}.fb-card{background:var(--fb-card);border-radius:var(--fb-radius);box-shadow:var(--fb-shadow);padding:16px;margin-bottom:16px}.fb-card h2{font-size:20px;font-weight:700;margin-bottom:12px}.fb-card h3{font-size:17px;font-weight:600;margin-bottom:8px}.fb-login-wrapper{min-height:100vh;background:var(--fb-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.fb-login-container{display:flex;align-items:center;gap:80px;max-width:980px;width:100%}.fb-login-brand{flex:1 1;max-width:500px}.fb-login-brand h1{font-size:56px;color:var(--fb-blue);font-weight:700;line-height:1;margin-bottom:16px}.fb-login-brand p{font-size:24px;color:var(--fb-text-primary);font-weight:400;line-height:1.3}.fb-login-right{gap:16px}.fb-login-card,.fb-login-right{display:flex;flex-direction:column;align-items:center}.fb-login-card{width:396px;background:var(--fb-white);border-radius:var(--fb-radius);box-shadow:0 2px 4px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.1);padding:24px 20px}.fb-login-card form{width:100%;display:flex;flex-direction:column;gap:14px}.fb-login-input{width:100%;height:52px;border:1px solid #dddfe2;border-radius:6px;padding:14px 16px;font-size:17px;color:var(--fb-text-primary);background:var(--fb-white);transition:border-color .15s,box-shadow .15s}.fb-login-input::placeholder{color:#8a8d91}.fb-login-input:focus{border-color:var(--fb-blue);box-shadow:0 0 0 2px rgba(24,119,242,.2);outline:none}.fb-btn-login{height:48px;font-size:20px;font-weight:700;border-radius:6px;margin-top:2px}.fb-forgot-password{font-size:14px;color:var(--fb-blue);cursor:pointer;margin-top:16px}.fb-forgot-password:hover{text-decoration:underline}.fb-login-divider{width:100%;height:1px;background:var(--fb-divider);margin:20px 0}.fb-login-error{width:100%;color:var(--fb-red);font-size:13px;padding:10px 14px;text-align:center;background:#ffebe9;border-radius:6px;margin-bottom:4px}.fb-login-guest-section{display:flex;flex-direction:column;align-items:center;gap:8px}.fb-btn-guest-main{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:8px;font-size:15px;font-weight:600;background:var(--fb-white);color:var(--fb-text-secondary);border:1px solid var(--fb-divider);transition:all .15s;box-shadow:var(--fb-shadow)}.fb-btn-guest-main:hover{background:var(--fb-hover);border-color:#bcc0c4;transform:translateY(-1px);box-shadow:var(--fb-shadow-lg)}.fb-btn-spinner{width:16px;height:16px;border:2px solid #e4e6eb;border-top:2px solid var(--fb-blue);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.fb-guest-hint{font-size:12px;color:var(--fb-text-secondary)}.fb-login-footer{margin-top:40px;text-align:center}.fb-login-footer-content{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--fb-text-secondary)}.fb-signup-overlay{position:fixed;inset:0;background:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;z-index:3000}.fb-signup-card{width:432px;background:var(--fb-white);border-radius:var(--fb-radius);box-shadow:0 2px 4px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.1);padding:16px}.fb-signup-header{position:relative;padding-bottom:12px}.fb-signup-header h2{font-size:32px;font-weight:700}.fb-signup-header p{font-size:15px;color:var(--fb-text-secondary)}.fb-signup-close{position:absolute;top:0;right:0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--fb-text-secondary)}.fb-signup-close:hover{background:var(--fb-hover)}.fb-signup-divider{height:1px;background:var(--fb-divider);margin:12px 0}.fb-signup-form{flex-direction:column}.fb-signup-form,.fb-signup-name-row{display:flex;gap:10px}.fb-signup-form input{width:100%;height:40px;border:1px solid #ccd0d5;border-radius:5px;padding:8px 12px;font-size:15px;background:var(--fb-input-bg)}.fb-signup-form input:focus{border-color:var(--fb-blue)}.fb-signup-terms{font-size:11px;color:var(--fb-text-secondary);line-height:1.3}.fb-btn-signup{width:auto;margin:8px auto 0;padding:8px 64px;font-size:18px}.fb-navbar{position:fixed;top:0;left:0;right:0;height:var(--fb-navbar-height);background:var(--fb-white);box-shadow:0 2px 4px rgba(0,0,0,.1);padding:0 16px;z-index:1000}.fb-navbar,.fb-navbar-left{display:flex;align-items:center}.fb-navbar-left{gap:8px;flex:0 0 auto;min-width:280px}.fb-logo{cursor:pointer}.fb-logo,.fb-search{display:flex;align-items:center}.fb-search{gap:8px;background:var(--fb-input-bg);border-radius:50px;padding:8px 12px;color:var(--fb-text-placeholder);min-width:200px}.fb-search input{background:transparent;font-size:15px;width:100%}.fb-search input::placeholder{color:var(--fb-text-placeholder)}.fb-navbar-center{flex:1 1;gap:4px}.fb-nav-item,.fb-navbar-center{display:flex;justify-content:center}.fb-nav-item{align-items:center;width:110px;height:48px;border-radius:var(--fb-radius);position:relative;color:var(--fb-text-secondary);transition:background .15s}.fb-nav-item:hover{background:var(--fb-hover)}.fb-nav-item.fb-active{color:var(--fb-blue);border-bottom:3px solid var(--fb-blue);border-radius:0}.fb-nav-badge{position:absolute;top:4px;right:30px;min-width:18px;height:18px;border-radius:9px;background:var(--fb-red);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}.fb-navbar-right{gap:8px;flex:0 0 auto;min-width:280px;justify-content:flex-end}.fb-navbar-icon-btn,.fb-navbar-right{display:flex;align-items:center;position:relative}.fb-navbar-icon-btn{width:40px;height:40px;border-radius:50%;background:#e4e6eb;justify-content:center;color:var(--fb-text-primary);transition:background .15s}.fb-navbar-icon-btn:hover{background:#d8dadf}.fb-icon-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;border-radius:9px;background:var(--fb-red);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}.fb-user-avatar-btn{cursor:pointer}.fb-user-menu-dropdown{position:absolute;top:48px;right:0;width:360px;background:var(--fb-white);box-shadow:0 2px 12px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05);z-index:2000}.fb-user-menu-dropdown,.fb-user-menu-item{border-radius:var(--fb-radius);padding:8px}.fb-user-menu-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font-size:15px;font-weight:500}.fb-user-menu-item:hover{background:var(--fb-hover)}.fb-user-menu-name{font-weight:600;display:block}.fb-user-menu-subtitle{font-size:13px;color:var(--fb-text-secondary);display:block}.fb-user-menu-divider{height:1px;background:var(--fb-divider);margin:4px 0}.fb-user-menu-icon{width:36px;height:36px;border-radius:50%;background:#e4e6eb;display:flex;align-items:center;justify-content:center}.fb-notif-dropdown{position:absolute;top:48px;right:48px;width:360px;background:var(--fb-white);border-radius:var(--fb-radius);box-shadow:0 2px 12px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05);z-index:2000;max-height:400px;overflow:hidden;display:flex;flex-direction:column}.fb-notif-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px}.fb-notif-dropdown-header h3{font-size:20px;font-weight:700}.fb-notif-mark-read{font-size:14px;color:var(--fb-blue);cursor:pointer}.fb-notif-mark-read:hover{text-decoration:underline}.fb-notif-dropdown-list{flex:1 1;overflow-y:auto;padding:4px 8px}.fb-notif-dropdown-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--fb-radius);cursor:pointer}.fb-notif-dropdown-item:hover{background:var(--fb-hover)}.fb-notif-dropdown-item.fb-unread{background:#e7f3ff}.fb-notif-dropdown-item.fb-unread:hover{background:#dbeafe}.fb-notif-dropdown-info{flex:1 1}.fb-notif-dropdown-info p{font-size:14px;line-height:1.3}.fb-notif-dropdown-empty{padding:16px;text-align:center;color:var(--fb-text-secondary);font-size:14px}.fb-notif-dropdown-see-all{display:block;width:100%;padding:12px;text-align:center;font-size:15px;font-weight:600;color:var(--fb-blue);border-top:1px solid var(--fb-divider)}.fb-notif-dropdown-see-all:hover{background:var(--fb-hover)}.fb-notif-unread-dot{width:12px;height:12px;border-radius:50%;background:var(--fb-blue);flex-shrink:0}.fb-layout{display:flex;padding-top:var(--fb-navbar-height);min-height:100vh}.fb-left-sidebar{width:var(--fb-sidebar-width);min-width:var(--fb-sidebar-width);padding:16px 8px;position:-webkit-sticky;position:sticky;top:var(--fb-navbar-height);height:calc(100vh - var(--fb-navbar-height));overflow-y:auto}.fb-sidebar-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--fb-radius);cursor:pointer;width:100%;text-align:left;font-size:15px;font-weight:500;color:var(--fb-text-primary);transition:background .15s}.fb-sidebar-item:hover{background:var(--fb-hover)}.fb-sidebar-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.fb-sidebar-footer{padding:16px 8px;font-size:13px;color:var(--fb-text-secondary)}.fb-right-sidebar{width:var(--fb-sidebar-width);min-width:var(--fb-sidebar-width);padding:16px 8px;position:-webkit-sticky;position:sticky;top:var(--fb-navbar-height);height:calc(100vh - var(--fb-navbar-height));overflow-y:auto}.fb-right-section{padding:8px 0}.fb-right-section h3{font-size:17px;font-weight:600;color:var(--fb-text-secondary);margin-bottom:12px;padding:0 8px}.fb-right-divider{height:1px;background:var(--fb-divider);margin:8px 0}.fb-sponsored-item{display:flex;gap:12px;padding:8px;border-radius:var(--fb-radius);cursor:pointer}.fb-sponsored-item:hover{background:var(--fb-hover)}.fb-sponsored-img{width:120px;height:120px;border-radius:var(--fb-radius);background:#e4e6eb;flex-shrink:0;overflow:hidden}.fb-sponsored-info{display:flex;flex-direction:column;gap:4px;justify-content:center}.fb-sponsored-title{font-size:15px;font-weight:500}.fb-sponsored-url{font-size:13px;color:var(--fb-text-secondary)}.fb-birthday-item{display:flex;align-items:center;gap:12px;padding:8px;font-size:14px;color:var(--fb-text-primary);line-height:1.3}.fb-birthday-icon{font-size:22px}.fb-contacts-header{display:flex;align-items:center;justify-content:space-between;padding:0 8px;margin-bottom:8px}.fb-contacts-header h3{margin-bottom:0}.fb-contacts-actions{display:flex;gap:4px}.fb-contacts-actions button{color:var(--fb-text-secondary);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.fb-contacts-actions button:hover{background:var(--fb-hover)}.fb-contact-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--fb-radius);cursor:pointer;width:100%;text-align:left;font-size:15px;font-weight:500}.fb-contact-item:hover{background:var(--fb-hover)}.fb-contact-avatar-wrapper{position:relative}.fb-online-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;background:var(--fb-green);border:2px solid var(--fb-bg)}.fb-contact-offline{opacity:.5}.fb-contact-empty{padding:12px 8px;color:var(--fb-text-secondary);font-size:14px}.fb-contacts-offline-header{padding:8px;font-size:13px;font-weight:600;color:var(--fb-text-secondary);margin-top:8px}.fb-feed{flex:1 1;max-width:680px;margin:0 auto;padding:16px;min-width:0}.fb-feed-empty{text-align:center;padding:40px 16px;color:var(--fb-text-secondary)}.fb-feed-empty h3{font-size:20px;color:var(--fb-text-primary);margin-bottom:8px}.fb-feed-empty-icon,.fb-stories{margin-bottom:16px}.fb-stories{display:flex;gap:8px;overflow-x:auto;padding:4px 0;scrollbar-width:none}.fb-stories::-webkit-scrollbar{display:none}.fb-story-card{width:112px;min-width:112px;height:200px;border-radius:var(--fb-radius-lg);position:relative;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s,filter .15s}.fb-story-card:hover{transform:scale(1.02)}.fb-story-create{background:var(--fb-white);box-shadow:var(--fb-shadow)}.fb-story-create-top{flex:1 1;display:flex;align-items:center;justify-content:center;overflow:hidden}.fb-story-create-bottom{text-align:center;padding:4px 4px 10px;font-size:13px;font-weight:600;background:var(--fb-white);position:relative}.fb-story-create-icon{width:32px;height:32px;border-radius:50%;background:var(--fb-blue);color:#fff;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:-16px auto 4px;border:3px solid var(--fb-white)}.fb-story-friend{box-shadow:var(--fb-shadow)}.fb-story-bg-img{width:100%;height:100%;object-fit:cover}.fb-story-bg-color,.fb-story-bg-img{position:absolute;inset:0}.fb-story-avatar{position:absolute;top:8px;left:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;z-index:2;object-fit:cover}.fb-story-avatar,img.fb-story-avatar{width:40px;height:40px}.fb-story-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.4));pointer-events:none}.fb-story-name{position:absolute;bottom:8px;left:8px;right:8px;font-size:13px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);z-index:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-story-viewer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;z-index:3000}.fb-story-viewer{position:relative;width:420px;max-width:100vw;height:750px;max-height:95vh;border-radius:12px;overflow:hidden;background:#1a1a1a;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fb-story-viewer-progress{position:absolute;top:0;left:0;right:0;display:flex;gap:4px;padding:12px 12px 0;z-index:10}.fb-story-viewer-progress-track{flex:1 1;height:3px;background:rgba(255,255,255,.35);border-radius:2px;overflow:hidden}.fb-story-viewer-progress-fill{height:100%;background:#fff;border-radius:2px;transition:width .05s linear}.fb-story-viewer-header{position:absolute;top:20px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 12px;z-index:10}.fb-story-viewer-user{display:flex;align-items:center;gap:10px}.fb-story-viewer-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;border:2px solid #fff;object-fit:cover;flex-shrink:0}img.fb-story-viewer-avatar{width:36px;height:36px}.fb-story-viewer-name{font-size:15px;font-weight:600;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6)}.fb-story-viewer-close{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.15);transition:background .15s;cursor:pointer;border:none}.fb-story-viewer-close:hover{background:rgba(255,255,255,.3)}.fb-story-viewer-media{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}@keyframes kenBurns{0%{transform:scale(1) translate(0)}50%{transform:scale(1.12) translate(-1%,-1%)}to{transform:scale(1.05) translate(.5%,.5%)}}.fb-story-viewer-image{width:100%;height:100%;object-fit:cover;animation:kenBurns 5s ease-in-out forwards}.fb-story-viewer-color{width:100%;height:100%}.fb-story-viewer-nav{position:absolute;top:60px;bottom:0;width:50%;background:transparent;border:none;cursor:pointer;z-index:5}.fb-story-viewer-nav-prev{left:0}.fb-story-viewer-nav-next{right:0}.fb-story-viewer-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.3);z-index:15;cursor:pointer;border:none;transition:transform .15s,box-shadow .15s}.fb-story-viewer-arrow:hover{transform:translateY(-50%) scale(1.08);box-shadow:0 4px 12px rgba(0,0,0,.4)}.fb-story-viewer-arrow-left{left:-64px}.fb-story-viewer-arrow-right{right:-64px}@media (max-width:600px){.fb-story-viewer{width:100vw;height:100vh;max-height:100vh;border-radius:0}.fb-story-viewer-arrow{display:none}}.fb-create-post-box{background:var(--fb-card);border-radius:var(--fb-radius);box-shadow:var(--fb-shadow);padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.fb-create-post-input{flex:1 1;height:40px;border-radius:50px;background:var(--fb-input-bg);padding:0 16px;font-size:17px;color:var(--fb-text-placeholder);cursor:pointer;text-align:left;display:flex;align-items:center;transition:background .15s}.fb-create-post-input:hover{background:#e4e6eb}.fb-modal-overlay{position:fixed;inset:0;background:rgba(244,244,244,.8);display:flex;align-items:center;justify-content:center;z-index:2000}.fb-modal{background:var(--fb-white);border-radius:var(--fb-radius);box-shadow:0 2px 4px rgba(0,0,0,.1),0 12px 28px rgba(0,0,0,.2);width:500px;max-width:90vw}.fb-modal-header{display:flex;align-items:center;justify-content:center;padding:16px;border-bottom:1px solid var(--fb-divider);position:relative}.fb-modal-header h2{font-size:20px;font-weight:700}.fb-modal-close{position:absolute;right:16px;width:36px;height:36px;border-radius:50%;background:#e4e6eb;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--fb-text-secondary);transition:background .15s}.fb-modal-close:hover{background:#d8dadf}.fb-modal-body{padding:16px}.fb-create-post-author{display:flex;align-items:center;gap:8px;margin-bottom:16px}.fb-create-post-name{font-size:15px;font-weight:600}.fb-feeling{font-weight:400}.fb-feeling,.fb-privacy-badge{color:var(--fb-text-secondary)}.fb-privacy-badge{display:inline-flex;align-items:center;gap:4px;font-size:13px;background:#e4e6eb;padding:2px 8px;border-radius:4px;margin-top:2px}.fb-create-post-textarea{width:100%;border:none;background:transparent;font-size:24px;color:var(--fb-text-primary);resize:none;min-height:100px;line-height:1.4}.fb-create-post-textarea::placeholder{color:var(--fb-text-placeholder)}.fb-create-post-image-preview{position:relative;border-radius:var(--fb-radius);overflow:hidden;margin-bottom:8px;border:1px solid var(--fb-divider);max-height:300px}.fb-create-post-image-preview img{width:100%;display:block;object-fit:cover;max-height:300px}.fb-create-post-image-remove{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:background .15s}.fb-create-post-image-remove:hover{background:rgba(0,0,0,.8)}.fb-create-post-actions{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--fb-divider);border-radius:var(--fb-radius);padding:10px 16px;margin:16px 0 12px}.fb-create-post-actions span{font-size:15px;font-weight:600}.fb-create-post-action-btns{display:flex;gap:4px}.fb-action-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.fb-action-icon:hover{background:var(--fb-hover)}.fb-post-card{background:var(--fb-card);border-radius:var(--fb-radius);box-shadow:var(--fb-shadow);margin-bottom:16px}.fb-post-header{display:flex;align-items:center;gap:8px;padding:12px 16px 0}.fb-post-header-info{flex:1 1}.fb-post-author{font-size:15px;font-weight:600;cursor:pointer}.fb-post-author:hover{text-decoration:underline}.fb-post-meta{gap:4px;font-size:13px}.fb-post-menu,.fb-post-meta{display:flex;align-items:center;color:var(--fb-text-secondary)}.fb-post-menu{width:36px;height:36px;border-radius:50%;justify-content:center;font-size:20px;transition:background .15s}.fb-post-menu:hover{background:var(--fb-hover)}.fb-post-dropdown{position:absolute;top:40px;right:0;width:240px;background:var(--fb-white);border-radius:var(--fb-radius);box-shadow:0 2px 12px rgba(0,0,0,.15);padding:4px;z-index:100}.fb-post-dropdown-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:6px;width:100%;text-align:left;font-size:15px;color:var(--fb-text-primary)}.fb-post-dropdown-item:hover{background:var(--fb-hover)}.fb-post-content{padding:8px 16px 4px}.fb-post-content p{font-size:15px;line-height:1.4;white-space:pre-wrap}.fb-post-feeling{color:var(--fb-text-secondary)}.fb-post-image{width:100%;overflow:hidden}.fb-post-image img{width:100%;display:block;object-fit:cover;max-height:500px}.fb-post-stats{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;color:var(--fb-text-secondary);font-size:15px}.fb-post-stat-likes{gap:6px}.fb-post-stat-likes,.fb-reaction-icon{display:flex;align-items:center}.fb-post-stat-right{display:flex;gap:12px}.fb-post-stat-right button{color:var(--fb-text-secondary);font-size:15px;cursor:pointer}.fb-post-stat-right button:hover{text-decoration:underline}.fb-post-actions{display:flex;border-top:1px solid var(--fb-divider);margin:0 16px;padding:4px 0}.fb-post-action-btn{flex:1 1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border-radius:4px;font-size:15px;font-weight:600;color:var(--fb-text-secondary);transition:background .15s}.fb-post-action-btn:hover{background:var(--fb-hover)}.fb-post-action-btn.fb-liked{color:var(--fb-blue)}.fb-comments-section{padding:4px 16px 12px;border-top:1px solid var(--fb-divider);margin-top:4px}.fb-comment{display:flex;gap:8px;margin-bottom:8px;margin-top:8px}.fb-comment-bubble{background:var(--fb-input-bg);border-radius:18px;padding:8px 12px;display:flex;flex-direction:column;max-width:80%}.fb-comment-author{font-size:13px;font-weight:600}.fb-comment-text{font-size:15px;line-height:1.3}.fb-comment-input-wrapper{display:flex;align-items:center;gap:8px;margin-top:8px}.fb-comment-input{flex:1 1;height:36px;border-radius:50px;background:var(--fb-input-bg);padding:0 12px;font-size:15px}.fb-chat-popup{position:fixed;bottom:0;right:80px;width:328px;height:455px;background:var(--fb-white);border-radius:var(--fb-radius) var(--fb-radius) 0 0;box-shadow:0 0 8px rgba(0,0,0,.15);display:flex;flex-direction:column;z-index:1500}.fb-chat-popup-header{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--fb-divider);min-height:48px}.fb-chat-popup-header h3{font-size:17px;font-weight:700;flex:1 1}.fb-chat-popup-back,.fb-chat-popup-close{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--fb-text-secondary);transition:background .15s}.fb-chat-popup-back:hover,.fb-chat-popup-close:hover{background:var(--fb-hover)}.fb-chat-popup-close{margin-left:auto}.fb-chat-popup-recipient{font-size:15px;font-weight:600;flex:1 1}.fb-chat-popup-list{flex:1 1;overflow-y:auto}.fb-chat-popup-item{display:flex;align-items:center;gap:12px;padding:8px 12px;cursor:pointer;width:100%;text-align:left;transition:background .15s}.fb-chat-popup-item:hover{background:var(--fb-hover)}.fb-chat-popup-item-info{flex:1 1;min-width:0}.fb-chat-popup-item-name{font-size:15px;font-weight:500;display:block}.fb-chat-popup-item-msg{font-size:13px;color:var(--fb-text-secondary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fb-chat-popup-empty{padding:20px;text-align:center;color:var(--fb-text-secondary)}.fb-chat-popup-messages{flex:1 1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:4px}.fb-chat-msg{display:flex;align-items:flex-end;gap:6px}.fb-chat-msg-me{justify-content:flex-end}.fb-chat-msg-other{justify-content:flex-start}.fb-chat-msg-bubble{max-width:70%;padding:8px 12px;border-radius:18px;font-size:15px;line-height:1.3}.fb-chat-msg-me .fb-chat-msg-bubble{background:var(--fb-blue);color:#fff;border-bottom-right-radius:4px}.fb-chat-msg-other .fb-chat-msg-bubble{background:var(--fb-input-bg);color:var(--fb-text-primary);border-bottom-left-radius:4px}.fb-chat-popup-input{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--fb-divider)}.fb-chat-popup-input input{flex:1 1;height:36px;border-radius:50px;background:var(--fb-input-bg);padding:0 12px;font-size:15px}.fb-chat-popup-input button{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.fb-chat-popup-input button:disabled{opacity:.3}.fb-profile-page{flex:1 1;overflow-y:auto}.fb-profile-cover{height:350px;border-radius:0 0 var(--fb-radius) var(--fb-radius);max-width:940px;margin:0 auto}.fb-profile-info{max-width:940px;padding:0 16px;display:flex;align-items:flex-end;gap:16px;transform:translateY(-32px);margin:0 auto -16px}.fb-profile-avatar{width:168px;height:168px;border-radius:50%;border:4px solid var(--fb-white);display:flex;align-items:center;justify-content:center;font-size:64px;font-weight:700;color:#fff;flex-shrink:0}.fb-profile-details{flex:1 1;padding-bottom:16px}.fb-profile-details h1{font-size:32px;font-weight:700}.fb-profile-bio,.fb-profile-friends-count{color:var(--fb-text-secondary);font-size:15px}.fb-profile-friends-count{cursor:pointer}.fb-profile-friends-count:hover{text-decoration:underline}.fb-profile-friends-avatars{display:flex;margin-top:4px}.fb-profile-friends-avatars .fb-avatar{margin-left:-4px;border:2px solid var(--fb-white)}.fb-profile-friends-avatars .fb-avatar:first-child{margin-left:0}.fb-profile-actions{display:flex;gap:8px;padding-bottom:16px}.fb-profile-nav{max-width:940px;margin:0 auto;padding:0 16px;display:flex;gap:4px;border-top:1px solid var(--fb-divider);border-bottom:1px solid var(--fb-divider);background:var(--fb-white)}.fb-profile-tab{padding:16px;font-size:15px;font-weight:600;color:var(--fb-text-secondary);border-bottom:3px solid transparent;transition:background .15s;border-radius:var(--fb-radius) var(--fb-radius) 0 0}.fb-profile-tab:hover{background:var(--fb-hover)}.fb-profile-tab.fb-active{color:var(--fb-blue);border-bottom-color:var(--fb-blue)}.fb-profile-content{max-width:940px;margin:0 auto;padding:16px;display:flex;gap:16px}.fb-profile-left{width:360px;flex-shrink:0}.fb-profile-right{flex:1 1;min-width:0}.fb-intro-item{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:15px;color:var(--fb-text-secondary)}.fb-friends-page{flex:1 1;display:flex;overflow:hidden}.fb-friends-sidebar{width:360px;min-width:360px;background:var(--fb-white);box-shadow:1px 0 2px rgba(0,0,0,.1);padding:16px;overflow-y:auto;height:calc(100vh - var(--fb-navbar-height))}.fb-friends-sidebar h2{font-size:24px;font-weight:700;margin-bottom:16px}.fb-friends-tab{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--fb-radius);width:100%;text-align:left;font-size:15px;font-weight:500;color:var(--fb-text-primary);transition:background .15s;margin-bottom:4px}.fb-friends-tab:hover{background:var(--fb-hover)}.fb-friends-tab.fb-active{background:#e7f3ff;color:var(--fb-blue)}.fb-friends-tab-badge{background:var(--fb-red);color:#fff;font-size:12px;font-weight:700;padding:2px 6px;border-radius:10px;margin-left:auto}.fb-friends-content{flex:1 1;padding:24px;overflow-y:auto;height:calc(100vh - var(--fb-navbar-height))}.fb-section-title{font-size:17px;font-weight:600;margin:0 0 16px}.fb-friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:12px;gap:12px}.fb-friend-card{background:var(--fb-white);border-radius:var(--fb-radius);box-shadow:var(--fb-shadow);padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:box-shadow .15s}.fb-friend-card:hover{box-shadow:var(--fb-shadow-lg)}.fb-friend-card-avatar{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff}.fb-friend-card-name{font-size:15px;font-weight:600;text-align:center}.fb-friend-card-meta{display:flex;align-items:center;gap:6px}.fb-friend-card-status{text-transform:capitalize}.fb-friend-card-mutual,.fb-friend-card-status{font-size:12px;color:var(--fb-text-secondary)}.fb-friend-status-dot{width:8px;height:8px;border-radius:50%}.fb-status-online{background:var(--fb-green)}.fb-status-idle{background:#f7b928}.fb-status-offline{background:#bcc0c4}.fb-messenger-page{flex:1 1;display:flex;overflow:hidden}.fb-messenger-sidebar{width:360px;min-width:360px;background:var(--fb-white);box-shadow:1px 0 2px rgba(0,0,0,.1);padding:16px 8px;overflow-y:auto;height:calc(100vh - var(--fb-navbar-height));display:flex;flex-direction:column}.fb-messenger-sidebar h2{font-size:24px;font-weight:700;margin-bottom:16px;padding:0 8px}.fb-messenger-search{display:flex;align-items:center;gap:8px;background:var(--fb-input-bg);border-radius:50px;padding:8px 12px;margin:0 8px 12px}.fb-messenger-search input{background:transparent;font-size:15px;width:100%}.fb-messenger-search input::placeholder{color:var(--fb-text-placeholder)}.fb-messenger-list{flex:1 1;overflow-y:auto}.fb-messenger-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--fb-radius);cursor:pointer;width:100%;text-align:left;transition:background .15s}.fb-messenger-item:hover{background:var(--fb-hover)}.fb-messenger-item.fb-active{background:#e7f3ff}.fb-messenger-item-info{flex:1 1;min-width:0}.fb-messenger-item-name{font-size:15px;font-weight:600;display:block}.fb-messenger-item-msg{font-size:13px;color:var(--fb-text-secondary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fb-messenger-chat{height:calc(100vh - var(--fb-navbar-height))}.fb-messenger-chat,.fb-messenger-empty{flex:1 1;display:flex;flex-direction:column}.fb-messenger-empty{align-items:center;justify-content:center;gap:12px;color:var(--fb-text-secondary)}.fb-messenger-empty h3{color:var(--fb-text-primary);font-size:20px}.fb-messenger-empty p{font-size:14px}.fb-messenger-chat-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--fb-divider);background:var(--fb-white)}.fb-messenger-chat-header-info{flex:1 1}.fb-messenger-chat-name{font-size:15px;font-weight:600;display:block}.fb-messenger-chat-status{font-size:12px;color:var(--fb-green)}.fb-messenger-chat-messages{flex:1 1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:6px;background:var(--fb-white)}.fb-messenger-chat-input{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--fb-divider);background:var(--fb-white)}.fb-messenger-chat-input input{flex:1 1;height:36px;border-radius:50px;background:var(--fb-input-bg);padding:0 12px;font-size:15px}.fb-messenger-chat-input button{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.fb-messenger-chat-input button:disabled{opacity:.3}.fb-notifications-page{flex:1 1;padding:16px;overflow-y:auto}.fb-notification-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--fb-radius);cursor:pointer;transition:background .15s}.fb-notification-item:hover{background:var(--fb-hover)}.fb-notification-item.fb-unread{background:#e7f3ff}.fb-notification-item.fb-unread:hover{background:#dbeafe}.fb-notif-avatar-wrapper{position:relative;flex-shrink:0}.fb-notif-icon{position:absolute;bottom:-2px;right:-2px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--fb-white)}.fb-notif-like{background:var(--fb-blue)}.fb-notif-comment{background:var(--fb-green)}.fb-notif-friend{background:var(--fb-blue)}.fb-notif-share{background:#f7b928}.fb-notification-info{flex:1 1}.fb-notification-info p{font-size:15px;line-height:1.3}.fb-notification-time{font-size:13px;color:var(--fb-text-secondary)}.fb-placeholder-page{flex:1 1;display:flex;align-items:flex-start;justify-content:center;padding:80px 24px 24px}@media (max-width:1100px){.fb-left-sidebar,.fb-right-sidebar{display:none}.fb-navbar-left,.fb-navbar-right{min-width:auto}}@media (max-width:768px){.fb-login-container{flex-direction:column;gap:32px;text-align:center}.fb-login-brand h1{font-size:40px}.fb-login-brand p{font-size:18px}.fb-login-card{width:100%;max-width:396px}.fb-nav-item{width:64px}.fb-search{display:none}.fb-profile-info{align-items:center;text-align:center}.fb-profile-content,.fb-profile-info{flex-direction:column}.fb-profile-left{width:100%}.fb-friends-page{flex-direction:column}.fb-friends-sidebar{width:100%;min-width:unset;height:auto}.fb-friends-content{height:auto}.fb-messenger-page{flex-direction:column}.fb-messenger-sidebar{width:100%;min-width:unset;height:40vh}.fb-messenger-chat{height:60vh}}