:root{font-family:Inter,sans-serif;--color-bg-card: #e9e7e7;--color-border: #000000;--color-pink: rgb(248, 165, 165);--color-text-main: #333333;--color-text-muted: grey;--max-width-card: 400px;--shadow-card: 10px 10px 0 #000000;--radius-pill: 50px}.form-container{background-color:var(--color-bg-card);padding:20px;margin:70px auto;max-width:var(--max-width-card);border:1px solid var(--color-border);box-shadow:var(--shadow-card);display:flex;flex-direction:column}.form-container h2{font-size:14px;font-weight:500;margin:0 0 10px}.form-container textarea{width:100%;height:60px;margin-bottom:10px;font-size:12px;border:1px solid rgb(175,175,175);resize:none;padding:10px;box-sizing:border-box}.form-container button{background-color:var(--color-pink);padding:10px;border:none;border-radius:var(--radius-pill);font-size:16px;cursor:pointer}.form-container button:hover{transform:scale(1.03)}.form-container1{display:flex;justify-content:center;align-items:center;padding:40px 20px}.form-container1 form{display:flex;flex-direction:column;width:100%;max-width:400px;padding:40px;border-radius:10px;border:1px solid rgb(157,157,157);box-shadow:0 4px 12px #0000001a;background-color:#f2f2f2}.form-container1 h2{text-align:center;margin-bottom:10px;font-size:30px}.form-container1 button[type=submit]{background-color:var(--color-pink);padding:10px;border:none;border-radius:10px;font-size:16px;cursor:pointer;margin-top:20px}.form-container1 .question-button{background:none;border:none;color:var(--color-text-muted);text-decoration:underline;font-size:14px;cursor:pointer;margin-top:10px}.form-container1 input{padding:10px;border:1px solid black;border-radius:10px;font-size:16px;margin-top:5px}.form-container1 label{font-size:16px;text-align:center;padding-top:15px}.thought-card{position:relative;padding:12px 23px;margin:70px auto;max-width:var(--max-width-card);border:1px solid var(--color-border);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:8px;animation:slideIn .7s ease-out}.thoughts-list p{font-family:var(--font-family-main);font-size:16px;font-weight:400;line-height:1.4;color:var(--color-text-main)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.like-container{display:flex;align-items:center;width:100%}.like-button{border-radius:100%;padding:10px;cursor:pointer;border:none}.like-button:hover{transform:scale(1.03)}.like-button.clicked{background-color:#f8a5a5}.like-count{font-size:12px;color:var(--color-text-muted);padding:10px}.action-buttons{display:flex;gap:8px;justify-content:flex-end}.edit-Button{background:none;border:1px solid rgb(128,125,125);border-radius:6px;cursor:pointer;font-size:14px;padding:10px}.delete-button{background:none;cursor:pointer;border:1px solid rgb(128,125,125);border-radius:6px;padding:10px}.time-ago{margin-left:auto;font-size:12px;color:var(--color-text-muted)}.edit-textarea{width:100%;height:60px;margin-bottom:10px;font-size:12px;border:1px solid rgb(175,175,175);resize:none;padding:10px;box-sizing:border-box}.edit-textarea{margin-bottom:0}.edit-buttons .save-Button,.edit-buttons .cancel-Button{flex:1;padding:10px;text-align:center}.edit-buttons{display:flex;gap:16px;margin-top:10px}.save-Button:hover,.cancel-Button:hover,.logout-Button:hover,.action-buttons button:hover{transform:scale(1.03)}.save-Button{background-color:var(--color-pink);padding:8px;border:none;border-radius:10px;font-size:14px;cursor:pointer}.cancel-Button{background:var(--color-bg-card);border:1px solid black;border-radius:10px;color:var(--color-border);font-size:14px;cursor:pointer}.logout-Button{background-color:var(--color-pink);padding:8px;border:none;border-radius:10px;font-size:14px;cursor:pointer}.loading{text-align:center;margin-top:20px;color:var(--color-text-muted);font-size:14px}.loading-container{display:flex;flex-direction:column;align-items:center;margin-top:40px}#loader{width:50px;height:50px;border:16px solid #f3f3f3;border-radius:50%;border-top:16px solid #3498db;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.view-buttons{display:flex;justify-content:center;gap:10px;margin:20px 0}.view-buttons button{padding:10px 20px;border:1px solid var(--color-border);border-radius:10px;background-color:var(--color-bg-card);cursor:pointer;font-size:14px}.view-buttons button:hover{transform:scale(1.03)}.view-buttons button.active{background-color:var(--color-pink);font-weight:700}.random-thought-section{display:flex;flex-direction:column;align-items:center;min-height:200px}.random-thought-section .thought-card{width:100%;max-width:var(--max-width-card);margin-top:20px}.random-button{padding:10px 20px;border:1px solid var(--color-border);border-radius:10px;background-color:var(--color-pink);cursor:pointer;font-size:14px;margin-top:20px}.random-button:hover{transform:scale(1.03)}