body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background-color .2s linear,color .2s linear}:root{--primary-action-color:#1877f2;--primary-action-hover-color:#166fe5}:root,[data-theme=light]{--background-color:#f0f2f5;--surface-color:#fff;--primary-text-color:#050505;--secondary-text-color:#65676b;--border-color:#ddd;--hover-color:#e4e6eb;--link-color:#1877f2;--comment-background-color:#f0f2f5;--comment-text-color:#050505}[data-theme=dark]{--background-color:#18191a;--surface-color:#242526;--primary-text-color:#e4e6eb;--secondary-text-color:#b0b3b8;--border-color:#3a3b3c;--hover-color:#3a3b3c;--link-color:#2d88ff;--comment-background-color:#3a3b3c;--comment-text-color:#e4e6eb}body{background-color:#f0f2f5;background-color:var(--background-color);color:#050505;color:var(--primary-text-color)}a{color:#1877f2;color:var(--link-color);text-decoration:none}button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 16px}.auth-logo{color:var(--primary-text-color);font-size:3rem;font-weight:700;margin-bottom:2rem;text-align:center}.auth-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:80vh;justify-content:center;padding:1rem}.auth-form{background-color:var(--surface-color);border-radius:8px;box-shadow:0 2px 4px #0000001a,0 8px 16px #0000001a;box-sizing:border-box;max-width:400px;padding:2rem;text-align:center;width:100%}.auth-form h2{font-size:1.8rem;margin-bottom:1.5rem}.auth-form input{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;color:var(--primary-text-color);margin-bottom:1rem;padding:12px;width:100%}.auth-form button{background-color:var(--primary-action-color);color:#fff;width:100%}.auth-form button:hover{background-color:var(--primary-action-hover-color)}.auth-form p{margin-top:1rem}.error-message{color:#fa383e;margin-top:10px}.theme-toggle-button-auth{background-color:var(--hover-color);border:1px solid var(--border-color);color:var(--primary-text-color);height:40px;position:absolute;right:20px;top:20px;width:50px}.navbar{background-color:var(--surface-color);border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px #0000000d;margin-bottom:2rem;padding:1rem 2rem;position:relative}.navbar-content{align-items:center;display:flex;justify-content:space-between;width:100%}.navbar-links-desktop{align-items:center;display:flex;flex:1 1;gap:20px;justify-content:flex-start}.navbar-logo{color:var(--primary-text-color);font-size:2rem;font-weight:700;text-align:center;text-decoration:none}.navbar-actions-desktop{flex:1 1;justify-content:flex-end}.navbar-links-desktop a{color:var(--secondary-text-color);font-size:1rem;font-weight:700}.navbar-links-desktop a:hover{color:var(--primary-color)}.navbar-actions-desktop{align-items:center;display:flex;gap:10px}.navbar-actions-desktop button{background-color:var(--hover-color);color:var(--primary-text-color)}.logout-button{background-color:#e4e6eb!important;color:#050505!important}.hamburger-menu,.navbar-links-mobile{display:none}@media (max-width:768px){.navbar{padding:.5rem 1rem}.navbar-actions-desktop,.navbar-links-desktop{display:none}.navbar-content{justify-content:space-between}.navbar-logo{font-size:2rem;text-align:left}.hamburger-menu{background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;height:2rem;justify-content:space-around;margin-left:auto;padding:0;width:2rem}.hamburger-menu div{background:var(--primary-text-color);border-radius:10px;height:.25rem;width:2rem}.navbar-links-mobile{align-items:stretch;display:flex;flex-direction:column;margin-top:1rem;width:100%}.navbar-links-mobile a{border-top:1px solid var(--border-color);color:var(--primary-text-color);padding:1rem 0;text-align:center}.navbar-actions-mobile{align-items:center;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding-top:1rem}.navbar-actions-mobile button{background-color:var(--hover-color);color:var(--primary-text-color);width:100%}}.post{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;color:var(--primary-text-color);margin:1rem auto;max-width:600px;padding:1.5rem}.post-header{align-items:center;display:flex;margin-bottom:1rem}.profile-picture{border-radius:50%;height:40px;margin-right:12px;object-fit:cover;width:40px}.post-author{color:var(--primary-text-color);font-weight:700;text-decoration:none}.post-content{word-wrap:break-word;line-height:1.5;margin-bottom:1rem}.post-timestamp{color:var(--secondary-text-color);font-size:.8rem;margin-bottom:1rem}.post-actions{align-items:center;border-top:1px solid var(--hover-color);display:flex;padding-top:.5rem}.post-actions button{background:none;color:var(--secondary-text-color);font-weight:700;padding:8px}.post-actions button.liked{color:var(--primary-action-color)}.comments-section{border-top:1px solid var(--hover-color);margin-top:1rem;padding-top:1rem}.comment{word-wrap:break-word;background-color:var(--comment-background-color);border-radius:18px;color:var(--comment-text-color);font-size:.9rem;margin-bottom:8px;padding:8px 12px}.comment strong{margin-right:6px}.comment-form{display:flex;margin-top:10px}.comment-form input{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:18px;color:var(--primary-text-color);flex-grow:1;margin-right:8px;padding:8px 12px}.comment-form button{background-color:var(--primary-action-color);color:#fff}@media (max-width:480px){.post{border-radius:0;margin:.5rem 0;padding:1rem}}.create-post-form{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 2px #0000001a;margin:1rem auto;max-width:600px;padding:1.5rem}.create-post-form form{display:flex;flex-direction:column}.create-post-form textarea{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;color:var(--primary-text-color);font-size:1rem;margin-bottom:10px;min-height:80px;padding:10px;resize:vertical;width:100%}.form-actions{display:flex;justify-content:flex-end}.create-post-form button{background-color:var(--primary-action-color);color:#fff}.create-post-form button:hover{background-color:var(--primary-action-hover-color)}.profile-container{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;margin:1rem auto;max-width:700px;padding:2rem}.profile-header{border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:1.5rem;text-align:center}.profile-picture-large{height:128px;width:128px}.profile-header h1{margin-bottom:.5rem}.profile-info{color:var(--secondary-text-color);margin-bottom:1rem}.profile-form{margin-top:1.5rem;text-align:left}.profile-form h3,.profile-form input{color:var(--primary-text-color);margin-bottom:1rem}.profile-form input{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;display:block;padding:10px;width:100%}.profile-form button{background-color:var(--primary-action-color);color:#fff}.photo-delete-button{background-color:#fa383e;color:#fff;margin-top:10px}.follow-stats{margin:1.5rem 0}.follow-lists{border-top:1px solid var(--border-color);margin-top:2rem;padding-top:1.5rem;text-align:left}.follow-lists h3{margin-bottom:1rem}.follow-lists ul{list-style:none;padding:0}.follow-lists li{color:var(--primary-text-color);padding:8px 0}.follow-lists li a{color:var(--link-color);font-weight:700;text-decoration:none}.explore-container{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 2px #0000001a;margin:1rem auto;max-width:600px;padding:1.5rem}.explore-container h1{border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;margin-top:0;padding-bottom:1rem}.user-list-item{align-items:center;border-bottom:1px solid var(--hover-color);display:flex;justify-content:space-between;padding:12px 0}.user-list-item:last-child{border-bottom:none}.user-link{color:var(--primary-text-color);font-size:1.1rem;font-weight:700;text-decoration:none}.user-link:hover{text-decoration:underline}.follow-button{background-color:var(--primary-action-color);color:#fff}.unfollow-button{background-color:var(--hover-color);border:1px solid var(--border-color);color:var(--secondary-text-color)}.public-profile-container{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;margin:1rem auto;max-width:700px;padding:2rem;text-align:center}.profile-picture-large{border:4px solid var(--surface-color);border-radius:50%;box-shadow:0 2px 4px #0000001a;height:120px;margin-bottom:1rem;object-fit:cover;width:120px}.follow-stats{color:var(--secondary-text-color);display:flex;gap:2rem;justify-content:center;margin:1rem 0}.public-profile-container .follow-button{background-color:var(--primary-action-color);color:#fff;margin-top:1rem}.public-profile-container .unfollow-button{background-color:var(--hover-color);border:1px solid var(--border-color);color:var(--secondary-text-color);margin-top:1rem}.user-posts-container{margin-top:2rem}.user-posts-container h2{margin-bottom:1rem}.no-posts-message,.user-posts-container h2{color:var(--secondary-text-color);text-align:center}.no-posts-message{font-style:italic;padding:2rem}@media (max-width:480px){.profile-container{padding:1rem}.follow-stats{flex-direction:column;gap:.5rem}}.app-container{margin:0 auto;max-width:900px;padding:20px}@media (max-width:768px){.app-container{padding:10px}}
/*# sourceMappingURL=main.ac262f5e.css.map*/