:root{--white: #ffffff;--background-color: #dddddd;--disabled-color: #cccccc;--black: #000000;--primary-color: #7695ec;--warning-color: #ff5151;--success-color: #47a447;--text-light: #bbb;--border-color: #fff;--darkened-background: rgba(119, 119, 119, .5);--font-family: "Arial", sans-serif;--font-size-base: 1rem;--font-size-small: .875rem;--border-radius: 10px}*{margin:0;padding:0;box-sizing:border-box}.signup-container{font-family:var(--font-family);display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--background-color)}.signup-card{background-color:var(--white);border:1px solid var(--text-light);border-radius:.75rem;padding:1rem;max-width:25rem;width:100%;display:flex;flex-direction:column;box-shadow:0 4px 8px #0000001a}.signup-card h1{font-size:1.25rem;font-weight:700}.signup-card label{font-size:.9rem;color:var(--black);margin:1rem 0 .5rem}.signup-card input{padding:.35rem;font-size:.75rem;border:1px solid var(--black);border-radius:.45rem;outline:none}.signup-card input::placeholder{color:var(--text-light);padding:.25rem;font-size:.75rem}.signup-card button{background-color:var(--primary-color);color:var(--white);font-weight:700;padding:.4rem;margin:1rem 0 .5rem;max-width:110px;width:100%;align-self:flex-end;border:none;border-radius:.45rem;cursor:pointer;transition:background-color .2s ease}.signup-card button:disabled{background-color:var(--disabled-color);cursor:default;pointer-events:none}.home-container{font-family:var(--font-family);background-color:var(--background-color);min-height:100vh;display:flex;flex-direction:column;justify-content:start;align-items:center}.header{background-color:var(--primary-color);padding:1.5rem 2rem;color:var(--white);font-size:.5rem;font-weight:700;max-width:600px;width:100%}.home-body{background-color:var(--white);max-width:600px;width:100%;padding-block-end:1.5rem;border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.create-post{background-color:var(--white);margin:1.5rem auto;padding:1.35rem;border:1px solid var(--black);border-radius:var(--border-radius);width:90%;max-width:545px;display:flex;flex-direction:column}.create-post h2{font-size:1.05rem;font-weight:700;margin-block-end:.95rem}.create-post label{font-size:.8rem;font-weight:500;color:var(--black);margin-block-end:.45rem}.create-post input,.create-post textarea{padding:.4rem;font-size:.8rem;border-radius:.45rem;border:1px solid var(--black);resize:none}.create-post input{padding:.35rem;margin-block-end:1.35rem}.create-post textarea{font-family:var(--font-family);padding-block-end:1.5rem;margin-block-end:1.35rem}.create-post input::placeholder,.create-post textarea::placeholder{color:var(--text-light);font-size:.75rem}.create-post button{align-self:flex-end;padding:.4rem 2rem;background-color:var(--primary-color);color:var(--white);font-weight:700;border:none;border-radius:.45rem;cursor:pointer;transition:.2s ease}.create-post button.disabled{background-color:var(--disabled-color);cursor:default;pointer-events:none}.post-list{display:flex;flex-direction:column;justify-content:start;align-items:center;gap:1rem;padding:.25rem 0;width:90%;max-width:600px;margin:0 auto}.post-card{background-color:var(--white);border:none;border-radius:var(--border-radius);display:flex;flex-direction:column;max-width:545px;width:100%}.post-header{background-color:var(--primary-color);color:var(--white);padding:.75rem 1rem;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);font-weight:700;font-size:.9rem;display:flex;justify-content:space-between;align-items:center}.post-actions{display:flex;gap:2rem}.post-actions button{background:transparent;font-size:.8rem;border:none;color:var(--white);font-weight:700;cursor:pointer}.post-actions button:last-child{margin-inline-end:.5rem}.post-body{border:1px solid var(--text-light);border-top:none;border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.post-meta{display:flex;justify-content:space-between;padding:.75rem 1rem 0;font-size:.875rem;margin-block-end:.5rem;color:#777}.post-meta .username{font-weight:700}.post-content{padding:.5rem 1rem 1rem;font-size:.8rem;color:var(--black)}.delete-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--darkened-background);display:flex;align-items:center;justify-content:center;z-index:1000}.delete-modal{background-color:var(--white);padding:1.5rem;border-radius:var(--border-radius);width:90%;max-width:500px;text-align:left;max-height:90vh;overflow-y:auto}.delete-modal h2{font-size:1.1rem;font-weight:700;margin-block-end:2rem;display:flex;justify-content:flex-start}.delete-actions{display:flex;justify-content:flex-end;gap:1rem}.delete-actions button{padding:.35rem 2rem}.delete-actions .cancel-btn{background-color:var(--white);border:1px solid var(--text-light);border-radius:var(--border-radius);font-weight:700;cursor:pointer}.delete-actions .delete-btn{background-color:var(--warning-color);color:var(--white);border:none;border-radius:var(--border-radius);font-weight:700;cursor:pointer}.edit-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--darkened-background);display:flex;align-items:center;justify-content:center;z-index:1000}.edit-modal{background-color:var(--white);padding:1.5rem;border-radius:var(--border-radius);width:90%;max-width:500px;text-align:left;max-height:90vh;overflow-y:auto}.edit-modal h2{margin-block-end:1.35rem;font-size:1.1rem;font-weight:700}.edit-modal label{display:block;margin:1rem 0 .5rem;font-weight:500;font-size:.9rem}.edit-modal input,.edit-modal textarea{width:100%;padding:.5rem;border-radius:var(--border-radius);border:1px solid var(--text-light);resize:none;font-family:var(--font-family);font-size:.8rem}.edit-modal input{margin-block-end:.5rem}.edit-modal textarea{padding-block-end:1.5rem}.edit-actions{display:flex;justify-content:flex-end;margin-block-start:1.5rem;gap:1rem}.edit-actions button{padding:.35rem 2rem}.edit-actions .cancel-btn{background-color:var(--white);color:var(--black);border:1px solid var(--text-light);border-radius:var(--border-radius);cursor:pointer;font-weight:700}.edit-actions .save-btn{background-color:var(--success-color);color:var(--white);border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:700}@media (max-width: 480px){.create-post,.post-card,.signup-card{padding:.75rem}.create-post button,.edit-actions button,.delete-actions button{padding:.35rem 1rem;font-size:.8rem}}