.header{background-color:#1877f2;color:#fff;position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 2px 4px #0000001a}.header-content{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:60px;max-width:1200px;margin:0 auto}.header-left .logo{font-size:24px;font-weight:700;margin:0;color:#fff}.header-center{flex:1;max-width:400px;margin:0 40px}.search-input{width:100%;padding:10px 15px;border:none;border-radius:20px;background-color:#f0f2f5;font-size:14px;outline:none}.search-input::placeholder{color:#65676b}.user-info{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;background-color:#42b883}.user-info span{font-weight:600}.create-post{background-color:#fff;border-radius:8px;padding:16px;margin-bottom:20px;box-shadow:0 1px 2px #0000001a}.create-post-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.create-post-header .avatar{width:40px;height:40px;border-radius:50%;background-color:#42b883}.create-post-header span{color:#65676b;font-size:16px}.create-post-form{display:flex;flex-direction:column;gap:12px}.post-textarea{width:100%;min-height:60px;padding:12px;border:1px solid #e4e6ea;border-radius:8px;font-size:16px;font-family:inherit;resize:vertical;outline:none;box-sizing:border-box}.post-textarea:focus{border-color:#1877f2}.post-textarea::placeholder{color:#8a8d91}.post-button{align-self:flex-end;padding:8px 24px;background-color:#1877f2;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.post-button:hover:not(:disabled){background-color:#166fe5}.post-button:disabled{background-color:#e4e6ea;color:#bcc0c4;cursor:not-allowed}.post{background-color:#fff;border-radius:8px;margin-bottom:20px;box-shadow:0 1px 2px #0000001a}.post-header{display:flex;align-items:center;gap:12px;padding:16px 16px 0}.post-header .avatar{width:40px;height:40px;border-radius:50%;background-color:#42b883}.post-info{display:flex;flex-direction:column}.author-name{margin:0;font-size:15px;font-weight:600;color:#050505}.post-time{font-size:13px;color:#65676b}.post-content{padding:12px 16px}.post-content p{margin:0;font-size:15px;line-height:1.33;color:#050505}.post-actions{display:flex;border-top:1px solid #e4e6ea;padding:8px}.action-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;background:none;border:none;border-radius:6px;font-size:15px;font-weight:600;color:#65676b;cursor:pointer;transition:background-color .2s}.action-button.liked{color:#1877f2}*{margin:0;padding:0;box-sizing:border-box}.facebook-app{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f0f2f5;min-height:100vh}.header{background-color:#fff;border-bottom:1px solid #dadde1;padding:0 16px;position:fixed;top:0;left:0;right:0;z-index:1000;height:56px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000001a}.header-left{display:flex;align-items:center;gap:16px}.logo{font-size:24px;font-weight:700;color:#1877f2;cursor:pointer}.search-bar input{padding:8px 12px;border:none;background-color:#f0f2f5;border-radius:20px;outline:none;width:240px}.header-center{display:flex;gap:8px}.nav-item{padding:12px 20px;cursor:pointer;border-radius:8px;font-size:20px;transition:background-color .2s}.nav-item:hover{background-color:#f0f2f5}.nav-item.active{color:#1877f2;border-bottom:3px solid #1877f2}.header-right{display:flex;align-items:center}.profile-menu{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:20px;cursor:pointer;transition:background-color .2s}.profile-menu:hover{background-color:#f0f2f5}.profile-avatar{font-size:20px}.main-content{display:flex;margin-top:60px;max-width:1200px;margin-left:auto;margin-right:auto;gap:20px;padding:20px 16px}.sidebar{width:280px;position:sticky;top:80px;height:fit-content}.sidebar-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:background-color .2s;font-weight:500;color:#050505}.sidebar-item:hover{background-color:#e4e6ea}.sidebar-icon{font-size:24px;width:36px}.feed{flex:1;max-width:500px;margin:0 auto}.post-composer{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:16px;margin-bottom:16px}.composer-top{display:flex;gap:12px;margin-bottom:12px}.composer-avatar{font-size:24px}.composer-input{flex:1;border:none;outline:none;font-size:16px;resize:none;min-height:60px;padding:8px;border-radius:20px;background-color:#f0f2f5}.composer-bottom{display:flex;justify-content:flex-end}.post-button{background-color:#1877f2;color:#fff;border:none;border-radius:6px;padding:8px 24px;font-weight:600;cursor:pointer;transition:background-color .2s}.post-button:hover{background-color:#166fe5}.posts{display:flex;flex-direction:column;gap:16px}.post{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:16px}.post-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.post-avatar{font-size:24px}.post-info{flex:1}.post-author{font-weight:600;color:#050505}.post-timestamp{color:#65676b;font-size:13px}.post-content{margin-bottom:12px;color:#050505;line-height:1.33}.post-stats{display:flex;gap:16px;margin-bottom:12px;color:#65676b;font-size:14px}.post-actions{display:flex;border-top:1px solid #dadde1;padding-top:8px}.action-button{flex:1;background:none;border:none;padding:8px;border-radius:6px;color:#65676b;font-weight:600;cursor:pointer;transition:background-color .2s}.action-button:hover{background-color:#f0f2f5}.right-sidebar{width:240px;position:sticky;top:72px;height:fit-content}.contacts{background-color:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000001a}.contacts h3{color:#65676b;font-size:16px;margin-bottom:12px}.contact{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;cursor:pointer;transition:background-color .2s}.contact:hover{background-color:#f0f2f5}.contact-avatar{font-size:20px}@media (max-width: 768px){.main-content{flex-direction:column;padding:8px}.sidebar,.right-sidebar{width:100%;position:static}.feed{max-width:100%}.header-center{display:none}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}