*{margin:0;padding:0;font-family:Inter,serif;font-size:20px;box-sizing:border-box}button{background:#e7ffe9;border-radius:10px;border:none;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none}button:hover{background:#8ef8b1}button:disabled{background:#e7ffe9;color:#ebebeb;cursor:not-allowed}input,textarea{border:none;background:#ebebeb;border-radius:10px;padding:15px;width:100%;outline:none}.todo-list-wrapper[data-v-d0dc20b0]{width:250px;background:#a1ffc7;display:flex;flex-direction:column;justify-content:space-between;justify-items:center}.todo-list-title[data-v-d0dc20b0]{font-size:20px;font-weight:500;padding:15px 20px}.close-btn[data-v-d0dc20b0]{position:absolute;top:15px;right:15px;border:none;background:none;cursor:pointer}.add-btn[data-v-d0dc20b0]{width:210px;height:45px;margin:20px;padding:9px 39px}.todo-list-items[data-v-d0dc20b0]{cursor:pointer;padding:0}.todo-item[data-v-d0dc20b0]{display:flex;align-items:center;margin:5px 0;padding:4px 14px;height:48px;background-color:#81f8b1}.todo-item--active[data-v-d0dc20b0]{font-weight:700;position:relative}.todo-item--active[data-v-d0dc20b0]:after{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);width:55px;height:100%;background-color:#fff;clip-path:polygon(100% 0%,50% 50%,100% 100%)}.image-container[data-v-d0dc20b0]{display:flex;justify-content:center;cursor:pointer;padding:20px}.image[data-v-d0dc20b0]{width:210px;height:80px;overflow:hidden;border-radius:10px;background-color:#ebebeb}.image img[data-v-d0dc20b0]{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.todo-list-wrapper[data-v-d0dc20b0]{position:absolute;left:0;top:0;height:100vh;z-index:2}.todo-list-mask[data-v-d0dc20b0]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1}}.todo-form[data-v-21137705]{padding:15px 25px;width:100%;display:grid;gap:16px;grid-template-columns:1fr 1fr;grid-template-rows:20px 100px 200px auto;grid-template-areas:".  delete" "title date" "image image-preview" "content content"}.no-item[data-v-21137705]{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;color:#ccc}.no-item i[data-v-21137705]{font-size:48px}.no-item p[data-v-21137705]{font-size:24px;font-weight:600}.delete-group[data-v-21137705]{grid-area:delete;display:flex;flex-direction:row;justify-content:flex-end}.delete-group>button[data-v-21137705]{background:none;border:none;font-size:20px;cursor:pointer}.title-group[data-v-21137705]{grid-area:title}.date-group[data-v-21137705]{grid-area:date}.image-group[data-v-21137705]{grid-area:image}.image-preview-group[data-v-21137705]{grid-area:image-preview}.content-group[data-v-21137705]{grid-area:content}.form-group[data-v-21137705]{display:flex;flex-direction:column}.date-container[data-v-21137705]{display:flex;justify-content:space-between;align-items:center}.date-container>input[data-v-21137705]{width:48%}.upload-button[data-v-21137705]{width:100%;height:55px}.image-container[data-v-21137705]{display:flex;flex-direction:column;gap:8px;align-items:center}.image-preview[data-v-21137705]{height:150px;border:1px solid #e0e0e0;border-radius:10px;overflow:hidden;margin-top:24px;background-color:#ebebeb}.image-preview img[data-v-21137705]{width:100%;height:100%;object-fit:cover}.content-container[data-v-21137705]{position:relative}.content-area[data-v-21137705]{width:100%;height:145px;resize:none}.char-count[data-v-21137705]{display:flex;justify-content:flex-end;padding-right:15px;align-items:center;position:absolute;width:115px;height:45px;font-size:14px;border-radius:0 0 10px;background-color:#e7ffe9;bottom:5px;right:0}.char-count[data-v-21137705]:before{content:"";position:absolute;left:0;top:0;transform:translate(-50%);border-top:45px solid #EBEBEB;border-bottom:45px solid transparent;border-left:45px solid transparent;border-right:45px solid transparent}input[data-v-21137705],textarea[data-v-21137705]{width:100%}@media (max-width: 768px){.todo-form[data-v-21137705]{grid-template-columns:1fr;grid-template-rows:20px 100px 100px 180px 180px auto;grid-template-areas:"delete" "title" "date" "image" "image-preview" "content"}}.container[data-v-f147a78e]{width:100%;height:100vh;display:flex}.menu-button[data-v-f147a78e]{position:absolute;font-size:24px;background-color:transparent;margin:10px 25px;border:none;cursor:pointer;z-index:10}