body{font-family:'Roboto',sans-serif;line-height:1.6;margin:0;padding:0;background-color:#f4f4f4;color:#333}header{position:relative;background-color:white;color:#2196f3;text-align:center;padding:.5rem;box-shadow:0 2px 5px rgba(0,0,0,0.5)}header a{color:#2196f3;text-decoration:none}header a:hover{text-decoration:underline;color:white;background-color:#2196f3;border-radius:15px;padding:0 20px;transition:linear .3s}header h1{margin:0;align-self:center}#authButtons,#userInfo{position:absolute;top:50%;left:.5rem;transform:translateY(-50%);display:flex;gap:.5rem}nav{background-color:#2196f3;display:flex;justify-content:center;padding:1rem;flex-wrap:wrap;box-shadow:inset 0 calc(-2px) 5px rgba(0,0,0,0.5)}nav button{margin:.5rem .5rem;padding:.5rem 1rem;cursor:pointer;background-color:whitesmoke;color:#2196f3;border:0;border-radius:4px;transition:background-color .3s ease}nav button:hover{background-color:#2196f3;color:whitesmoke;transition:all .3s ease}nav select{margin:.5rem .5rem;padding:.5rem 1rem;cursor:pointer;background-color:whitesmoke;color:#2196f3;border:0;border-radius:4px;transition:background-color .3s ease}#postList{max-width:800px;margin:2rem auto}.post{background-color:white;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,0.1);padding:1.5rem;margin-bottom:1.5rem}.post h3{margin-top:0;color:#2c3e50}form{max-width:600px;margin:2rem auto;background-color:white;padding:2rem;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,0.1)}form input,form textarea,form select{width:100%;padding:.5rem;margin-bottom:1rem;border:1px solid #ddd;border-radius:4px}form button{background-color:#2196f3;color:white;border:0;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;transition:background-color .3s ease}form button:hover{background-color:#1976d2}.error-message{background-color:#f8d7da;color:#721c24;padding:10px;margin-bottom:15px;border:1px solid #f5c6cb;border-radius:4px;text-align:center}.replies{margin-top:10px;padding-left:20px;border-left:2px solid #ddd}.reply{background-color:#f9f9f9;padding:10px;margin-bottom:10px;border-radius:4px}.reply-form{margin-top:10px}.reply-form textarea{width:100%;padding:5px;margin-bottom:5px}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.4)}.modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-width:600px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1)}.close{color:#aaa;float:right;font-size:28px;font-weight:bold;cursor:pointer}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.modal-content form{margin:1rem 0;padding:0;box-shadow:none}.modal-content h2{margin-bottom:1rem}#becomeModerator{position:fixed;bottom:20px;right:20px;background-color:#4caf50;color:white;border:0;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:4px}#moderatorModal .modal-content{width:300px}#moderatorForm input[type="password"]{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}#moderatorForm button{width:100%;background-color:#4caf50;color:white;padding:14px 20px;margin:8px 0;border:0;border-radius:4px;cursor:pointer}#moderatorForm button:hover{background-color:#45a049}#loginBtn,#registerBtn,#logoutBtn{background-color:#2196f3;color:white;padding:.5rem .5rem;margin:8px 0;border:0;border-radius:4px;cursor:pointer}@media(max-width:600px){#authButtons,#userInfo{position:static;transform:none;display:flex;flex-direction:column;align-items:center;margin-bottom:.5rem}header h1{margin-top:1rem}}.likeBtn.liked{background-color:red;color:white}.likeBtn{position:static;background-color:white;color:red;padding:.5rem .5rem;margin:8px 0;border:0;border-radius:4px;cursor:pointer}.replyBtn{background-color:#2196f3;color:white;padding:.5rem .5rem;margin:8px 0;border:0;border-radius:4px;cursor:pointer}.material-symbols-outlined{vertical-align:middle}