*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app,body{min-height:100vh}.app{display:flex;flex-direction:column;margin:0 auto;max-width:800px;padding:20px}.app-header{color:#fff;padding:40px 20px;text-align:center}.app-header h1{font-size:2.5rem;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 4px #0003}.app-subtitle{font-size:1.1rem;opacity:.9}.app-main{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;flex:1 1;padding:30px}.error-message{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.error-close{background:none;color:#dc2626;font-size:1.5rem;padding:0 5px}.btn,.error-close{border:none;cursor:pointer}.btn{align-items:center;border-radius:10px;display:inline-flex;font-size:1rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{box-shadow:0 5px 20px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#e5e7eb;color:#374151}.btn-secondary:hover{background:#d1d5db}.btn-danger{background:#fee2e2;color:#dc2626}.btn-danger:hover{background:#fecaca}.btn-icon{font-size:1.2rem;font-weight:700}.add-todo-btn{font-size:1.1rem;justify-content:center;margin-bottom:25px;padding:16px;width:100%}.loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;padding:60px 20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:50px;margin-bottom:15px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.todo-form{background:#f9fafb;border:2px solid #e5e7eb;border-radius:15px;margin-bottom:25px;padding:25px}.todo-form h2{color:#374151;font-size:1.3rem}.form-group,.todo-form h2{margin-bottom:20px}.form-group label{color:#374151;display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group textarea{border:2px solid #e5e7eb;border-radius:10px;font-family:inherit;font-size:1rem;padding:12px 15px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-actions{display:flex;gap:10px;justify-content:flex-end}.todo-list{display:flex;flex-direction:column;gap:15px}.todo-empty{color:#9ca3af;padding:60px 20px;text-align:center}.todo-empty-icon{font-size:4rem;margin-bottom:15px}.todo-empty p{font-size:1.1rem}.todo-item{background:#fff;border:2px solid #e5e7eb;border-radius:15px;padding:20px;transition:all .3s ease}.todo-item:hover{border-color:#667eea;box-shadow:0 5px 20px #0000001a}.todo-item.completed{background:#f0fdf4;border-color:#86efac}.todo-item-header{align-items:flex-start;display:flex;gap:15px;margin-bottom:10px}.todo-checkbox{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .3s ease;width:24px}.todo-checkbox:hover{border-color:#667eea}.todo-checkbox.checked{background:#22c55e;border-color:#22c55e}.todo-checkbox.checked:after{color:#fff;content:"✓";font-size:14px;font-weight:700}.todo-content{flex:1 1}.todo-title{color:#1f2937;font-size:1.2rem;font-weight:600;margin-bottom:5px}.todo-item.completed .todo-title{color:#6b7280;text-decoration:line-through}.todo-description{color:#6b7280;font-size:.95rem;line-height:1.5;margin-bottom:10px}.todo-item.completed .todo-description{text-decoration:line-through}.todo-meta{display:flex;flex-wrap:wrap;gap:15px}.todo-due-date{align-items:center;background:#f3f4f6;border-radius:20px;color:#6b7280;display:inline-flex;font-size:.85rem;gap:5px;padding:5px 12px}.todo-due-date.overdue{background:#fee2e2;color:#dc2626}.todo-due-date.today{background:#fef3c7;color:#d97706}.todo-actions{border-top:1px solid #e5e7eb;display:flex;gap:8px;margin-top:15px;padding-top:15px}.todo-action-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.todo-action-btn.edit{background:#e0e7ff;color:#4338ca}.todo-action-btn.edit:hover{background:#c7d2fe}.todo-action-btn.delete{background:#fee2e2;color:#dc2626}.todo-action-btn.delete:hover{background:#fecaca}.app-footer{color:#fffc;font-size:.9rem;padding:30px;text-align:center}@media (max-width:600px){.app{padding:10px}.app-header{padding:30px 15px}.app-header h1{font-size:2rem}.app-main{border-radius:15px;padding:20px}.form-actions{flex-direction:column}.form-actions .btn{justify-content:center;width:100%}.todo-actions,.todo-item-header{flex-direction:column}.todo-action-btn{text-align:center;width:100%}}
/*# sourceMappingURL=main.7e1ebd23.css.map*/