@media (max-width:800px){.header,.links,nav{display:flex}.header{flex-direction:column;align-items:center}}nav{padding:30px;font-weight:700;height:50px;align-items:center}nav,nav a{text-align:center}nav a{padding:10px 15px;color:#000;text-decoration:none}nav a:hover{background-color:#554f83;color:#fff8dc;border-radius:5px}.header{padding-top:.5em;padding-bottom:.5em;border:1px solid #646174;background-color:#7871aa;border-radius:0}h2{color:#fff8dc}.loginButton{color:#7871aa;background-color:#fff;border:none;padding:12px 18px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700}.footer{border:1px solid #646174;background-color:#7871aa;color:#fff8dc;border-radius:5px;text-align:center}*{padding:0;margin:0;width:100%}body{font-family:Poppins,sans-serif;background-color:#f7f3e3}#app{font-family:Avenir,Helvetica,Arial,sans-serif;text-align:center;color:#2c3e50}.error-popup[data-v-395c65e4]{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:1000;width:min(500px,90%)}.error-content[data-v-395c65e4]{background:#fff;border:2px solid #d33;padding:16px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:15px}.error-content button[data-v-395c65e4]{cursor:pointer}.vue-post-card[data-v-15c63182]{border-radius:12px;background-color:#d9bbf9;width:500px;padding:12px;box-shadow:0 2px 4px rgba(0,0,0,.15);margin:30px auto;display:flex;flex-direction:column;gap:10px}.vue-post-link[data-v-15c63182]{text-decoration:none;color:inherit}.vue-post-header[data-v-15c63182]{display:flex;justify-content:space-between;align-items:center}.vue-post-header-left[data-v-15c63182]{display:flex;align-items:center;gap:8px}.vue-date[data-v-15c63182]{font-size:12px;color:#000}.vue-post-caption[data-v-15c63182]{font-size:24px;overflow-wrap:anywhere;word-break:break-word;margin-top:6px;color:#333}.vue-post-body[data-v-15c63182]{overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap}.vue-post-image-wrap[data-v-15c63182]{margin-top:10px}.vue-post-image[data-v-15c63182]{display:block;width:100%;max-height:300px;-o-object-fit:cover;object-fit:cover;border-radius:8px}.vue-post-footer[data-v-15c63182]{margin-top:8px;display:flex;gap:12px}.vue-vote-btn[data-v-15c63182]{background:transparent;border:none;cursor:pointer;font-size:16px}.edit-button[data-v-15c63182]{padding:6px 12px;background-color:#7871aa;color:#fff;text-decoration:none;border-radius:6px}.edit-button[data-v-15c63182]:hover{background-color:#554f83}.button-container[data-v-77f05f6a]{display:flex;justify-content:center;margin-top:30px;margin-bottom:40px}button[data-v-77f05f6a]{background-color:#7871aa;color:#fff;border:none;padding:12px 18px;margin:30px;border-radius:8px;cursor:pointer;font-size:16px}.loginform,.signupform{text-align:center;background-color:#dbdbdb;border-radius:10px;display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content;padding:30px;margin:auto;margin-top:20px;margin-bottom:20px}form>button{background-color:#b0c4de;color:#000;border-radius:5px;min-width:100px;min-height:30px;border-color:#98a9c0}form>p{color:#000;text-align:left}form>p>input{border-radius:5px;border-color:#b0c4de;min-height:20px;color:gray}.field{display:flex;flex-direction:column;margin-bottom:15px}label{margin-bottom:5px;font-weight:500}.contacts{font-size:16px;font-weight:700;margin-top:6px;color:#333}.post-editor[data-v-554f99d6]{max-width:500px;margin:30px auto;padding:25px;background-color:#dbdbdb;border-radius:10px}.post-editor input[data-v-554f99d6]{display:block;width:100%;box-sizing:border-box;padding:8px;margin-top:8px}.post-actions[data-v-554f99d6]{display:flex;gap:12px;margin-top:20px}.post-actions button[data-v-554f99d6]{padding:10px 18px;background-color:#b0c4de;border:1px solid #98a9c0;border-radius:5px;cursor:pointer}.post-actions button[data-v-554f99d6]:disabled{opacity:.5;cursor:not-allowed}.error[data-v-554f99d6]{color:darkred}.form[data-v-7aac7597]{display:flex;flex-direction:column;gap:10px;width:500px;max-width:90%;margin:40px auto}.form input[data-v-7aac7597]{width:100%;padding:8px;box-sizing:border-box}.addPost[data-v-7aac7597]{width:-moz-fit-content;width:fit-content;align-self:center;margin-top:5px}.image-preview img[data-v-7aac7597]{max-width:100%;max-height:200px;border-radius:8px}.anonymous-option[data-v-7aac7597]{display:flex;align-items:center;gap:8px}.anonymous-option input[type=checkbox][data-v-7aac7597]{width:auto}.change-password[data-v-2a930d78]{max-width:400px;margin:30px auto;padding:25px;border-radius:10px;background-color:#dbdbdb}.field[data-v-2a930d78]{display:flex;flex-direction:column;margin-bottom:15px}.field input[data-v-2a930d78]{padding:8px}button[data-v-2a930d78]{padding:10px 15px;cursor:pointer}.error[data-v-2a930d78]{color:darkred}.success[data-v-2a930d78]{color:#006400}