:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #D92652;--secondary-color: #B91E44;--navbar-height: 64px;--red-primary: #D92652;--red-secondary: #B91E44;--blue-primary: #2652D9;--blue-secondary: #1E44B9;--yellow-primary: #D9B926;--yellow-secondary: #B99C1E;--green-primary: #52D926;--green-secondary: #44B91E}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app-container{display:flex;flex-direction:column;width:100%;height:100%}.main-content{margin-top:64px;min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;width:100%}.main-content:has(.post-container){align-items:flex-start;justify-content:flex-start}.navbar{height:64px;background-color:var(--primary-color);position:fixed;top:0;left:0;width:100%;z-index:1000;display:flex;align-items:center;justify-content:space-around;padding:0 20px;color:#fff;box-shadow:0 2px 4px #0000001a}.navbar #search{width:20rem;height:2rem;background-color:#fff;border-radius:10px;border:2px solid transparent;transition:border-color .2s;color:#000}.navbar #search:focus{border-color:var(--primary-color);outline:none}.links{display:flex;gap:20px}.links a{color:#fff;font-weight:500;transition:color .2s}.links a:hover{cursor:pointer}html,body{width:100%;margin:0;padding:0;overflow-x:hidden}.navbar h1{color:#fff}.form-input{width:100%;background-color:#fff;border-radius:10px;color:#000;border:2px solid #ccc;transition:border-color .2s;height:2rem;padding:0 .5rem;box-sizing:border-box}.form-input:focus{border-color:var(--primary-color);outline:none}.form-textarea{min-height:100px;resize:none;padding:.5rem}.form-button{background-color:var(--primary-color);transition:.2s;border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;color:#fff}.form-button:focus,.form-button:hover{outline:none;border:1px solid transparent;background-color:var(--secondary-color)}.create-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.create-post-form{display:flex;flex-direction:column;gap:20px;width:100%}.create-post-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:400px;background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a}.auth-background{background-image:url(https://images.unsplash.com/photo-1493246507139-91e8fad9978e?fm=jpg&q=60&w=3000&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8NGslMjBsYW5kc2NhcGV8ZW58MHx8MHx8fDA%3D);background-size:cover;background-repeat:no-repeat}.auth-content{background-color:#000000b3;margin-top:64px;min-height:calc(100vh - 64px);display:flex;justify-content:center;width:100%}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;color:#fff;padding-top:2rem}.login-container h1{scale:70%;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin:1rem 0}.login-form{display:flex;flex-direction:column;gap:20px;width:300px}.login-buttons{display:flex;gap:10px}.login-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:400px;background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a}.register-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;color:#fff;padding-top:2rem}.register-container h1{text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin:1rem 0;margin-bottom:50px}.register-form{display:flex;flex-direction:column;gap:20px;width:300px}.register-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:400px;background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a}.dashboard-container{display:flex;flex-direction:column;gap:20px;padding:30px}.post-card{display:flex;max-width:800px;background-color:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000001a;gap:1rem}.post-container .post-card{flex-direction:column}.image-section{width:200px;height:200px;overflow:hidden;border-radius:8px;flex-shrink:0}.image-section img{width:100%;height:100%;object-fit:cover}.post-content{display:flex;flex-direction:column;color:#000;flex:1;overflow:hidden}.post-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:.5rem 0}.user-date{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:.8rem;color:#666;margin-bottom:0}.user-date p{margin:0}.user-info{display:flex;gap:20px}.likes-container p{display:flex;align-items:center;gap:8px;color:#000;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.post-container .likes-container{cursor:pointer}.sort-buttons{display:flex;gap:20px}.post-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2rem;width:100%;min-height:calc(100vh - 64px);margin-top:0;box-sizing:border-box}.post-container .post-card{max-width:100%;width:100%;min-height:calc(100vh - 64px - 4rem);border-radius:8px;margin:0;box-sizing:border-box}.tags-container{display:flex;color:#000;gap:20px;margin:0;padding:0}.tags-container *{margin:0;padding:0}.post-image{width:300px;height:300px;overflow:hidden;border-radius:8px;flex-shrink:0}.post-image img{width:100%;height:100%;object-fit:cover}.post-text{display:flex;flex-direction:column}.post-screen-content{display:flex;color:#000;gap:50px}.edit-delete-buttons{display:flex;gap:20px}.comment-form input{height:3rem}.comment-card{display:flex;flex-direction:column;color:#000;border-bottom:1px solid #e0e0e0;padding-bottom:.75rem;margin-bottom:.75rem}.comment-card:last-child{border-bottom:none;margin-bottom:0}.comment-card h3{margin-bottom:.25rem}.comment-user-buttons{display:flex;justify-content:space-between;align-items:center}.comment-buttons{display:flex;scale:70%;gap:20px}.comment-button-container{display:flex;width:100%;justify-content:flex-end}.comment-button-container button{scale:70%}.update-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.update-post-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:400px;background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a}.update-post-form{display:flex;flex-direction:column;gap:20px;width:100%}.update-post-form .button-container{display:flex;gap:20px}.animation-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 64px);width:100%}.settings-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 64px);width:100%;color:#000}.settings-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:400px;background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a}.settings-card h2{color:var(--primary-color);margin-bottom:2rem;text-align:center}.change-color-form{display:flex;flex-direction:column;gap:15px;width:100%}.change-color-form label{font-weight:500;color:#333}.change-color-form select{cursor:pointer}ThreeDot{color:var(--primary-color)}