.navbar{align-items:center;background-color:#fff;border-bottom:1px solid #dbdbdb;display:flex;justify-content:space-between;padding:10px 20px}.navbar-logo{font-size:1.5rem;font-weight:700}.navbar-links{display:flex;gap:15px}.navbar-link{background:none;border:none;color:#0095f6;cursor:pointer;text-decoration:none}.navbar-link:hover{text-decoration:underline}.logout-button{color:#ff4d4d;font-weight:700}.logout-button:hover{color:#e60000;text-decoration:underline}@media (max-width:600px){.navbar{align-items:flex-start;flex-direction:column}.navbar-links{flex-direction:column;width:100%}.logout-button,.navbar-link{padding:8px 0;text-align:left;width:100%}}.logout-button:hover,.navbar-link:hover{background-color:#f0f8ff;border-radius:5px}.logout-button,.navbar-link{transition:all .3s ease}.user-search{position:relative}.search-input{border:1px solid #ccc;border-radius:5px;padding:6px 10px}.search-results{background:#fff;border:1px solid #ccc;border-radius:5px;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:36px;z-index:10}.search-results li{align-items:center;cursor:pointer;display:flex;padding:6px 10px}.search-results li img{border-radius:50%;height:30px;margin-right:10px;width:30px}.home-container{grid-gap:16px;display:grid;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;gap:16px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:900px;padding:20px}.post-card{cursor:pointer;display:flex;flex-direction:column}.post-image{height:auto}.modal{align-items:center;background:#000c;bottom:0;display:none;justify-content:center;left:0}..modal.active,.modal{padding:20px;position:fixed;right:0;top:0;z-index:1000}..modal.active{background-color:#fff;height:100%;width:50%}.modal-content{border-radius:10px;display:flex;flex-direction:column;gap:1rem;max-height:90vh;max-width:90vw;padding:1rem}.modal-left,.modal-right{width:100%}.modal-image{border-radius:8px;height:auto;width:100%}@media (min-width:768px){.modal-content{flex-direction:row}.modal-left{width:60%}.modal-right{max-height:80vh;overflow-y:auto;width:40%}}.close-modal{align-self:flex-end;background:none;border:none;cursor:pointer;font-size:1.5rem;margin-top:1rem}.modal.active{display:flex}.modal-content{background-color:#fff;border-radius:12px;max-width:800px;overflow:auto;padding:20px;width:60%}.modal img{height:auto;object-fit:cover;width:100%}.loading{color:#555;font-size:18px}.loading,.no-posts{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:40px;text-align:center}.no-posts{color:#888}.post-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 15px #00000014;margin-bottom:24px;overflow:hidden;transition:transform .2s ease}.post-card:hover{transform:translateY(-3px)}.profile-picture{border:2px solid #f0f0f0;height:40px;margin-right:12px;object-fit:cover;width:40px}.post-image{display:block;max-height:500px;object-fit:cover;width:100%}.post-content{padding:16px}.post-title{color:#262626;font-size:18px;font-weight:600;margin:0 0 8px}.post-description{color:#262626;font-size:14px;line-height:1.5;margin:0}.post-actions{align-items:center;display:flex;padding:0 16px 12px}.like-button{background:none;border-radius:20px;display:flex;font-size:15px;gap:6px;padding:8px 12px;transition:background-color .2s}.like-button:hover{background-color:#f0f0f0}.like-button.liked{color:#ed4956}.post-comments-section{border-top:1px solid #f2f2f2;padding:0 16px}.post-comments-section h4{color:#262626;font-size:16px;font-weight:600;margin:12px 0}.comment{color:#262626;font-size:14px;line-height:1.4;padding:6px 0}.comment strong{font-weight:600}.post-comment-form{border-top:1px solid #f2f2f2;display:flex;margin-top:8px;padding:12px 16px}.comment-input{border:1px solid #dbdbdb;border-radius:20px;flex:1 1;font-size:14px;outline:none;padding:8px 16px;transition:border-color .2s}.comment-input:focus{border-color:#a8a8a8}.comment-submit{background-color:#0095f6;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-left:10px;padding:8px 16px;transition:background-color .2s}.comment-submit:disabled{background-color:#b2dffc;cursor:not-allowed}.comment-submit:not(:disabled):hover{background-color:#0085e0}@media (max-width:640px){.home-container{padding:12px}.post-card{border-radius:8px;margin-bottom:16px}.post-content,.post-header{padding:12px}.post-actions,.post-comment-form,.post-comments-section{padding-left:12px;padding-right:12px}}.toggle-comments-button{background-color:#0095f6;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background-color .2s}.toggle-comments-button:hover{background-color:#0085e0}.clickable-image{cursor:zoom-in;transition:transform .2s ease}.clickable-image:hover{transform:scale(1.02)}.loading-spinner{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center}.spinner{border:4px solid #ccc;border-top-color:#3498db;height:40px;margin-bottom:10px;width:40px}body{background:linear-gradient(90deg,#a8edea,#fed6e3);min-height:100vh}html{scroll-behavior:smooth}@media (max-width:600px){.create-post-form{border-radius:.5rem;padding:1rem}.create-post-actions{flex-direction:column;gap:.5rem}.cancel-button,.submit-button{width:100%}}.nav-button,.nav-link{background:linear-gradient(135deg,#a1c4fd,#c2e9fb);border:none;border-radius:25px;box-shadow:0 4px 14px #0000001a;color:#fff;cursor:pointer;display:inline-block;font-weight:700;padding:10px 20px;text-decoration:none;transition:all .3s ease}.nav-button:hover,.nav-link:hover{box-shadow:0 6px 18px #0003;transform:translateY(-2px)}.nav-button:active,.nav-link:active{box-shadow:0 2px 8px #0003;transform:scale(.98)}.text234{color:#333;font-style:italic;margin-top:4px}body.dark .text234{color:#9dcfff}.post-header{align-items:center;border-bottom:1px solid #f2f2f2;display:flex;padding:16px;position:relative}.post-username{color:#262626;flex-grow:1;font-size:15px;font-weight:600}.follow-button{background:#0095f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-left:auto;padding:5px 10px;transition:background-color .2s}.follow-button.following{background-color:#efefef;color:#262626}.follow-button:hover{background-color:#0085e0}.follow-button.following:hover{background-color:#dbdbdb}.modal-follow-button{font-size:14px;margin-bottom:15px;margin-top:15px;padding:8px 16px}@media (max-width:640px){.follow-button{font-size:11px;padding:4px 8px}}.like-button{align-items:center;background-color:initial;border:none;border-radius:12px;color:#888;cursor:pointer;display:inline-flex;font-size:.9rem;gap:5px;margin-top:5px;padding:4px 8px;transition:all .2s ease}.like-button:hover{background-color:#ff00001a;color:#e63946;transform:scale(1.05)}.like-button.liked{color:#e63946;font-weight:700}.comment-actions{display:flex;justify-content:flex-start;margin-top:4px}.comment-sidebar{background:#fff;box-shadow:-2px 0 10px #0000001a;height:100%;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;width:300px}.comment-sidebar h4{margin-top:0}.comment-sidebar .comment{margin-bottom:10px}.comment-wrapper{display:flex;flex-direction:column}.comment-item{border-bottom:1px solid #eee;margin-bottom:12px;padding-bottom:8px}.comment-user{align-items:center;display:flex;gap:10px;margin-bottom:4px}#comment-profile-picture{border-radius:50%;height:50px;margin-right:8px;object-fit:cover;width:50px}.comment-user-info{display:flex;flex-direction:column}.comment-username{color:#333;font-size:14px;font-weight:600}.comment-timestamp{color:#888;font-size:12px}.profile-container{margin:0 auto;max-width:800px;padding:20px}.profile-header{align-items:center;display:flex;margin-bottom:30px}.profile-picture{border-radius:50%;margin-right:30px}.profile-info h2{margin-bottom:15px}.profile-stats{display:flex;gap:20px}.profile-posts{grid-gap:10px;gap:10px}.profile-post-image{height:300px}.form-row{align-items:center;justify-content:space-between;margin-bottom:1rem}.form-row label{font-weight:700;width:120px}.form-row input,.form-row textarea{border:1px solid #ccc;border-radius:5px;flex:1 1;padding:.5rem}.modal-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:1rem}.modal-buttons button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .3s ease}.modal-buttons button[type=button]{background-color:#ccc;color:#000}.modal-buttons button:hover{background-color:#0056b3}.modal-buttons button[type=button]:hover{background-color:#999}.form-row textarea{border-radius:5px;resize:vertical}.profile-info button{background-color:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:.6rem 1.2rem;transition:background-color .3s ease}.profile-info button:hover{background-color:#4338ca}.profile-posts{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-top:30px}.profile-post{aspect-ratio:1/1;border-radius:10px;box-shadow:0 4px 8px #0000001a;overflow:hidden;width:100%}.profile-post-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.profile-post:hover .profile-post-image{transform:scale(1.05)}.edit-profile-modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 8px 20px #0003;max-width:500px;padding:30px;position:relative;width:90%}.modal-content h2{font-size:24px;margin-bottom:20px;text-align:center}.form-row{display:flex;flex-direction:column;margin-bottom:15px}.form-row label{font-weight:600;margin-bottom:5px}.form-row input{border:1px solid #ccc;border-radius:8px;font-size:14px;padding:8px 10px}.form-row ul{font-size:14px;margin:5px 0 0;padding-left:20px}.button-row{display:flex;justify-content:space-between;margin-top:20px}.cancel-button,.save-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:background-color .2s ease}.save-button{background-color:#4caf50;color:#fff}.save-button:hover{background-color:#45a049}.cancel-button{background-color:#e0e0e0;color:#333}.cancel-button:hover{background-color:#d5d5d5}.edit-profile-modal .modal-content{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.friends-list{background-color:#f9f9f9;border:1px solid #eee;border-radius:8px;max-height:150px;overflow-y:auto;padding:10px}.friends-list ul{margin:0;padding-left:20px}.friends-list li{margin-bottom:5px}.friends-list p{color:#777;font-style:italic;margin:5px 0}input:disabled,textarea:disabled{background-color:#f5f5f5;color:#666}.login-container{align-items:center;background-color:#fafafa;display:flex;justify-content:center;min-height:100vh}.login-form{background-color:#fff;border:1px solid #dbdbdb;border-radius:8px;display:flex;flex-direction:column;padding:30px;width:350px}.login-form h2{margin-bottom:20px;text-align:center}.login-input{border:1px solid #dbdbdb;border-radius:4px}.login-button,.login-input{margin-bottom:10px;padding:10px}.login-button{background-color:#0095f6;border:none;border-radius:4px;color:#fff;cursor:pointer}.login-button:hover{background-color:#1877f2}.login-switch{background:none;border:none;color:#0095f6;cursor:pointer;font-size:.9rem}.login-error{color:#ed4956;font-size:.9rem;margin-bottom:10px;text-align:center}.create-post-container{align-items:center;background-color:#0009}.create-post-form{background-color:#fff;border-radius:8px;max-width:500px;padding:20px;width:90%}.create-post-form h2{margin-bottom:20px;text-align:center}.create-post-file{margin-bottom:15px}.file-upload-label{border:2px dashed #dbdbdb;border-radius:4px;cursor:pointer;display:block;padding:20px;text-align:center}.file-input{display:none}.upload-placeholder{align-items:center;color:#8e8e8e;display:flex;flex-direction:column}.upload-icon{font-size:2rem;margin-bottom:10px}.image-preview-container{position:relative}.image-preview{border-radius:4px;max-height:300px;object-fit:contain;width:100%}.remove-image{align-items:center;background-color:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.8rem;height:30px;justify-content:center;position:absolute;right:10px;top:10px;width:30px}.create-post-input,.create-post-textarea{border:1px solid #dbdbdb;border-radius:4px;font-size:1rem;margin-bottom:15px;padding:10px 0}.create-post-actions{gap:10px;justify-content:flex-end}.cancel-button,.submit-button{border-radius:4px;padding:8px 16px}.cancel-button{background-color:initial;border:1px solid #dbdbdb}.submit-button{background-color:#0095f6;border:none}.submit-button:disabled{cursor:default;opacity:.5}.create-post-error{color:#ed4956;margin-bottom:15px;text-align:center}.create-post-container{align-items:flex-start;background:#0006;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.create-post-form{background:#fff;border-radius:1rem;box-shadow:0 2px 10px #0003;max-width:600px;padding:2rem;width:100%}.image-preview-container{margin:1rem 0;text-align:center}.image-preview{border-radius:.5rem;height:auto;max-width:100%}.create-post-input,.create-post-textarea{border:1px solid #ccc;border-radius:.5rem;margin-bottom:1rem;padding:.75rem;width:100%}.create-post-textarea{min-height:100px;resize:vertical}.create-post-actions{display:flex;gap:1rem;justify-content:space-between}.cancel-button,.submit-button{border:none;border-radius:.5rem;cursor:pointer;font-weight:700;padding:.75rem 1.5rem}.cancel-button{background-color:#eee}.submit-button{background-color:#4caf50;color:#fff}.create-post-error{color:red;margin-bottom:1rem}.loading-overlay{align-items:center;background:#0009;color:#fff;display:flex;flex-direction:column;font-size:1.2rem;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.spinner{animation:spin 1s linear infinite;border:6px solid #fff3;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:1rem;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.user-profile{background:var(--background);border-radius:12px;box-shadow:0 0 10px #0000001a;margin:40px auto;max-width:400px;padding:20px;text-align:center}.profile-img{border-radius:50%;height:120px;margin-bottom:15px;object-fit:cover;width:120px}body{background-color:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.app-container{min-height:100vh}body.dark{background-color:#121212;color:#fff}body.dark .navbar{background-color:#1f1f1f}body.dark .navbar-link{color:#bb86fc}body.light{background-color:#fff;color:#000}body.dark{background:linear-gradient(135deg,#0d1b2a,#3c096c);color:#f0e6ff}body.dark .navbar{background-color:#0d1b2ae6;border-bottom:1px solid #3c096c}body.dark .navbar-link{color:#dcbfff}.dark-toggle{background-color:initial;border:1px solid #bbb;border-radius:5px;color:inherit;cursor:pointer;margin-left:auto;padding:8px 12px;transition:all .3s ease}body.dark .navbar{background-color:#1a1a2e;border-bottom:1px solid #444}body.dark .logout-button,body.dark .navbar-link{color:#9dcfff}body.dark .logout-button:hover,body.dark .navbar-link:hover{color:#fff;text-decoration:underline}body.dark .dark-toggle{border:1px solid #777;color:#fff}
/*# sourceMappingURL=main.f7ff9050.css.map*/