.navbar{align-items:center;background:linear-gradient(135deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;padding:15px 30px;position:sticky;top:0;z-index:900}.navbar-logo a,.navbar-logo h1{text-decoration:none}.navbar-logo h1{color:#fff;font-size:2.2rem;font-style:italic}.navbar-links{display:flex;gap:2rem}.navbar-links a{color:#fff;font-size:1.75rem;position:relative;text-decoration:none;transition:color .3s ease}.navbar-links a:hover{color:hsla(0,0%,100%,.452)}.navbar-links a:after{background:#fff;bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.navbar-links a:hover:after{width:100%}.navbar-hamburger{cursor:pointer;display:none;flex-direction:column;gap:4px;z-index:30}.bar{background:#fff;height:3px;transition:all .3s ease;width:25px}.navbar-hamburger.open .bar:first-child{transform:rotate(45deg) translate(5px,5px)}.navbar-hamburger.open .bar:nth-child(2){opacity:0}.navbar-hamburger.open .bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width:768px){.navbar-links{background:linear-gradient(135deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);border-radius:10px;box-shadow:0 5px 20px #0003;flex-direction:column;max-height:0;opacity:0;overflow:hidden;padding:0;position:absolute;right:10px;top:60px;transition:max-height .4s ease,opacity .4s ease,padding .3s ease;width:200px}.navbar-links.active{max-height:500px;opacity:1;padding:1rem;top:100px}.navbar-links a{font-size:1.25rem;padding:.75rem 0}.navbar-hamburger,.navbar-links:not(.active){display:flex}}.home-container{background-color:#f9f9f9;box-sizing:border-box;font-family:Roboto,Segoe UI,sans-serif;margin:0 auto;max-width:1200px;padding:40px}.loading,.no-posts{box-shadow:0 4px 20px #0000001a;color:#555;font-size:20px;margin-bottom:40px;padding:40px;text-align:center}.loading,.no-posts,.post-card{background:linear-gradient(145deg,#fefefe,#f0f0f5);border-radius:15px}.post-card{box-shadow:0 6px 20px #0000001a;margin-bottom:30px;overflow:hidden;transition:transform .3s ease}.post-card:hover{transform:translateY(-8px)}.post-header{align-items:center;background:linear-gradient(90deg,#f9d5ec,#fcefea);border-bottom:2px solid #f2f2f2;border-radius:20px;display:flex;gap:10px;justify-content:space-between;margin-bottom:40px;padding:40px 20px;text-align:center}.profile-picture{border:4px solid #fff;box-shadow:0 4px 15px #0000001a;height:40px;margin-bottom:20px;width:40px}.profile-picture:hover{transform:scale(1.2)}.post-username{color:#333;font-size:30px;font-style:italic;font-weight:700;margin-top:12px;text-align:center;text-decoration:none;transition:color .3s ease}.post-username:hover{color:#d62976;text-decoration:underline}.post-image{display:block;max-height:550px;object-fit:cover;width:100%}.post-content{padding:20px}.post-title{color:#000;font-size:35px;font-weight:700;line-height:1.5;margin-bottom:12px}.post-description{color:#444;font-size:18px;line-height:1.7}.post-ort{color:#333;font-size:19px;margin-top:10px}.post-ort:hover{color:#06c;font-size:19.5px;text-decoration:underline;transition:transform .3s ease}.post-actions{gap:15px;padding:0 20px 20px}.like-button,.post-actions{align-items:center;display:flex}.like-button{background:none;border:none;border-radius:25px;cursor:pointer;font-size:18px;gap:10px;padding:10px 20px;transition:background-color .3s ease}.like-button:hover{background-color:#ff69b41a}.like-button.liked{color:#e1306c}.comment-bubble{align-items:center;background:none;border:none;border-radius:25px;cursor:pointer;display:flex;font-size:18px;gap:10px;padding:10px 20px;transition:background-color .3s ease}.comment-bubble:hover{background-color:#ff69b41a}.comment-bubble:active{background-color:#ccc}.comment-like-button{align-items:center;background:none;border:none;border-radius:25px;cursor:pointer;display:flex;font-size:18px;gap:10px;padding:10px 20px;transition:background-color .3s ease,color .3s ease}.comment-like-button:hover{background-color:#ff69b41a}.comment-like-button.liked{color:#e1306c}.comments-toggle{padding:10px 20px;text-align:right}.toggle-comments-button{background:none;border:none;color:#333;cursor:pointer;font-size:18px;transition:color .3s ease}.toggle-comments-button:hover{color:#555}.post-comments-section{border-top:1px solid #f2f2f2;margin-top:20px;padding:0 20px}.post-comments-section h4{color:#333;font-size:18px;font-weight:700;margin:14px 0}.comment{color:#333;font-size:16px;line-height:1.8;padding:8px 0}.comment strong{font-weight:700}.post-comment-form{border-top:1px solid #f2f2f2;display:flex;margin-top:10px;padding:15px 20px}.comment-input{border:1px solid #ddd;border-radius:25px;flex:1 1;font-size:16px;outline:none;padding:12px 20px;transition:border-color .2s ease}.comment-input:focus{border-color:#962fbf}.comment-submit{background:linear-gradient(90deg,#fa7e1e,#d62976);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-left:15px;padding:12px 20px;transition:background-color .3s ease}.comment-submit:disabled{background:linear-gradient(90deg,#fa7d1e83,#d6297786);cursor:not-allowed}.comment-submit:not(:disabled):hover{background:linear-gradient(90deg,#d62976,#962fbf)}.scroll-to-top{background:linear-gradient(90deg,#fa7e1e,#d62976);border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-size:26px;height:60px;position:fixed;right:30px;transition:transform .2s ease,opacity .2s ease;width:60px;z-index:999}.scroll-to-top:hover{opacity:.9;transform:scale(1.1)}.follow-toggle-btn{align-items:center;background:none;border:none;border-radius:25px;color:#00bcd4;cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:10px;padding:10px 20px;transition:background-color .3s ease,color .3s ease}.follow-toggle-btn:hover{background-color:#00bcd41a}.follow-toggle-btn.following{color:#e1306c}.follow-toggle-btn.following:hover{background-color:#e1306c1a}@media (max-width:768px){.home-container{padding:20px 10px}.post-card{border-radius:15px;margin-bottom:20px}.post-header{flex-direction:column;gap:5px;padding:15px;text-align:center}.profile-picture{height:60px;margin-bottom:10px;right:130px;width:60px}.post-username{font-size:20px}.post-title{font-size:22px}.post-description,.post-ort{font-size:16px}.post-image{max-height:300px}.post-actions{flex-wrap:wrap;gap:10px;justify-content:center;padding:10px}.comment-bubble,.follow-toggle-btn,.like-button{font-size:16px;padding:8px 14px}.toggle-comments-button{font-size:16px}.comment{font-size:15px}.comment-input,.comment-submit{font-size:14px;padding:10px 15px}.scroll-to-top{bottom:20px;font-size:20px;height:45px;right:20px;width:45px}}.profile-container{background:linear-gradient(145deg,#fff,#f9f1ff);border-radius:30px;box-shadow:0 10px 30px #0000001a;font-family:Roboto,Segoe UI,sans-serif;max-width:1000px;padding:50px}.profile-header{margin-bottom:40px}#profile-picture{border:5px solid #db2778;border-radius:50%;height:98px;margin-right:40px;object-fit:cover;transition:transform .3s ease;width:98px}#profile-picture:hover{transform:scale(1.1)}#profile-info h2{color:#2b2b2b;font-size:38px;font-style:italic;font-weight:860;margin-bottom:20px}#profile-stats{color:#db2778;display:flex;font-size:18px;font-style:italic;font-weight:600;gap:30px}.profile-bio{font-size:18px;margin:15px 0}#profile-edit-button{background-color:#d62a78;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:10px 20px;transition:background-color .3s ease}#profile-edit-button:hover{background-color:#b91c5c}.profile-posts{grid-gap:30px;gap:30px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:50px}.profile-post-image{border-radius:25px;box-shadow:0 6px 25px #0000001a;height:320px;transition:transform .3s ease,box-shadow .3s ease}.profile-post-image:hover{box-shadow:0 8px 30px #0000001f;transform:scale(1.04)}.delete-post{background:linear-gradient(90deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:1px;padding:16px 28px;text-transform:uppercase;transition:background-color .3s ease,transform .2s ease}.delete-post:hover{opacity:.92;transform:translateY(-3px)}.modal-backdrop{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:linear-gradient(135deg,#fed975cb,#fa7d1ece,#d62977c5,#962fbfc4,#4f5ad5d2);border-radius:20px;box-shadow:0 8px 30px #0003;display:flex;flex-direction:column;gap:15px;max-width:500px;padding:30px;width:90%}.modal input{border:1px solid #000;border-radius:10px;font-size:16px;padding:12px}.modal-buttons{display:flex;gap:10px;justify-content:space-between}.modal-buttons button{background-color:#ddd;border:none;border-radius:10px;color:#000;cursor:pointer;font-size:16px;font-weight:600;padding:10px 18px}.modal-buttons button:hover{background-color:#ffffff96}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.form-group label{color:#444;font-weight:600}.friend-section{margin-top:60px}.friend-search{background-color:#fff4fa;border-radius:15px;box-shadow:0 8px 20px #0000000d;margin-top:20px;padding:20px}.friend-search input{border:2px solid #dd2276;border-radius:12px;font-size:16px;margin-bottom:15px;padding:12px 15px;width:95%}.friend-search button{background-color:#d62a78;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:background-color .3s ease}.friend-search button:hover{background-color:#b91c5c}.friend-results{display:flex;flex-direction:column;gap:15px;margin-top:20px}.friend-result{align-items:center;background-color:#fff;border:1px solid #d6d6d6;border-radius:12px;box-shadow:0 3px 8px #0000000a;display:flex;font-size:16px;justify-content:space-between;padding:12px 18px}.friend-result span{color:#333;font-weight:500}.friend-result button{background-color:#d62a78;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:8px 14px;transition:background-color .3s ease}.friend-result button:hover{background-color:#b91c5c}.already-friend{color:#2ecc71;font-size:15px;font-weight:700}@media (max-width:768px){.profile-container{padding:30px 20px}.profile-picture{height:120px;width:120px}.profile-info h2{font-size:30px}.profile-stats{flex-direction:column;font-size:18px;gap:20px}.delete-post{font-size:16px;padding:14px 24px}.friend-result{align-items:flex-start;flex-direction:column;gap:8px}}.login-container{align-items:center;animation:gradientAnimation 25s ease-in-out infinite;background:linear-gradient(135deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);background-size:1000% 1000%;display:flex;justify-content:center;min-height:100vh}.login-form{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffd9;border:1px solid #ffb88c;border-radius:12px;box-shadow:0 8px 24px #ff7e5f4d;display:flex;flex-direction:column;gap:12px;height:338px;padding:30px;width:550px}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.login-form h2{margin-bottom:20px;text-align:center}.login-input{font-size:18px}.login-button,.login-input{border:1px solid #cacaca;border-radius:4px;margin-bottom:10px;padding:10px;transition:all .3s ease}.login-button{background-color:#fff;color:#000;cursor:pointer;font-size:17px}.login-button:hover{background-color:#feda75;box-shadow:0 4px 12px #0000001a;color:#000;text-decoration:none;transform:translateY(-2px)}.login-switch{background:none;border:none;color:#000;cursor:pointer;font-size:20px;transition:all .3s ease}.login-switch:hover{color:#000000b0}.login-input:focus{border-color:#fa7e1e;box-shadow:0 0 0 3px #fa7e1e33;outline:none}.login-error{color:#e21021;font-size:1rem;margin-bottom:10px;text-align:center}@media (max-width:600px){.login-form{padding:20px;width:90%}.login-button,.login-input{font-size:16px}.login-switch{font-size:18px}}.create-post-container{align-items:center;animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.create-post-form{background:linear-gradient(135deg,#fed975cb,#fa7d1ece,#d62977c5,#962fbfc4,#4f5ad5d2);border-radius:10px;box-shadow:0 4px 15px #00000026;max-width:650px;overflow:hidden;padding:25px;width:90%}.create-post-form h2{color:#333;font-size:1.8rem;font-weight:700;margin-bottom:20px;text-align:center}.create-post-file{margin-bottom:20px}.file-upload-label{background-color:#b81e1e;background-color:#d62976;border:2px dashed #000;border-radius:8px;cursor:pointer;display:block;font-size:1.1rem;font-weight:700;padding:30px;text-align:center;transition:all .3s ease-in-out}.file-upload-label:hover{background-color:#fffae1;border-color:#fca059}.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{margin-bottom:15px;position:relative}.image-preview{border-radius:8px;box-shadow:0 4px 10px #0000001a;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:.9rem;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:8px;font-size:1rem;margin-bottom:20px;padding:12px;transition:all .3s ease;width:95%}.create-post-input:focus,.create-post-textarea:focus{border-color:#ff7e5f;box-shadow:0 0 5px #ff7e5f80;outline:none}.create-post-textarea{min-height:100px;resize:vertical}.create-post-actions{display:flex;gap:15px;justify-content:flex-end}.cancel-button,.submit-button{border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 20px;transition:background-color .3s ease}.cancel-button{background-color:initial;border:1px solid #dbdbdb;color:#333}.cancel-button:hover{background-color:#f0f0f0}.submit-button{background:linear-gradient(90deg,#fa7e1e,#d62976);border:none;color:#fff}.submit-button:hover{background:linear-gradient(90deg,#c05a0b,#b91860)}.submit-button:disabled{cursor:not-allowed;opacity:.5}.create-post-error{color:#000;font-size:1.3rem;margin-bottom:15px;text-align:center;text-decoration:underline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:600px){.create-post-form{padding:20px}.create-post-input,.create-post-textarea{font-size:.95rem;width:100%}.cancel-button,.submit-button{font-size:.9rem;padding:8px 14px}.file-upload-label{padding:20px}}.profile-container{font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.profile-header{align-items:center;display:flex;flex-direction:row;gap:20px;margin-bottom:30px}.profile-picture{border:2px solid #ddd;border-radius:50%;height:80px;object-fit:cover;width:80px}.profile-info{flex:1 1}.profile-info h2{color:#000;font-size:2rem;margin:0}.profile-info h2:hover{color:#000000c4;font-size:2rem;font-weight:700;transition:color .3s ease}.profile-stats{color:#777;display:flex;gap:15px;margin:10px 0}.profile-stats span{font-size:1rem}.profile-bio{margin-top:15px}.profile-bio p{color:#555;font-size:1.1rem;margin:5px 0}.profile-edit-button{background-color:#ff7e5f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:10px 20px;transition:background-color .3s}.profile-edit-button:hover{background-color:#feb47b}.profile-posts{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.profile-post{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden;position:relative}.profile-post-image{height:200px;object-fit:cover;width:100%}.profile-post-overlay{align-items:flex-end;background:#0006;bottom:0;color:#fff;display:flex;justify-content:space-between;left:0;opacity:0;padding:10px;position:absolute;right:0;top:0;transition:opacity .3s ease}.profile-post:hover .profile-post-overlay{opacity:1}.profile-post-stats{display:flex;font-size:1rem;gap:15px}.profile-post-stats span{color:#fff}.no-posts{color:#777;font-size:1.2rem;margin-top:50px;text-align:center}.loading{color:#444;font-size:1.2rem;gap:12px;margin-top:2rem}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}.loading{align-items:center;display:flex;justify-content:center;min-height:200px}.spinner{animation:spin 1s linear infinite;border:8px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:60px;width:60px}.app-container{min-height:100vh}.page-content{padding-top:70px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.4d25e2a4.css.map*/