*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:2rem}.app{max-width:600px;margin:0 auto}.app header{background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 10px 40px #0000001a;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.app header h1{color:#667eea;font-size:1.5rem}.user-info{display:flex;gap:1rem;align-items:center}.user-info button{background:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:background .2s}.user-info button:hover{background:#dc2626}.auth-container{display:flex;justify-content:center;align-items:center;min-height:80vh}.auth-box{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 10px 40px #0000001a;width:100%;max-width:400px}.auth-box h2{color:#667eea;text-align:center;margin-bottom:1.5rem;font-size:1.75rem}.auth-box form{display:flex;flex-direction:column;gap:1rem}.auth-box input{padding:1rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;transition:border-color .2s}.auth-box input:focus{outline:none;border-color:#667eea}.auth-box button[type=submit]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.auth-box button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.auth-box button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.auth-box .error{color:#ef4444;text-align:center;padding:.5rem}.auth-box p{text-align:center;margin-top:1rem;color:#6b7280}.auth-box .link-button{background:none;border:none;color:#667eea;cursor:pointer;text-decoration:underline;font-size:1rem}.todo-container{background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 10px 40px #0000001a}.todo-form{display:flex;gap:.75rem;margin-bottom:1.5rem}.todo-form input{flex:1;padding:.75rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem}.todo-form input:focus{outline:none;border-color:#667eea}.todo-form button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;transition:transform .2s}.todo-form button:hover:not(:disabled){transform:translateY(-2px)}.todo-form button:disabled{opacity:.6;cursor:not-allowed}.todo-list{display:flex;flex-direction:column;gap:.75rem}.todo-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f9fafb;border-radius:.5rem;transition:background .2s}.todo-item:hover{background:#f3f4f6}.todo-item input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer}.todo-item span{flex:1;font-size:1rem}.todo-item .completed{text-decoration:line-through;color:#9ca3af}.todo-item button{background:#ef4444;color:#fff;border:none;padding:.5rem .75rem;border-radius:.375rem;cursor:pointer;transition:background .2s}.todo-item button:hover{background:#dc2626}.empty{text-align:center;color:#9ca3af;padding:2rem}