.app[data-v-faf4ea97]{max-width:600px;margin:40px auto;padding:0 20px;font-family:system-ui,-apple-system,sans-serif}h1[data-v-faf4ea97]{text-align:center;margin-bottom:24px}.add-form[data-v-faf4ea97]{gap:8px;margin-bottom:24px;display:flex}.add-form input[data-v-faf4ea97]{border:1px solid #ccc;border-radius:6px;outline:none;flex:1;padding:10px 14px;font-size:16px}.add-form input[data-v-faf4ea97]:focus{border-color:#4a90d9}.add-form button[data-v-faf4ea97]{color:#fff;cursor:pointer;background:#4a90d9;border:none;border-radius:6px;padding:10px 20px;font-size:16px}.add-form button[data-v-faf4ea97]:disabled{cursor:not-allowed;background:#a0c4e8}.status[data-v-faf4ea97]{text-align:center;color:#888}.todo-list[data-v-faf4ea97]{padding:0;list-style:none}.todo-list li[data-v-faf4ea97]{background:#f9f9f9;border:1px solid #eee;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;display:flex}.todo-list li.completed[data-v-faf4ea97]{opacity:.6;background:#f0f8f0}.todo-content[data-v-faf4ea97]{flex-direction:column;gap:4px;display:flex}.todo-text[data-v-faf4ea97]{font-size:16px}.completed .todo-text[data-v-faf4ea97]{color:#888;text-decoration:line-through}.todo-time[data-v-faf4ea97]{color:#aaa;font-size:12px}.completed-time[data-v-faf4ea97]{color:#6a9f6a}.complete-btn[data-v-faf4ea97]{color:#fff;cursor:pointer;white-space:nowrap;background:#5cb85c;border:none;border-radius:4px;padding:6px 14px}.complete-btn[data-v-faf4ea97]:hover{background:#4cae4c}.done-badge[data-v-faf4ea97]{color:#5cb85c;font-size:14px;font-weight:700}