body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-primary:#000;--bg-elevated:#121212;--text-primary:#f5f5f5;--text-secondary:#a8a8a8;--border-color:#262626;--accent-blue:#0095f6;--nav-width:244px;--header-height:60px}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#000;background-color:var(--bg-primary);color:#f5f5f5;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;overflow-x:hidden;position:relative;width:100vw}.home-container{background-color:#000;color:#fff;display:flex;min-height:100vh}.sidebar{background-color:#000;border-right:1px solid #2c2c2c}.logo{padding:10px 0 30px}.logo-text{background:linear-gradient(45deg,#ff6b6b,#ff8e8e);font-size:24px}.nav-menu{display:flex;flex-direction:column;gap:8px}.nav-item{background:none;border:none;cursor:pointer;padding:12px 16px;text-align:left;width:100%}.nav-item.active,.nav-item:hover{background-color:#1a1a1a}.nav-item.active{font-weight:600}.nav-item i{margin-right:12px}.create-btn{background:linear-gradient(45deg,#ff6b6b,#ff8e8e);color:#fff;font-weight:600;margin:16px 0}.create-btn:hover{opacity:.9}.logout-btn{color:#ff6b6b}.main-content{max-width:100%;padding:20px}.posts-feed{box-sizing:border-box;gap:24px;margin-bottom:40px;max-width:540px;padding:20px}.post,.posts-feed{display:flex;flex-direction:column;width:100%}.post{background-color:#111;border:1px solid #2c2c2c;border-radius:12px;margin-bottom:16px;overflow:hidden}.post-header{align-items:center;border-bottom:1px solid #2c2c2c;display:flex;padding:12px 16px}.user-info{cursor:pointer}.post-header-right{color:#666;font-size:14px;margin-left:auto}.avatar{align-items:center;background-color:#2c2c2c;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;overflow:hidden;width:32px}.avatar img{height:100%;object-fit:cover;width:100%}.avatar i{color:#666;font-size:18px}.username{color:#fff}.post-time{color:#666;flex-shrink:0;font-size:14px;margin-left:12px}.caption{line-height:1.5;margin:0;padding:16px;word-break:break-word}.media-container{align-items:center;background-color:#000;display:flex;justify-content:center;max-height:72vh;min-height:180px;overflow:visible;position:relative}.media-container img{display:block;height:auto;max-width:100%;object-fit:contain}.media-container video{display:block}.media-container video,.video-player{height:auto;max-height:72vh;object-fit:contain;width:100%}.video-player{background:#000}video:-ms-fullscreen,video:-webkit-full-screen,video:fullscreen{height:auto!important;left:50%;margin:auto;max-height:90vh!important;max-width:90vw!important;object-fit:contain!important;position:fixed;top:50%;transform:translate(-50%,-50%);width:auto!important}video::-webkit-media-controls{display:flex!important;opacity:1!important}.post-actions{border-top:1px solid #2c2c2c;gap:16px;padding:12px 16px}.action-btn,.post-actions{align-items:center;display:flex}.action-btn{background:none;border:none;color:#fff;cursor:pointer;gap:6px;padding:8px 0;transition:all .2s ease}.action-btn i{font-size:20px}.action-btn span{font-weight:500}.action-btn:hover{opacity:.7}.action-btn.liked,.action-btn.liked i{color:#ff6b6b}.empty-feed{color:#666;padding:60px 20px;text-align:center}.empty-feed-icon{font-size:48px;margin-bottom:20px}.empty-feed h2{color:#fff;margin-bottom:8px}@media (max-width:640px){.posts-feed{gap:1px}.post{border-left:none;border-radius:0;border-right:none}.action-btn{padding:6px 0}.action-btn i{font-size:18px}}.loading-feed{align-items:center;color:#a8a8a8;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:40px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #262626;border-top-color:#0095f6;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-blue);height:40px;margin-bottom:16px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.error-message{align-items:center;color:#f44;display:flex;flex-direction:column;justify-content:center;padding:40px}.error-message i{font-size:32px;margin-bottom:16px}.post-author-info{align-items:center;border-radius:8px;cursor:pointer;display:flex;padding:4px;transition:background-color .2s}.post-author-avatar,.post-author-info:hover{background-color:#262626;background-color:var(--border-color)}.post-author-avatar{align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;margin-right:12px;overflow:hidden;width:32px}.post-author-avatar img{height:100%;object-fit:cover;width:100%}.post-author-avatar i{color:#a8a8a8;color:var(--text-secondary);font-size:18px}.post-comments{border-top:1px solid #262626;border-top:1px solid var(--border-color);margin-top:8px;padding-top:8px}.view-comments{background:none;border:none;color:#a8a8a8;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:4px 0;transition:color .2s}.view-comments:hover{color:#f5f5f5;color:var(--text-primary)}.action-btn span{color:#a8a8a8;color:var(--text-secondary);font-size:14px;margin-left:6px}.auth-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-box{background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;max-width:400px;padding:40px;text-align:center;width:100%}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);-webkit-background-clip:text;font-size:32px;font-weight:700;margin-bottom:20px}.auth-subtitle{color:var(--text-secondary);font-size:16px;margin-bottom:24px}.auth-form{display:flex;flex-direction:column;gap:12px}.form-group{position:relative}.form-group input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:12px 16px;width:100%}.form-group input:focus{border-color:var(--accent-blue);outline:none}.auth-button{background-color:var(--accent-blue);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:8px;padding:12px;transition:opacity .2s}.auth-button:hover{opacity:.9}.auth-footer{border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px}.auth-footer p{color:var(--text-secondary);font-size:14px}.auth-footer a{color:var(--accent-blue);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.error-message{margin-bottom:12px}.search-container{margin:0 auto;max-width:800px;padding:20px}.search-header{margin-bottom:24px}.search-header h1{font-size:24px;margin-bottom:16px}.search-form{display:flex;gap:8px}.search-input{background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:16px;padding:12px 16px}.search-input:focus{border-color:var(--accent-blue);outline:none}.search-btn{background-color:var(--accent-blue);border:none;border-radius:8px;color:#fff;cursor:pointer;padding:0 16px;transition:opacity .2s}.search-btn:hover{opacity:.9}.search-results{display:flex;flex-direction:column;gap:24px}.results-section{background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:12px;padding:16px}.results-section h2{color:var(--text-primary);font-size:18px;margin-bottom:16px}.user-card{align-items:center;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;margin-bottom:8px;padding:12px;transition:background-color .2s}.user-card:last-child{margin-bottom:0}.user-card:hover{background-color:var(--border-color)}.user-avatar{align-items:center;display:flex;height:44px;justify-content:center;margin-right:12px;overflow:hidden;width:44px}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-avatar i{color:var(--text-secondary);font-size:20px}.user-info{flex-direction:column;gap:4px}.bio{font-size:14px}.bio,.followers{color:var(--text-secondary)}.followers{font-size:12px}.post-card{background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;margin-bottom:8px;padding:12px;transition:background-color .2s}.post-card:last-child{margin-bottom:0}.post-card:hover{background-color:var(--border-color)}.post-preview{border-radius:4px;height:60px;margin-right:12px;overflow:hidden;width:60px}.post-media{height:100%;object-fit:cover;width:100%}.post-info{display:flex;flex-direction:column;gap:4px}.post-caption{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:14px;overflow:hidden}.post-user{color:var(--text-secondary);font-size:12px}.hashtag-card{align-items:center;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px;transition:background-color .2s}.hashtag-card:last-child{margin-bottom:0}.hashtag-card:hover{background-color:var(--border-color)}.hashtag{color:var(--accent-blue);font-weight:600}.post-count{color:var(--text-secondary);font-size:12px}.loading,.no-results{color:var(--text-secondary);padding:24px;text-align:center}.messages-container{background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:4px;display:flex;height:calc(100vh - var(--header-height));margin:20px auto;max-width:935px}.conversations-list{background-color:var(--bg-primary);border-right:1px solid var(--border-color);width:350px}.conversations-header{border-bottom:1px solid var(--border-color);padding:16px}.conversations-header h2{font-size:16px;font-weight:600}.conversation-item{align-items:center;cursor:pointer;display:flex;padding:12px 16px;transition:background-color .2s}.conversation-item.active,.conversation-item:hover{background-color:var(--bg-elevated)}.conversation-avatar{align-items:center;background-color:var(--border-color);border-radius:50%;display:flex;height:56px;justify-content:center;margin-right:12px;overflow:hidden;width:56px}.conversation-avatar img{height:100%;object-fit:cover;width:100%}.conversation-avatar i{color:var(--text-secondary);font-size:24px}.conversation-info{flex:1 1;min-width:0}.conversation-name{display:block;font-weight:600;margin-bottom:4px}.last-message{color:var(--text-secondary);display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages-content{background-color:var(--bg-primary);display:flex;flex:1 1;flex-direction:column}.messages-header{border-bottom:1px solid var(--border-color);padding:16px}.messages-header h3{font-size:16px;font-weight:600}.messages-list{flex:1 1;gap:8px;overflow-y:auto;padding:16px}.message,.messages-list{display:flex;flex-direction:column}.message{max-width:60%}.message.sent{align-self:flex-end}.message.received{align-self:flex-start}.message-content{border-radius:18px;font-size:14px;line-height:1.4;padding:12px 16px}.message.sent .message-content{background-color:var(--accent-blue);color:#fff}.message.received .message-content{background-color:var(--bg-elevated)}.message-time{color:var(--text-secondary);font-size:12px;margin-top:4px;padding:0 8px}.message-input{border-top:1px solid var(--border-color);display:flex;gap:12px;padding:20px}.message-input input{background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:22px;color:var(--text-primary);flex:1 1;font-size:14px;padding:12px}.message-input input:focus{border-color:var(--accent-blue);outline:none}.message-input button{background-color:var(--accent-blue);border:none;border-radius:50%;color:#fff;cursor:pointer;height:44px;transition:opacity .2s;width:44px}.message-input button:hover{opacity:.9}.no-conversation{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px;text-align:center}.no-conversation i{font-size:96px;margin-bottom:24px}.no-conversation h3{font-size:22px;font-weight:300;margin-bottom:8px}.no-conversation p{font-size:14px}@media (max-width:935px){.messages-container{border:none;border-radius:0;height:calc(100vh - 60px);margin:0}}@media (max-width:767px){.conversations-list{display:none;width:100%}.conversations-list.active{display:block}.messages-content{width:100%}.messages-content:not(.active){display:none}}.notifications-container{margin:0 auto;max-width:600px;padding:20px}.notifications-header{margin-bottom:24px}.notifications-header h1{font-size:24px;font-weight:600}.notifications-list{background-color:var(--border-color);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:1px;overflow:hidden}.notification-item{align-items:center;background-color:var(--bg-primary);cursor:pointer;display:flex;gap:12px;padding:16px;transition:background-color .2s}.notification-item:hover{background-color:var(--bg-elevated)}.notification-item.unread{background-color:#0095f61a}.notification-avatar{align-items:center;background-color:var(--border-color);border-radius:50%;display:flex;flex-shrink:0;height:44px;justify-content:center;overflow:hidden;width:44px}.notification-avatar img{height:100%;object-fit:cover;width:100%}.notification-avatar i{color:var(--text-secondary);font-size:20px}.notification-content{flex:1 1;min-width:0}.notification-username{font-weight:600;margin-right:4px}.notification-text,.notification-time{color:var(--text-secondary)}.notification-time{display:block;font-size:12px;margin-top:4px}.notification-icon{align-items:center;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.notification-icon i{font-size:16px}.notification-icon .fa-heart{color:#ed4956}.notification-icon .fa-comment{color:#0095f6}.notification-icon .fa-user-plus{color:#00c04b}.no-notifications{align-items:center;background-color:var(--bg-primary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.no-notifications i{color:var(--text-secondary);font-size:48px;margin-bottom:16px}.no-notifications h3{font-size:22px;font-weight:300;margin-bottom:8px}.no-notifications p{color:var(--text-secondary);font-size:14px}@media (max-width:767px){.notifications-container{padding:0}.notifications-header{margin-bottom:0;padding:20px}.notifications-list{border-left:none;border-radius:0;border-right:none}}.profile-container{margin:0 auto;max-width:935px;padding:30px 20px}.profile-header{display:flex;gap:30px;margin-bottom:44px}.profile-avatar{align-items:center;background-color:var(--border-color);border-radius:50%;display:flex;flex-shrink:0;height:150px;justify-content:center;overflow:hidden;width:150px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-avatar i{color:var(--text-secondary);font-size:64px}.profile-info{flex:1 1}.profile-actions{align-items:center;display:flex;gap:20px;margin-bottom:20px}.profile-actions h1{font-size:28px;font-weight:300}.edit-profile-btn,.follow-btn{border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:7px 16px;transition:all .2s}.edit-profile-btn{background:none;border:1px solid var(--border-color);color:var(--text-primary)}.edit-profile-btn:hover{background-color:var(--bg-elevated)}.follow-btn{background-color:var(--accent-blue);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 24px;transition:all .2s ease}.follow-btn:hover{opacity:.9}.follow-btn.following{background-color:var(--bg-elevated);border:1px solid var(--border-color);color:var(--text-primary)}.follow-btn.following:hover{background-color:#f44;border-color:#f44;color:#fff}.follow-btn.following:hover:before{content:"Unfollow"}.follow-btn.following:before{content:"Following"}.follow-btn.following:hover span{display:none}.profile-stats{display:flex;gap:40px;margin-bottom:20px}.stat-item{display:flex;gap:4px}.stat-value{font-weight:600}.stat-label{color:var(--text-secondary)}.profile-bio{max-width:400px}.profile-name{display:block;font-weight:600;margin-bottom:4px}.profile-bio p{color:var(--text-secondary);white-space:pre-wrap}.profile-content{border-top:1px solid var(--border-color)}.profile-tabs{display:flex;gap:60px;justify-content:center;margin-bottom:20px}.tab-btn{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:600;gap:6px;letter-spacing:1px;padding:20px 0;position:relative;text-transform:uppercase}.tab-btn,.tab-btn i{font-size:12px}.tab-btn.active{color:var(--text-primary)}.tab-btn.active:after{background-color:var(--text-primary);content:"";height:1px;left:0;position:absolute;top:-1px;width:100%}.posts-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(3,1fr)}.grid-item{aspect-ratio:1;border-radius:4px;cursor:pointer;overflow:hidden;position:relative}.media-container{background-color:var(--bg-elevated);height:100%;width:100%}.media-container img,.media-container video{height:100%;object-fit:cover;width:100%}.media-container.video{position:relative}.media-container.video:after{background:#0000004d;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.media-container.video i{color:#fff;font-size:24px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.post-overlay{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s;width:100%}.grid-item:hover .post-overlay{opacity:1}.post-stats{color:#fff;display:flex;font-weight:600;gap:20px}.post-stats span{align-items:center;display:flex;gap:6px}.post-stats i{font-size:18px}.no-posts{grid-column:1/-1;padding:60px 0;text-align:center}.no-posts-icon{align-items:center;background:var(--border-color);border-radius:50%;display:flex;height:96px;justify-content:center;margin:0 auto 24px;width:96px}.no-posts-icon i{color:var(--text-primary);font-size:32px}.no-posts h2{font-size:28px;font-weight:300;margin-bottom:8px}.no-posts p{color:var(--text-secondary)}@media (max-width:935px){.profile-container{padding:0}.profile-header{padding:20px}.posts-grid{gap:3px}.grid-item{border-radius:0}}@media (max-width:767px){.profile-header{align-items:center;flex-direction:column;gap:15px;text-align:center}.profile-avatar{height:96px;width:96px}.profile-stats{justify-content:center}.profile-bio{margin:0 auto}.posts-grid{grid-template-columns:repeat(2,1fr)}}.create-container{align-items:center;background-color:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.create-card{background-color:var(--bg-elevated);border-radius:12px;display:flex;flex-direction:column;height:80vh;max-width:1095px;overflow:hidden;width:100%}.create-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 16px}.create-header h1{color:var(--text-primary);font-size:16px;font-weight:600}.back-btn{background:none;color:var(--text-primary);font-size:20px;padding:8px}.back-btn,.share-btn{border:none;cursor:pointer}.share-btn{background:var(--accent-blue);border-radius:8px;color:#fff;font-weight:600;padding:8px 16px}.share-btn:disabled{cursor:not-allowed;opacity:.5}.create-content{display:flex;flex:1 1;overflow:hidden}.upload-area{align-items:center;color:var(--text-primary);display:flex;flex:1 1;flex-direction:column;gap:20px;justify-content:center;padding:20px}.upload-area i{color:var(--text-primary);font-size:48px}.upload-area p{color:var(--text-primary);font-size:20px}.select-btn{background:var(--accent-blue);border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:opacity .2s}.select-btn:hover{opacity:.9}.preview-container{display:flex;height:100%;width:100%}.media-side{align-items:center;background-color:var(--bg-primary);display:flex;flex:2 1;justify-content:center;overflow:hidden}.media-preview{max-height:100%;max-width:100%;object-fit:contain}.caption-side{border-left:1px solid var(--border-color);display:flex;flex:1 1;flex-direction:column;min-width:340px}.caption-header{border-bottom:1px solid var(--border-color);padding:16px}.user-info{align-items:center;display:flex;gap:12px}.user-avatar{background-color:var(--border-color);border-radius:50%;height:28px;width:28px}.username{color:var(--text-primary);font-size:14px;font-weight:600}.caption-input-container{display:flex;flex:1 1;flex-direction:column}.caption-input{background:none;border:none;color:var(--text-primary);flex:1 1;font-size:16px;min-height:120px;padding:16px;resize:none}.caption-input::placeholder{color:var(--text-secondary)}.caption-footer{border-top:1px solid var(--border-color);padding:16px}.char-count{color:var(--text-secondary);float:right;font-size:12px}.error-message{padding:12px 16px;text-align:center}@media (max-width:767px){.create-card{border-radius:0;height:100%;width:100%}.preview-container{flex-direction:column}.media-side{flex:none;height:50vh}.caption-side{border-left:none;border-top:1px solid var(--border-color);flex:1 1;min-width:0}}.settings-container{margin:0 auto;max-width:935px;padding:30px 20px}.settings-content{background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;margin:0 auto;max-width:600px;padding:40px}.settings-content h1{font-size:24px;font-weight:600;margin-bottom:32px}.settings-content h2{font-size:20px;font-weight:600;margin-bottom:24px}.settings-form{gap:20px}.form-group,.settings-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:var(--text-secondary);font-size:14px;font-weight:600}.form-group input,.form-group textarea{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:12px 16px;resize:vertical;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-blue);outline:none}.form-divider{background-color:var(--border-color);height:1px;margin:32px 0}.form-actions{display:flex;gap:12px;margin-top:12px}.cancel-btn,.save-btn{border-radius:8px;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s}.save-btn{background-color:var(--accent-blue);border:none;color:#fff}.save-btn:hover{opacity:.9}.cancel-btn{background:none;border:1px solid var(--border-color);color:var(--text-primary)}.cancel-btn:hover{background-color:var(--bg-elevated)}.error-message{background-color:#ed49561a;color:#ed4956}.error-message,.success-message{border-radius:8px;font-size:14px;padding:12px}.success-message{background-color:#00c04b1a;color:#00c04b}.loading{color:var(--text-secondary);padding:40px;text-align:center}@media (max-width:767px){.settings-container{padding:0}.settings-content{border-left:none;border-radius:0;border-right:none}}.app-container{background-color:#000;color:#fff;display:flex;min-height:100vh}.sidebar{background-color:#111;border-right:1px solid #222;display:flex;flex-direction:column;height:100vh;padding:20px;position:fixed;width:240px;z-index:1000}.logo{color:#fff;margin-bottom:30px;text-decoration:none}.logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b6b,#ff59b4);-webkit-background-clip:text;font-size:24px;margin:0}.nav-links{display:flex;flex-direction:column;gap:10px}.nav-item{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:16px;gap:15px;padding:12px 15px;text-decoration:none;transition:background-color .2s}.nav-item:hover{background-color:#222}.nav-item.active{background-color:#333;font-weight:500}.nav-item i{font-size:20px;text-align:center;width:24px}.logout-btn{background:none;border:none;color:#ff4757;cursor:pointer;font-size:16px;margin-top:auto;text-align:left}.logout-btn:hover{background-color:#ff47571a}.main-content{background-color:#000;box-sizing:border-box;display:flex;flex:1 1;justify-content:center;margin-left:240px;min-height:100vh;position:relative;width:calc(100vw - 240px)}@media (max-width:1024px){.main-content{padding:20px 10px}}@media (max-width:768px){.sidebar{padding:20px 0;width:60px}.logo h1,.nav-item span{display:none}.nav-item{justify-content:center;padding:12px 0}.nav-item i{margin:0}.main-content{margin-left:60px;width:calc(100vw - 60px)}.posts-feed{margin-left:calc(50% - 270px)!important}}@media (max-width:480px){.sidebar{align-items:center;border-right:none;border-top:1px solid #222;bottom:0;height:60px;padding:0}.nav-links,.sidebar{flex-direction:row;justify-content:space-around;width:100%}.logo,.logout-btn{display:none}.main-content{margin-bottom:60px;margin-left:0;width:100vw}.posts-feed{margin:0 auto!important;padding:10px!important}}.bottom-nav{align-items:center;background:#111;border-top:1px solid #222;bottom:0;display:flex;height:60px;justify-content:space-around;left:0;position:fixed;width:100vw;z-index:2000}.bottom-nav .nav-item{align-items:center;color:#fff;display:flex;flex:1 1;flex-direction:column;font-size:12px;height:100%;justify-content:center;padding:0 4px;text-decoration:none;transition:background .2s}.bottom-nav .nav-item.active{color:#ff6b6b}.bottom-nav .nav-item i{font-size:22px;margin-bottom:2px}.bottom-nav .nav-item span{font-size:11px;margin-top:2px}@media (min-width:481px){.bottom-nav{display:none}}
/*# sourceMappingURL=main.b18dc419.css.map*/