*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}#app{max-width:750px;margin:0 auto}.app[data-v-c9cbc2ff]{min-height:100vh}.container[data-v-c9cbc2ff]{background:#fff;border-radius:16px;padding:32px;box-shadow:0 20px 60px #0000004d}.title[data-v-c9cbc2ff]{font-size:32px;color:#333;margin-bottom:8px;text-align:center}.subtitle[data-v-c9cbc2ff]{text-align:center;color:#666;margin-bottom:32px;font-size:14px}.input-section[data-v-c9cbc2ff]{display:flex;gap:12px;margin-bottom:24px}.todo-input[data-v-c9cbc2ff]{flex:1;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;outline:none;transition:border-color .3s}.todo-input[data-v-c9cbc2ff]:focus{border-color:#667eea}.add-btn[data-v-c9cbc2ff]{padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s}.add-btn[data-v-c9cbc2ff]:hover{background:#5568d3}.loading[data-v-c9cbc2ff],.error[data-v-c9cbc2ff]{text-align:center;padding:16px;margin-bottom:16px;border-radius:8px}.loading[data-v-c9cbc2ff]{color:#667eea}.error[data-v-c9cbc2ff]{background:#fee;color:#c33}.todos-list[data-v-c9cbc2ff]{display:flex;flex-direction:column;gap:12px}.todo-item[data-v-c9cbc2ff]{display:flex;align-items:center;gap:12px;padding:16px;background:#f8f9fa;border-radius:8px;transition:all .3s}.todo-item[data-v-c9cbc2ff]:hover{background:#e9ecef}.todo-item.completed[data-v-c9cbc2ff]{opacity:.6}.todo-item.completed .todo-text[data-v-c9cbc2ff]{text-decoration:line-through}.checkbox[data-v-c9cbc2ff]{width:20px;height:20px;cursor:pointer}.todo-text[data-v-c9cbc2ff]{flex:1;font-size:16px;color:#333}.delete-btn[data-v-c9cbc2ff]{padding:8px 16px;background:#ff4757;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background .3s}.delete-btn[data-v-c9cbc2ff]:hover{background:#ee3542}.empty[data-v-c9cbc2ff]{text-align:center;padding:48px;color:#999;font-size:16px}