body {font-family: 'Lora', serif; background-color: #fbfbf8;}
#goals-list::-webkit-scrollbar, #news-list::-webkit-scrollbar {width: 5px;}
#goals-list::-webkit-scrollbar-track, #news-list::-webkit-scrollbar-track {background: transparent;}
#goals-list::-webkit-scrollbar-thumb, #news-list::-webkit-scrollbar-thumb {background: #d1d5db; border-radius: 10px;}
#goal-input::placeholder {color: #9ca3af;}
.goal-item.completed span.goal-text {text-decoration: line-through; color: #9ca3af;}
.goal-item .delete-btn {opacity: 0; transition: opacity 0.2s ease-in-out;}
.goal-item:hover .delete-btn {opacity: 1;}
.custom-checkbox input { display: none; }
.custom-checkbox .checkmark {width: 18px; height: 18px; border: 2px solid #9ca3af; display: inline-block; position: relative; cursor: pointer; transition: border-color 0.2s;}
.custom-checkbox:hover .checkmark {border-color: #374151;}
.custom-checkbox input:checked + .checkmark {border-color: #1f2937; background-color: #1f2937;}
.custom-checkbox .checkmark:after {content: ""; position: absolute; display: none; left: 5px; top: 1px; width: 5px; height: 10px; border: solid #fbfbf8; border-width: 0 3px 3px 0; transform: rotate(45deg);}
.custom-checkbox input:checked + .checkmark:after {display: block;}
.toggle-checkbox:checked {right: 0; border-color: #1f2937;}
.toggle-checkbox:checked + .toggle-label {background-color: #1f2937;}